/* Page Setup Section */
body
{
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  background-color: rgb(0,0,0);
  overflow: auto;
}
#menu,
#bar_menu_close_button,
#office_sub_menu,
#office_sub_menu,
#photos_sub_menu,
#web_design_sub_menu,
#links_sub_menu,
#css_sub_menu,
#html_sub_menu,
#ccodes_sub_menu,
#js_sub_menu,
#christian_sub_menu,
#freeware_sub_menu,
#google_sub_window,
#email_sub_window
{
  visibility: hidden;
}
#preload
{
  height: 0px;
  width: 0px;
  visibility: hidden;
  overflow: hidden;
}
#container
{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  height: 600px;
  margin-top: -300px;
  margin-left: -400px;
  background-image: url('images/wallpaper/rotate.php');
  background-repeat: no-repeat;
  overflow: hidden;
  z-index: 1;
}
a,
a:link,
a:active,
a:visited,
a:visited:active
{
  color: rgb(0,0,0);
  text-decoration: none;
}
a:hover,
a:visited:hover
{
  color: rgb(0,0,255);
  text-decoration: none;
}
img
{
  border: 0px;
}
#mblogo
{
  position: absolute;
  top: 0px;
  left: 425px;
  height: 36px;
  width: 372px;
  overflow: hidden;
  z-index: 50;  
}
.deskicon
{
  position: relative;
  top: 0px;
  left: 20px;
  height: 90px;
  width: 80px;
  text-align: center;
  line-height: 12px;
  overflow: hidden;
  z-index: 50;
}
.desktext
{
  margin-top: 5px;
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  color: rgb(255,255,255);
  font-family: sans-serif;
  font-size: 8pt;
}
.desktext:hover
{
  background-color:rgb(90,90,238);
}
/*Menu Section*/
#bar
{
  position: absolute;
  top: 556px;
  left: 0px;
  height: 44px;
  width: 800px;
  background-image: url('images/bar.gif');
  background-repeat: repeat-x;
  overflow: hidden;
  z-index: 50;
}
#bar_menu_button
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 44px;
  width: 125px;
  background-image: url('images/menu_button_off.gif');
  background-repeat: no-repeat;
  overflow: hidden;
  cursor: pointer;
}
#bar_menu_close_button
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 44px;
  width: 125px;
  background-image: url('images/menu_button_on.gif');
  background-repeat: no-repeat;
  overflow: hidden;
  z-index: 99;
  cursor: pointer;
}
#sub_buttons
{
  position: absolute;
  top: 9px;
  left: 125px;
  height: 31px;
  width: 525px;
  overflow: hidden;
  z-index: 60;
}
#google_sub_button
{
  float: left;
  position: relative;
  top: 0px;
  left: 0px;
  height: 31px;
  width: 175px;
  background-image: url('images/google_sub_button.gif');
  background-repeat: no-repeat;
  overflow: hidden;
}
#email_sub_button
{
  float: left;
  position: relative;
  top: 0px;
  left: 0px;
  height: 31px;
  width: 175px;
  background-image: url('images/email_sub_button.gif');
  background-repeat: no-repeat;
  overflow: hidden;
}
#bar_clock
{
  position: absolute;
  top: 0px;
  left: 676px;
  height: 44px;
  width: 124px;
  padding-top: 13px;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  color: rgb(255,255,255);
  font-family: sans-serif;
  font-size: 10pt;
  line-height: 10pt;
  text-align: center;
  background-image: url('images/clock.gif');
  background-repeat: no-repeat;
  overflow: hidden;
}
#bar_clock:first-line
{
  font-size: 8pt;
  line-height: 8pt;
}
#menu
{
  position: absolute;
  top: 316px;
  left: -2px;
  height: 257px;
  width: 208px;
  overflow: hidden;
  z-index: 100;
}
#menu_side
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 257px;
  width: 44px;
  overflow: hidden;
}
#google_button
{
  position: relative;
  top: 0px;
  left: 44px;
  height: 45px;
  width: 164px;
  overflow: hidden;
}
#google_button a:link,
#google_button a:active, 
#google_button a:visited,
#google_button a:visited:active
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 45px;
  width: 164px;
  overflow: hidden;
}
#office_button,
#photos_button,
#web_design_button,
#links_button
{
  position: relative;
  top: 0px;
  left: 44px;
  height: 40px;
  width: 164px;
  overflow: hidden;
}
#office_button a:link,
#office_button a:active, 
#office_button a:visited,
#office_button a:visited:active,
#photos_button a:link,
#photos_button a:active, 
#photos_button a:visited,
#photos_button a:visited:active,
#web_design_button a:link,
#web_design_button a:active, 
#web_design_button a:visited,
#web_design_button a:visited:active,
#links_button a:link,
#links_button a:active, 
#links_button a:visited,
#links_button a:visited:active
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 45px;
  width: 164px;
  overflow: hidden;
}
#email_button
{
  position: relative;
  top: 0px;
  left: 44px;
  height: 52px;
  width: 164px;
  overflow: hidden;
}
#email_button a:link,
#email_button a:active, 
#email_button a:visited,
#email_button a:visited:active
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 52px;
  width: 164px;
  overflow: hidden;
}
/* SubMenu Section */
#office_sub_menu
{
  position: absolute;
  top: 240px;
  left: 194px;
  height: 257px;
  width: 172px;
  text-align: center;
  overflow: hidden;
  z-index: 110;
}
#photos_sub_menu
{
  position: absolute;
  top: 200px;
  left: 194px;
  height: 257px;
  width: 172px;
  overflow: hidden;
  z-index: 110;
}
#web_design_sub_menu
{
  position: absolute;
  top: 280px;
  left: 194px;
  height: 257px;
  width: 172px;
  overflow: hidden;
  z-index: 110;
}
#links_sub_menu
{
  position: absolute;
  top: 280px;
  left: 194px;
  height: 257px;
  width: 172px;
  overflow: hidden;
  z-index: 110;
}
#css_sub_menu
{
  position: absolute;
  top: 165px;
  left: 354px;
  height: 257px;
  width: 172px;
  overflow: hidden;
  z-index: 110;
}
#html_sub_menu
{
  position: absolute;
  top: 205px;
  left: 354px;
  height: 257px;
  width: 172px;
  overflow: hidden;
  z-index: 110;
}
#ccodes_sub_menu
{
  position: absolute;
  top: 285px;
  left: 354px;
  height: 257px;
  width: 172px;
  overflow: hidden;
  z-index: 110;
}
#js_sub_menu
{
  position: absolute;
  top: 325px;
  left: 354px;
  height: 257px;
  width: 172px;
  overflow: hidden;
  z-index: 110;
}
#christian_sub_menu
{
  position: absolute;
  top: 85px;
  left: 354px;
  height: 257px;
  width: 172px;
  overflow: hidden;
  z-index: 110;
}
#freeware_sub_menu
{
  position: absolute;
  top: 85px;
  left: 354px;
  height: 297px;
  width: 172px;
  overflow: hidden;
  z-index: 110;
}
.top_icon
{
  float: left;
  position: relative;
  top: 8px;
  left: 10px;
  height: 30px;
  width: 30px;
}
.top_menu_text
{
  float: left;
  position: relative;
  top: 8px;
  left: 10px;
  width: 115px;
  padding-top: 8px;
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  color: rgb(255,255,255);
  font-family: sans-serif;
  font-size: 10pt;
  text-align: center;
  cursor: pointer;
}
.top_menu_double_text
{
  float: left;
  position: relative;
  top: 8px;
  left: 10px;
  width: 115px;
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  color: rgb(255,255,255);
  font-family: sans-serif;
  font-size: 10pt;
  text-align: center;
  cursor: pointer;
}

.icon
{
  float: left;
  position: relative;
  top: 5px;
  left: 10px;
  height: 30px;
  width: 30px;
}
.menu_text
{
  float: left;
  position: relative;
  top: 5px;
  left: 10px;
  width: 120px;
  padding-top: 6px;
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  color: rgb(255,255,255);
  font-family: sans-serif;
  font-size: 10pt;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  overflow: hidden;
}
.menu_double_text
{
  float: left;
  position: relative;
  top: 5px;
  left: 10px;
  width: 120px;
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  color: rgb(255,255,255);
  font-family: sans-serif;
  font-size: 10pt;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  overflow: hidden;
}
.sub_menu_top_button
{
  position: relative;
  top: 0px;
  left: 0px;
  height: 45px;
  width: 172px;
  overflow: hidden;
}
.sub_menu_top_button a:link,
.sub_menu_top_button a:active, 
.sub_menu_top_button a:visited,
.sub_menu_top_button a:visited:active
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 45px;
  width: 172px;
  overflow: hidden;
}
.sub_menu_button
{
  position: relative;
  top: 0px;
  left: 0px;
  height: 40px;
  width: 172px;
  overflow: hidden;
}
.sub_menu_button a:link,
.sub_menu_button a:active, 
.sub_menu_button a:visited,
.sub_menu_button a:visited:active
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 40px;
  width: 172px;
  overflow: hidden;
}
.sub_menu_bottom_button
{
  position: relative;
  top: 0px;
  left: 0px;
  height: 52px;
  width: 172px;
  overflow: hidden;
}
.sub_menu_bottom_button a:link,
.sub_menu_bottom_button a:active, 
.sub_menu_bottom_button a:visited,
.sub_menu_bottom_button a:visited:active
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 52px;
  width: 172px;
  overflow: hidden;
}
.top_menu_group_text
{
  float: left;
  position: relative;
  top: 8px;
  left: 10px;
  width: 100px;
  padding-top: 8px;
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  color: rgb(255,255,255);
  font-family: sans-serif;
  font-size: 10pt;
  text-align: center;
  cursor: pointer;
}
.top_menu_group_double_text
{
  float: left;
  position: relative;
  top: 8px;
  left: 10px;
  width: 100px;
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  color: rgb(255,255,255);
  font-family: sans-serif;
  font-size: 10pt;
  text-align: center;
  cursor: pointer;
}
.menu_group_text
{
  float: left;
  position: relative;
  top: 5px;
  left: 10px;
  width: 100px;
  padding-top: 6px;
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  color: rgb(255,255,255);
  font-family: sans-serif;
  font-size: 10pt;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  overflow: hidden;
}
.menu_group_double_text
{
  float: left;
  position: relative;
  top: 5px;
  left: 10px;
  width: 100px;
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  color: rgb(255,255,255);
  font-family: sans-serif;
  font-size: 10pt;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  overflow: hidden;
}
.sub_menu_group_top
{
  position: relative;
  top: 0px;
  left: 0px;
  height: 45px;
  width: 172px;
  overflow: hidden;
}
.sub_menu_group_top a:link,
.sub_menu_group_top a:active, 
.sub_menu_group_top a:visited,
.sub_menu_group_top a:visited:active
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 45px;
  width: 172px;
  overflow: hidden;
}
.sub_menu_group_button
{
  position: relative;
  top: 0px;
  left: 0px;
  height: 40px;
  width: 172px;
  overflow: hidden;
}
.sub_menu_group_button a:link,
.sub_menu_group_button a:active, 
.sub_menu_group_button a:visited,
.sub_menu_group_button a:visited:active
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 40px;
  width: 172px;
  overflow: hidden;
}
.sub_menu_group_bottom
{
  position: relative;
  top: 0px;
  left: 0px;
  height: 52px;
  width: 172px;
  overflow: hidden;
}
.sub_menu_group_bottom a:link,
.sub_menu_group_bottom a:active, 
.sub_menu_group_bottom a:visited,
.sub_menu_group_bottom a:visited:active
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 52px;
  width: 172px;
  overflow: hidden;
}
/* Content Section */
.internet_window
{
  position: absolute;
  top: 25px;
  height: 500px;
  width: 616px;
  text-align: center;
  overflow: hidden;
  z-index: 99;
}
.internet_window_header
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 40px;
  width: 616px;
  background-image: url('images/window_header.gif');
  background-repeat: no-repeat;
  overflow: hidden;
}
.internet_window_name
{
  position: absolute;
  top: 5px;
  left: 9px;
  height: 29px;
  background-repeat: no-repeat;
  overflow: hidden;
}
#google_sub_window
{
  left: 77px;
}
#email_sub_window
{
  left: 107px;
}
#google_sub_window .internet_window_name
{
  width: 115px;
  background-image: url('images/google_sub_name.gif');
}
#email_sub_window .internet_window_name
{
  width: 230px;
  background-image: url('images/email_sub_name.gif');
}
.internet_window_minimize
{
  position: absolute;
  top: 5px;
  left: 548px;
  height: 29px;
  width: 29px;
  background-image: url('images/minimize.gif');
  background-repeat: no-repeat;
  overflow: hidden;
  cursor: pointer;
}
.internet_window_close
{
  position: absolute;
  top: 5px;
  left: 579px;
  height: 29px;
  width: 29px;
  background-image: url('images/close.gif');
  background-repeat: no-repeat;
  overflow: hidden;
  cursor: pointer;
}
.internet_window_content
{
  position: absolute;
  top: 40px;
  left: 0px;
  height: 420px;
  width: 616px;
  background-image: url('images/window_back.gif');
  background-repeat: repeat-y;
  overflow: hidden;
}
.internet_window iframe
{
  position: absolute;
  top: 37px;
  left: 5px;
  width: 608px;
  height: 424px;
  border: 0px;
  overflow: hidden;
  z-index: 100;
}
.internet_window_footer
{
  position: absolute;
  top: 460px;
  left: 0px;
  height: 5px;
  width: 616px;
  background-image: url('images/window_footer.gif');
  background-repeat: no-repeat;
  overflow: hidden;
}
.sub_page
{
  background-color: rgb(255,255,255);
}
#sub_container
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 600px;
  text-align: center;
  overflow: hidden;
  z-index: 1;
}
/* Text Content Section */
.mainheader
{
  margin-top: 0px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  text-align: center;
  font-style: normal;
  font-weight: bold;
  font-variant: small-caps;
  text-transform: capitalize;
  text-decoration: none;
  color: rgb(0,0,0);
  font-family: serif;
  font-size: 14pt;
}
.mainsubheader
{
  margin-top: 0px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  text-align: center;
  font-style: normal;
  font-weight: bold;
  font-variant: small-caps;
  text-transform: capitalize;
  text-decoration: none;
  color: rgb(0,0,0);
  font-family: serif;
  font-size: 13pt;
}
.sloganheader
{
  margin-top: 0px;
  padding-top: 5px;
  line-height: 18pt;
  text-align: center;
  font-style: normal;
  text-decoration: none;
  color: rgb(0,0,0);
  font-family: serif;
  font-size: 14pt;
}
.mainheaderleft
{
  margin-top: 0px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-variant: small-caps;
  text-transform: capitalize;
  text-decoration: none;
  color: rgb(0,0,0);
  font-family: serif;
  font-size: 13pt;
}
.maincontent
{
  margin-top: 0px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  text-align: justify;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  color: rgb(0,0,0);
  font-family: sans-serif;
  font-size: 11pt;
}
.maincontentwhite
{
  margin-top: 0px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  text-align: justify;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  color: rgb(255,255,255);
  font-family: sans-serif;
  font-size: 11pt;
}
.maincontentcenter
{
  margin-top: 0px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  color: rgb(0,0,0);
  font-family: sans-serif;
  font-size: 11pt;
}
.scaps
{
  font-variant: small-caps;
}
/* Form Section */
#name,
#e-mail,
#note
{
  clear: both;
  float: left;
  height: 30px;
  width: 75px;
  padding-top: 6px; 
}
#name_field,
#e-mail_field
{
  height: 30px;
}
#note_field
{
  width: 450px;
}
#ff_control
{
  clear: both;
  position: relative; 
  top: 0px;
  width: 255px;
  margin: 0px auto;
}
.ff_label
{
  margin-top: 0px;
  padding-top: 0px;
  font-style: normal;
  font-weight: normal;
  font-variant: small-caps;
  font-family: sans-serif;
  font-size: 10pt;
  text-transform: none;
  text-decoration: none;
  text-align: right;
  color: rgb(0,0,0);
}
.ff_left
{
  float: left;
  position: relative;
  left: 0px;
  width: 20px;
  height: 30px;
  background-color: transparent;
  background-image: url('images/form_field_left.gif');
  background-repeat: no-repeat;
}
.ff_body
{
  float: left;
  position: relative;
  left: 0px;
  height: 30px;
  padding-top: 7px;
  font-weight: bold;
  color: rgb(255,255,255);
  background-color: transparent;
  background-image: url('images/form_field_body.gif');
  background-repeat: repeat-x;
  border: 0px;
}
.fc_body
{
  float: left;
  position: relative;
  left: 0px;
  height: 30px;
  width: 85px;
  font-weight: bold;
  font-variant: small-caps;
  font-family: sans-serif;
  font-size: 10pt;
  text-align: center;
  color: rgb(255,255,255);
  background-color: transparent;
  background-image: url('images/form_field_body.gif');
  background-repeat: repeat-x;
  border: 0px;
}
.fc_body:hover
{
  font-style: italic; 
}
.ff_right
{
  float: left;
  position: relative;
  left: 0px;
  width: 20px;
  height: 30px;
  background-color: transparent;
  background-image: url('images/form_field_right.gif');
  background-repeat: no-repeat;
}
.ta
{
  width: 335px;
  height: 148px;
  font-family: sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: rgb(255,255,255);
  border: 0px;
  border-color: transparent;
  background-color: transparent;
  overflow: auto;
}
.ta_left
{
  float: left;
  position: relative;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 165px;
  background-color: transparent;
  background-image: url('images/text_area_left.gif');
  background-repeat: no-repeat;
}
.ta_body
{
  float: left;
  position: relative;
  top: 0px;
  left: 0px;
  width: 335px;
  height: 165px;
  padding: 7px 0px 7px 0px;
  background-color: transparent;
  background-image: url('images/text_area_body.gif');
  background-repeat: repeat-x;
  border: 0px;
  z-index: 50;
}
.ta_right
{
  float: left;
  position: relative;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 165px;
  background-color: transparent;
  background-image: url('images/text_area_right.gif');
  background-repeat: no-repeat;
}
/* Footer Section */
#validated
{
  position: absolute;
  top: 225px;
  left: 660px;
  height: 150px;
  width: 133px;
  overflow: hidden;
  z-index: 1;
}
#copyright
{
  position: relative;
  top: 0px;
  left: 0px;
  height: 40px;
  width: 133px;
}
#copyright a:link,
#copyright a:active, 
#copyright a:visited,
#copyright a:visited:active
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 40px;
  width: 133px;
}
#xhtml
{
  position: relative;
  top: 0px;
  left: 0px;
  height: 40px;
  width: 133px;
}
#xhtml a:link,
#xhtml a:active, 
#xhtml a:visited,
#xhtml a:visited:active
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 40px;
  width: 133px;
}
#css
{
  position: relative;
  top: 0px;
  left: 0px;
  height: 40px;
  width: 133px;
}
#css a:link,
#css a:active, 
#css a:visited,
#css a:visited:active
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 40px;
  width: 133px;
}
.footercontentcenter,
.footercontentcenter a,
.footercontentcenter a:link,
.footercontentcenter a:active,
.footercontentcenter a:visited,
.footercontentcenter a:visited:active
{
  clear: both;
  margin-top: 0px;
  padding-top: 5px;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  color: rgb(0,0,0);
  font-family: sans-serif;
  font-size: 10pt;
}
.footercontentcenter a:hover,
.footercontentcenter a:visited:hover
{
  color: rgb(255,255,255);
  text-decoration: none;
}

