/* CSS Document */

body{
	padding :0;
	margin-left: auto;
	margin-right: auto;
	color: #000000;
	background-color: #404040;
}



#mainpage {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 5px 5px 5px;
	color: #000000;
	background-color: #FFFFFF;
	border: #000000 thin solid;
}

#content {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	padding:  5px 5px 5px 5px;
	color: #000000;
	background-color: #FFFFFF;
	border-width: thin;
	border-color: #CCCCCC;
	border-style: solid;
	display: block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}

#content a {
color: #0066CC;
}

#content a:hover{
background-color: #0066CC;
color:  #FFFFFF;
}

#content p{

}

#footer {
padding-top: 10px;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-top: #CCCCCC thin solid;
text-align: center;
}

#footer a {
border: #000000 thin solid;
background-color:#666666;
color: #FFFFFF;
padding: 2px 2px 2px 2px;
}

#footer a:hover {
border:  #000000 thin solid;
background-color: #0066CC;
color:  #FFFFFF;
}

#leftcontainer {
	width: 160px;
	height: 430px;
	float: left;
	display: block;
	vertical-align:middle;
	
}

.leftflair {
	width: 150px;
	height: 100px;
	border:#000000 thin solid;
	float: left;
	margin-bottom: 5px;
	display: block;
}

#rightcontainer {
	width: 160px;
	height: 430px;
	float: right;
	display: block;
	
}

.rightflair {
	width: 150px;
	height: 100px;
	border:#000000 thin solid;
	float: right;
	margin-bottom: 5px;
}

.serviceflair {
	width: 150px;
	height: 100px;
	border: #000000 thin solid;
	float: left;
	display: block;
	margin: 10px 0px 0px 10px;
}

.servicetextcontainer {
	display: block;
	background-color:#FEFEFE;
	text-align: justify;
	margin: 10px;
	padding: 5px;
	float:right;
	width:500px;
}

.header {
display:block;
height: 50px;
width: 50%;
}


.nav {
display: block;
}

.btnhome {
float:left;
width:22px;
height: 20px;
padding:4px 0px 0px 4px;
}
.btnhome a {
display:block;
width: 22px;
background: url('images/btn_home.gif') no-repeat 0 0;
text-decoration: none;
float:left;
height: 20px;
}
.btnhome a:hover {
 background-position: 0 -20px;
}

.btnservices {
float:left;
width:120px;
height: 20px;
padding:4px 0px 0px 4px;
}
.btnservices a {
display:block;
width: 120px;
background: url('images/btn_services.gif') no-repeat 0 0;
text-decoration: none;
float:left;
height: 20px;
}
.btnservices a:hover {
 background-position: 0 -20px;
}

.btnplansandrates {
float:left;
width:120px;
height: 20px;
padding:4px 0px 0px 4px;
}
.btnplansandrates a {
display:block;
width: 120px;
background: url('images/btn_plansandrates.gif') no-repeat 0 0;
text-decoration: none;
float:left;
height: 20px;
}
.btnplansandrates a:hover {
 background-position: 0 -20px;
}

.btntestimonials {
float:left;
width:120px;
height: 20px;
padding:4px 0px 0px 4px;
}
.btntestimonials a {
display:block;
width: 120px;
background: url('images/btn_testimonials.gif') no-repeat 0 0;
text-decoration: none;
float:left;
height: 20px;
}
.btntestimonials a:hover {
 background-position: 0 -20px;
}

.btnaboutus {
float:left;
width:120px;
height: 20px;
padding:4px 0px 0px 4px;
}
.btnaboutus a {
display:block;
width: 120px;
background: url('images/btn_aboutus.gif') no-repeat 0 0;
text-decoration: none;
float:left;
height: 20px;
}
.btnaboutus a:hover {
 background-position: 0 -20px;
}

.btngetageek {
float:left;
width:120px;
height: 20px;
padding:4px 0px 0px 4px;
}
.btngetageek a {
display:block;
width: 120px;
background: url('images/btn_getageek.gif') no-repeat 0 0;
text-decoration: none;
float:left;
height: 20px;
}
.btngetageek a:hover {
 background-position: 0 -20px;
}

.btnphone {
float:left;
width:144px;
height: 20px;
padding:4px 0px 0px 4px;
}
.btnphone a {
display:block;
width: 144px;
background: url('images/btn_phone.gif') no-repeat 0 0;
text-decoration: none;
float:left;
height: 20px;
}