body {
   	background-color: 	#0d1e38;
	margin: 	0;
	padding: 	0;
	font-family: 	"Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: 	center;
	color: 		black;
}

#wrap {
	position: 	relative;
	width: 		810px;
	margin:		20px auto;
	padding-bottom:	15px;
	background-color: white;
	text-align: 	left;
}

#counterwrap {
	width: 		780px;
	margin: 	0 auto;
	background:	url(../images/sidebar_bgrd.png) repeat-y left top;
}

/*	Header		*/

#header {
	background: 	url(../images/confitron_banner5.jpg) no-repeat;
	height:		238px;
	margin:		0;
	padding:	0;
}

#header h1 {
	background:	url(../images/header_img2.png) 0 0 no-repeat;
	height: 	68px;
	width:		425px;
	text-indent: 	-1000em;
	float:		left;
	margin:		0;
}

#header h1 a {
	height:		65px;
	display:	block;
}

#header h2 {
	font-family: 	Georgia, serif;
        font-style:	italic;
	font-size: 	12px;
	line-height: 	1.1;
	text-align: 	right;
	color: 		#888;
	word-spacing:	.15em;
	float:		right;
	margin:		45px 15px 0;
}

* html #header h2 {
	right: 28px;
}

#header h2 span {
	display: 	block;
	font-family: 	"Lucida Grande", Lucida, Verdana, sans-serif;
	font-style: 	normal;
	font-weight: 	normal;
	word-spacing: 	0;
}

#header h2 span a:link, #header h2 span a:visited {
	padding: 	1px 1px 1px 1px;
	color: 		#888;
	text-transform: uppercase;
	font-size: 	9px;
	font-weight: 	bold;
	letter-spacing: .1em;	
}

#header h2 span a:hover {
	border-bottom-color: #888;
	background-color: transparent;
}

ul.nav {
	height:		25px;
	width:		570px;
	padding:	0;
	list-style:	none;
	margin:		-12px 0 0;
	float:		right;
	background-color: #0d1e38;
}

ul.nav li{
	float:		left;
	margin:		0;
	padding:	0;
}

ul.nav a {
	display:	block;
	width:		8em;
	text-align:	center;
	letter-spacing: 1px;
	color: 		white;
	text-decoration:none;
	font: 		14px "Lucida Grande", Lucida, Verdana, sans-serif;
	font-variant:	small-caps;
	font-weight:	600;
	padding:	4px;
	margin:		0;
	letter-spacing:	.2em;
}

ul.nav a:hover {
	background-color: #aa0c04;
}

body.home #navHome a,
body.services #navServices a,
body.about #navAbout a,
body.contact #navContact a {
	background-color:	#aa0c04;
}

body.home #navHome a:hover,
body.services #navServices a:hover,
body.about #navAbout a:hover,
body.contact #navContact a:hover {
	cursor: 	default;
}

body.web_design #navWebdesign a,
body.web_hosting #navWebhosting a,
body.networking #navNetworking a,
body.maintenance #navMaintenance a,
body.repair #navRepair a,
body.internet_service #navInternet a {
	font-style:	italic;
	color:		red;
}

body.webdesign #navWebdesign a:hover,
body.web_hosting #navWebhosting a:hover,
body.networking #navNetworking a:hover,
body.maintenance #navMaintenance a:hover,
body.repair #navRepair a:hover,
body.internet_service #navInternet a:hover,
 {
	text-decoration:	none;
}

/*	Sidebar		*/

#sidebar {
	width: 		190px;
	border-top:	3px solid #0d1e38;
	padding:	10px;
	z-index:	40;
	float:		left;
}

#sidebar ul, #sidebar p {
	background-color:	#efefef;
}
	

#sidebar p {
	width:		160px;
	margin:		30px auto;
	padding:	10px;
	font-size:	12px;
	border:		2px solid #0d1e38;    
}

#sidebar .sidenav {
	width:		185px;
	margin:		10px auto;
	padding:	0;
}

#sidebar .sidenav h2, .sidenav ul, .sidenav li, .sidenav li a {
	margin:	0;
}

#sidebar .sidenav h2 {
	padding:	5px 0 5px;
	text-align:	center;
	font: 		16px "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing:	.2em;
	font-weight:	600;
	color:		white;
	background-image: url(../images/services_bgrd.png);
}

#sidebar .sidenav ul {
        padding:	0 0 5px;
	border-left:	2px solid #0d1e38;
	border-right:	2px solid #0d1e38;
	border-bottom:	2px solid #0d1e38;
}

#sidebar .sidenav li {
	list-style-type: none;
	padding:	3px 0;
}

#sidebar .sidenav li a {
	font: 		13px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
	color:		#0d1e38;
	/*display:	block;*/
	font-weight:	600;
	padding:	0 0 0 5px;
}

#sidebar .sidenav li a:hover {
	text-decoration:underline;
}

/*	Content		*/

#content {
	z-index:	50;
	width:		539px;
	border-left:	1px dotted #0d1e38;
	padding:	5px 15px 15px;
	float:		right;
	font-size:	12px;
}

#content .quote {
        margin:		10px 30px;
	padding:	0 10px;
	font-style:	italic;
	font-weight:	bold;
	text-indent:	0;
}

#content .quote, #content .summary {

}

#content h2, h3, p, ul, a {
	margin: 	0;
}

#content h1 {
	font-size:	20px;
	padding-bottom:	5px;
	/*color:		#0d1e38;*/
	border-bottom:	2px solid #0d1e38;
	margin:		5px 0 10px;
}

#content h2 {
	font-size:	18px;
	padding-bottom:	5px;
	margin-top:	10px;
}

#content p {
	text-indent:	25px;
	padding:	0 5px;
	margin:		0;
	line-height:	1.6;
	font-size:	14px;
}

.pic {
	margin: 	5px 15px 0 0;
	float:		left;
	border:		2px solid #0d1e38;
}

* html #content {
	position:	relative;
	z-index:	40;
}

/*  	Home Page	*/

body.home #content h1 {
	border:		none;
}

/*	Services Page	*/

#content .section {
	border-bottom:	2px dashed #0d1e38;
	padding-bottom:	10px;
	margin-left:	10px;
}

#content .section p {
	margin-left:	10px;
}

#content .summary {
	width:		450px;
	margin:		10px auto;
	padding:	5px;
}

#content .summary h3 {
	padding:	5px 0 5px 10px;
	font-size:	15px;

}

#content .summary ul {
	margin:		0 0 10px 10px;
	padding-left:   20px;	
}

#content .summary li {
	list-style-type: circle;
	padding:	0 0 4px;
}

/*	Contact Page	*/

body.contact #content p {
	text-indent:	0;
}

#content .contactheader {
	height:		175px;
}

#content .contactheader h2 {
	margin:		0;
	padding-bottom:	15px;
}

#content .contactheader p {
	margin-top:	5px;
}

#content .contactheader .conpic {
	background:	url(../images/contact.jpg) no-repeat;
	width:		150px;
	height:		171px;
	float:		right;
	margin:		0;
	padding:	0;
}

/*	Contact Form	*/

form {
	width:		550px;
	margin:		15px auto 5px;
	color:		#0d1e38;
}

legend {
	color:		#0d1e38;
	font-size:	16px;
	font-weight:	800;
}

.formspace {
	margin: 	15px 0;
	padding:	0;
}

.formspace2 {
	margin:		5px 0;
}

.label {
	float:		left;
	width:		150px;
	text-align:	right;
	font-weight:	bold;
	font-size:	14px;
	color:		#0d1e38;

}

table {
	border-collapse: collapse;
}

th, td {
	padding:	5px;
}

th {
	text-align:	right;
	width:		125px;
	vertical-align:		top;
}

td {
}

li {
	list-style-type: none;

}
.asterisk {
	color:		red;
	font-size:	10px;
}

.help {
	color:		red;
	font-size:	10px;
	font-style:	italic;
	vertical-align:	top;	
	width:		183px;
	float:		right;
}

#comments_help {
	width:		130px;
}

input#firstname, input#lastname, input#company, input#phone, input#email, textarea#comments {
	background-color:	#ececec;
	font-family:	"Lucida Console", Monaco, monospace;
	font-size:	12px;
	width:		170px;
	margin:		0 0 0 10px;
}

textarea#comments {
	width:		225px;
}

input#radioemail, input#radiophone {
	margin:		0 2px 0 10px;
}

.preferred {
	width:		200px;
	padding:	0;
	margin:  	0 0 0 150px;
	font-size:	14px;
}

input#checkdesign, input#checkwebmaintenance, input#checkhosting, input#checknetworking, input#checkinternet, input#checkmaintenance, input#checkrepair {
	vertical-align:	middle;
}

#interests2 {
	width:		350px;
	height:		90px;
	margin:		0 0 0 160px;
	padding:	0;
	font-size:	14px;
}

.interests3 {
	width:		150px;
	margin:		2px 0;
	padding:	0;
	float:		left;
}

.interests4 {
	float:		right;
	width:		200px;
	padding:	0;
	margin:		2px 0;
}

.check {
	padding-bottom:	5px;
	position:	relative;
	margin:		auto 0;
}

input#submitButton {
	margin-left:	160px;
	background-color: #0d1e38;
	font-family:	"Lucida Grande", Lucida, Verdana, sans-serif;
	color:		white;
	font-weight:	bold;
}

/*	Form Data	*/
.formData {
	font-weight:	bold;
	font-size:	14px;
	color:		#0d1e38;
	width:		250px;
	float:		left;
	clear:		left;
	text-align:	right;
}

/*	Footer		*/

#footer {
	clear:		both;
	text-align:	center;
	padding: 	10px 0;
	width: 		780px;
	background-color: #0d1e38;
	color: 		#fff;
	margin: 	0 auto;
	font-size:	10px;
	height:		30px;
}

* html #footer {
	margin-left: 	30px;
}