@charset "UTF-8";
/* CSS Document */

/* --------------- global styles ----------------- */


html body {
	background: url(../images/slice.gif) repeat-x;
	background-position:top center;
	height:100%;
	min-height:100%;
	margin:0;
	padding:0
}

#page_wrapper {
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

body p {
	color:#000;
	font:10pt "Ariel", sans-serif;
	line-height:150%
}

body h1 {
	color:#666666; 
	font: 10pt "Ariel", sans-serif; 
}

body h2 {
	color:#666666; 
	font:13pt "Ariel", sans-serif; 
}

body h3 {
	color:#666666; 
	font: italic 13pt "Ariel", sans-serif; 
	line-height:130%; 
}

body a {
	color:#666666; 
	font: 16pt "Ariel", sans-serif;
	outline:none
}




/* --------------- main navigation styles ------------------ */


#mainNav {
	position:relative; 
	top:-67px; 
	left:210px;
	z-index:1;
	width:620px; 
	height:40px
}

#mainNav a {
	float:left;
	padding-top:15px; 
	height:40px; 
	width:86px;
	margin-right:5px; 
	display:block; 
	color:#fff; 
	font:9pt "Ariel", sans-serif; 
	background:transparent url(../images/bluetab.gif) no-repeat;
	text-align:center; 
	text-decoration:none;
	outline:none
}

#mainNav li {
	float:left; 
	list-style-type:none
}

#mainNav a:hover {
	color:#0a3542
}

#home #mainNav .home a,
#about #mainNav .about a,
#telecom #mainNav .telecom a,
#services #mainNav .services a,
#faq #mainNav .faq a,
#contact #mainNav .contact a {background: url(../images/whitetab.gif) no-repeat; color:#0a3542; cursor:default}





/* --------------- header styles ----------------- */


#header {width:900px}  

#header img {
	position:relative;
	top:30px;
	left:85px;
	border:none
}

#header h1 {
	text-align:right;
	position:relative;
	top:-100px;
	left:-75px;
	line-height:130%
}

#map {
	position:relative;
	top:-85px;
	left:752px;
	color:#0a3542; 
	font: 11pt "Ariel", sans-serif;
	text-decoration:none;
}

#header a:hover {color:#507282}





/* --------------- display styles ----------------- */


#display_wrapper {
	position:relative; 
	top:0;
	left:0;
	width:850px;
	height:215px
}

#display_wrapper img {
	position:relative;  
	top:-86px;
	left:90px
}

img#photo {
	position:relative;
	top:-306px;
	left:108px
}




/*-------------- content styles ---------------*/


#content_wrapper {
	position:relative; 
	top:20px; 
	left:90px;
	width:850px; 
	margin-bottom:50px
}

#thankyou #content_wrapper {margin-bottom:220px}

#content_wrapper p {
	font:12pt "Ariel", sans-serif; 
	width:400px;
	line-height:130%
}

#content_wrapper a {
	font:12pt "Ariel", sans-serif;
	color:#0a3542;
}

#content_wrapper a:hover {
	color:#666666
}

#services #content_wrapper li {
	color:#000;
	font:10pt "Ariel", sans-serif;
	margin-bottom:4px
}

#content_wrapper li {
	margin-left:-15px
}

#faq #content_wrapper li {
	list-style-type:none
}

#faq p {font:9pt "Ariel", sans-serif}

#margin {
	margin-top:0
}




/*-------------- testimonial styles --------------*/

#home #testimonial {
	position:absolute; 
	top:-20px; 
	left:500px; 
	width:230px
}

#about #testimonial {
	position:absolute; 
	top:-15px; 
	left:500px; 
	width:230px
}

#telecom #testimonial {
	position:absolute; 
	top:0; 
	left:500px; 
	width:230px
}

#services #testimonial {
	position:absolute; 
	top:-15px; 
	left:500px; 
	width:230px
}

#faq #testimonial {
	position:absolute; 
	top:-15px; 
	left:500px; 
	width:230px
}

#contact #testimonial {
	position:absolute; 
	top:-15px; 
	left:500px; 
	width:230px
}

#thankyou #testimonial {
	position:absolute; 
	top:-15px; 
	left:500px; 
	width:230px
}

h2.author_name {font:11pt "Ariel", sans-serif}

h2.author_indent {
	position:relative;
	top:-10px;
	left:11px;
	font:11pt "Ariel", sans-serif
}


/*------ Telecom Styles -----*/


#content_wrapper_telecom {
	position:relative; 
	top:20px; 
	left:90px;
	width:750px; 
}

#content_wrapper_telecom img {
	float:left; 
	margin:4px 30px 5px 0
}

#content_wrapper_telecom p {
	position:relative;
	margin-top:1px;
	font:12pt "Ariel", sans-serif; 
	line-height:130%
}

#telecom_wrapper {
	float:left; 
	width:450px; margin-bottom:50px
}




/* ------------- contact form elements --------------- */


#form-div-wrapper {
	position:relative; 
	top:-5px;
	left:0;
	width:460px; 
	height:311px;
	background-color:#0A3542
}

textarea {
	background-color: #fff
}

table {
	float:left;
	margin:11px;
	background-color:#CCCC99;
	font:11pt "Ariel", sans-serif; 
	color:#fff;
}

#nameinput {
	background-color:#FFF
}

#emailinput {
	background-color:#FFF
}

#feedbackbutton {
	background-color:#FFF; 
	font:11pt "Ariel", sans-serif
}




/*----------- footer styles -------------*/


#footer {
	position:relative; 
	top:50px;
	left:0;
	height:40px;
	clear:both; 
	background-color:#666666
}

#thankyou #footer {
	position:relative; 
	top:180px;
}


#footer p {
	position:relative; 
	top:14px; 
	left:0; margin-left:135px;
	font:10pt "Ariel", sans-serif;
	color:#fff
}

#footer a {
	color:#0a3542; 
	font: 10pt "Ariel", sans-serif;
	text-decoration:none
}

#footer a:hover {color:#cccccc}