/* generated by csscreator.com */
html, body{ 
 text-align:center;
 color:#323232;
 font-family:arial, verdana;
 font-size:12px;
} 
 
#pagewidth{ 
 width:860px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
} 
 
#header{
 position:relative; 
 height:94px; 
 width:100%;
 background-image: url("images/header.gif");
 background-position: top center;
 background-repeat: no-repeat;
} 
 
#leftcol{
 width:190px; 
 float:left; 
 position:relative; 
 background-color:#FFF; 
 }
 
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:668px; 
 }
 
#footer{
 margin:3px 0px 0px 0px;
 height:67px; 
 clear:both;
 background-image: url("images/footerbg.gif");
 background-position: top left;
 background-repeat: repeat-x;
} 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


#webdevelopment
{
  float:left;
  position:relative; 
  width:315px;
  height:35px;
  top:10px;
  cursor: pointer;
}

#descriptor
{
  position:relative;
  float:left;
  top: 10px;
  left: 0px;
  font-size:15px;
  clear: both;
}

#telnum
{
  left: 340px;
  top: 20px;
  position:relative;
  font-size:26px;
}

.development
{
  display:none;
}

#topnav
{
  clear:both;
  position:relative;
  width:100%;
  height:22px;
  line-height:22px;
  top:20px;
}

#topnav a:link {color:    #FFF; text-decoration: none; } 
#topnav a:active {color:  #FFF; text-decoration: none; } 
#topnav a:visited {color: #FFF; text-decoration: none; } 
#topnav a:hover {color:   #FFF; text-decoration: underline;}

.homebtn       {float:left; position:relative; left:208px}
.webdevelbtn   {float:left; position:relative; left:234px}
.cssconvertbtn {float:left; position:relative; left:262px}
.tutorialbtn   {float:left; position:relative; left:290px}
.cmsbtn        {float:left; position:relative; left:319px}
.aboutbtn      {float:left; position:relative; left:345px;}
.contactbtn    {float:left; position:relative; left:373px;}

#leftnav
{
  float:left;
  position:relative;
  margin-top:6px;
  background-color:#CCC;
  height:20px;
  width:192px;
  line-height:20px;
  color:#4D4C4C;
  text-indent:12px;
}
#leftnav a:link {color:    #4D4C4C; text-decoration: none; } 
#leftnav a:active {color:  #4D4C4C; text-decoration: none; } 
#leftnav a:visited {color: #4D4C4C; text-decoration: none; } 
#leftnav a:hover {color:   #FFF; text-decoration: underline; background-color:#ED4300; font-weight:bold;}

#copyright a:link {color: #999; text-decoration: none; }
#copyright a:active {color: #999; text-decoration: none;} 
#copyright a:visited {color: #999; text-decoration: none;} 
#copyright a:hover {color: #999; text-decoration: none;}

#btmdescriptor {
top: 12px;
left: 7px;
position: relative;
color: #999999;
font: 12px Verdana;
float: left;
}

#btmnumbers {
top: 4px;
text-align: right;
position: relative;
color: #616161;
font: bold 12px Arial;
border-bottom: 1px silver solid;
padding-bottom: 4px;
padding-right: 2px;
}

#copyright {
top: 48px;
text-align: center;
position: relative;
color: #999;
font: 10px Arial;
padding-bottom: 4px;
padding-top: 4px;
clear: both;
}































#container {
width: 627px;
height: 199px;
margin-top: 16px;
margin-left: auto;
margin-right: auto;
background-image: url("images/main.jpg");
background-position: top center;
background-repeat: no-repeat;
margin-bottom: 12px;
}


#website {
width: 627px;
height: 91px;
margin-left: auto;
margin-right: auto;
background-image: url("images/strip.jpg");
background-position: top left;
background-repeat: repeat-x;
margin-bottom: 12px;
}


#maintenance {
width: 627px;
height: 144px;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
}

#targetbox {
width: 207px;
height: 144px;
margin: 0px;
padding: 0px;
margin-right: 2px;
background-image: url("images/targetbox.gif");
background-position: top center;
background-repeat: no-repeat;
float: left;
position: relative;
}




h1 {
font-size:23px;
color:#ed4300;
font-family: arial;
text-indent: 0px;
margin: 0px;
padding: 0px;
margin-top: 12px;
}

.sh1 {
font-size: 14px;
margin-top: 2px;
text-indent: 3px;
}

.website {
font-family: arial;
font-size: 12px;
color:#424141;
margin-top: 8px;
padding: 0px;
left: 3px;
position: relative;
}

.maintenance {
font-family: arial;
font-size: 14px;
color:white;
margin-top: 2px;
margin-bottom: 8px;
padding: 0px;
left: 25px;
position: relative;
line-height: 22px;
margin: 0px;
}



.target {
font-family: arial;
font-size: 12px;
color:#424141;
margin: 0px;
padding: 0px;
left: 3px;
position: relative;
}

.anything {
font-family: arial;
font-size: 12px;
color:#424141;
margin: 0px;
padding: 0px;
left: 3px;
position: relative;
}






li
{
margin: 0px;
margin-bottom: 12px;
left: 8px;
padding-left: 0px;
background-image: url(images/bluedot.gif);
background-repeat: no-repeat;
background-position: center left;
float: left;
width: 98%;
position: relative;
clear: both;
font-family: arial;
font-size: 12px;
color:#424141;
list-style-type: none;
text-indent: 13px;
}

ul { 
margin: 0px;
padding: 0px;
margin-top: 10px;
}



#learnmore {
width: 160px;
height: 50px;
left: 110px;
top: 147px;
position: relative;
cursor: pointer;
}













 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 


#chatbox {
width: 192px;
height: 175px;
background-image: url(images/chatbox.gif);
background-repeat: no-repeat;
background-position: center top;
top: 6px;
position: relative;
clear: both;
}

#quotebox {
width: 192px;
height: 129px;
background-image: url(images/quotebox.gif);
background-repeat: no-repeat;
background-position: center top;
top: 12px;
position: relative;
clear: both;
}


#qq {
height: 294px;
width: 258px;
background-image: url(images/qq.gif);
background-repeat: no-repeat;
background-position: center top;
}

.redbutton { 
  color: white; 
  font-weight: bold; 
  font-size: 14px;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  background-color: transparent; 
  background-image: url(images/submit.jpg); 
  text-align: center;
  cursor: pointer; 
  width: 118px; 
  height: 39px;
  border-style: none; 
  border-width: 0; 
  float: right;
  position: relative;
  }


.site a:link {color: #323232; text-decoration: none; }
.site a:active {color: #323232; text-decoration: none;}
.site a:visited {color: #323232; text-decoration: none;}
.site a:hover {color: #323232; text-decoration: none;}




#learnmain {
  width: 850px;
  height: 470px;

  margin-left: auto;
  margin-right: auto;
  background-image: url("womanbkgrnd.jpg");
background-repeat: no-repeat;
background-position: right top; 
  }