@charset "utf-8";
/* CSS Document */
	body{ margin: 6px 0px 0px 0px; font-family: Tahoma, Geneva, sans-serif; font-size: 8pt; background: url(../images/top-bg.png) #F5F0DE top repeat-x; color: #666; }
	img{ border: 0px; }
	h1, h2, h3, h4{ display: inline; margin: 0px; padding: 0px; }
	p{ margin: 0px; padding: 0px; }
	a{ text-decoration: none; }
	.clearfix{ display: inline-block; }
	.clearfix:after{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	html[xmlns] .clearfix{ display: block; }
	* html .clearfix{ height: 1%; }
	.btm_bg{ background: url(../images/btm-bg2.png) bottom repeat-x; width: 100%; height: 100%; }
	.shadow{ background: url(../images/shadow.png) repeat-y; width: 982px; height: 100%; margin: auto; }
	.main_container { width: 962px; margin: auto; }
	.hidden{ text-indent:-999em; overflow:hidden;}
/* Header */
	.header{ background: url(../images/header/bg.png) no-repeat; width: 962px; height: 231px; }
		.header big{ background: url(../images/header/logo.png) no-repeat; width: 225px; height: 119px; display: block; text-indent: -999em; position: absolute; margin: 15px 0px 0px 11px; }
		.header div{ background: url(../images/header/contact-container.png) no-repeat; width: 142px; height: 103px; display: block; position: absolute; margin: 15px 0px 0px 800px; padding: 15px 0px 0px 15px; }
			.header div strong{ width: 130px; height: 14px; display: block; font-size: 9pt; color: #1E5691; }
			.header div address{ width: 130px; display: block; font-style: normal; margin-top: 8px; }
			.header div span{ width: 100px; display: block; color: #FFF; margin: 12px 0px 0px 20px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 10pt; }
		.header p{ width: 670px; text-align: center; position: absolute; margin: 186px 0px 0px 155px; }
			.header p a{ width: auto; height: 22px; display: block; padding: 0px 5px 0px 5px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; font-size: 9pt; color: #00808A; float: left; }
			.header p a:hover{ background: url(../images/header/hover.png) bottom repeat-x; color: #3D567B; }
				.header p a:hover del{ background: url(../images/header/arrow.png) center no-repeat; width: inherit; height: 8px; display: block; margin-top: 8px; }
			.header p span{ background: url(../images/header/links-spacer.png) center no-repeat; width: 2px; height: 22px; display: block; text-indent: -999em; float: left; }
/* Content */
	.content{ background: url(../images/content/bg.png) #FFFBFF right top no-repeat; width: 962px; display: block; }
		.content hr, .content #l_nav p br, .content #l_nav #sponsors span, .contact_us .content #c_area .main fieldset legend{ display: none; }
	/* Content Area */
		.content #c_area{ width: 690px; float: right; }
			.content #c_area .main{ width: 629px; display: block; margin: 20px 0px 20px 14px; }
				.content #c_area .main h1{ display: block; color: #53A49F; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 14pt; font-style: italic; }
					.content #c_area .main h1 span, .content #c_area .main .contact_us span, .content #c_area .main a:hover, .content #c_area .btm div h3, .content #c_area .main p strong, .content #c_area .main acronym{ color: #3D557A; }
				.content #c_area .main h2{ display: block; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 10pt; font-weight: normal; font-style: italic; }
				.content #c_area .main h3{ display: block; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13pt; font-weight: normal; font-style: italic; }
				.content #c_area .main p{ width: 609px; padding: 10px 30px 0px 20px; }
					.content #c_area .main #first{ background: url(../images/content/content-main-bg.png) top no-repeat; }
					.home .content #c_area .main p{ width: 629px; padding-left: 0px; }
						.home .content #c_area .main p del{ background: url(../images/content/index-img.png) no-repeat; width: 239px; height: 159px; display: block; float: left; margin-right: 10px; }
					.content #c_area .main acronym{ font-weight: bold; }
				.content #c_area .main ul a{ text-decoration: none; }
				.content #c_area .main a, .content #c_area .main a:hover span, .content #c_area .btm div h3 span, .content #c_area .main p span, .content #c_area .main p em{ color: #53A49F; }
					.testimonials .content #c_area .main p .indent, .testimonials .content #c_area .main p em{ display: inline-block; margin-left: 20px; }
				.content #c_area .main a{ text-decoration: underline; }	
					.content #c_area .main .contact_us{ background: url(../images/content/contact-us-bg.png) no-repeat; width: 215px; height: 48px; padding: 10px 0px 0px 30px; display: inline-block; font-size: 14pt; font-style: italic; text-decoration: none; }
					.content #c_area .main .folio{ width: 130px; height: 110px; display: inline-block; margin-right: 10px; vertical-align: top; }
						.content #c_area .main .folio:hover{ opacity: .5; }
				.contact_us .content #c_area .main fieldset{ width: 580px; padding: 10px 0px 10px 0px; border: none; display: block; margin: 10px 0px 0px 20px; background: #476690; color: #FFF; }
					.contact_us .content #c_area .main fieldset label{ width: 150px; height: 20px; display: inline-block; padding-left: 10px; vertical-align: top; margin-bottom: 10px; }
					.contact_us .content #c_area .main fieldset select{ width: 150px; height: 23px; display: inline-block; margin-left: -3px; }
					.contact_us .content #c_area .main fieldset input[type='text']{ width: 300px; height: 18px; display: inline-block; }
					.contact_us .content #c_area .main fieldset input[type='submit']{ width: 100px; height: 23px; display: inline-block; margin: 10px 0px 0px 208px; }
					.contact_us .content #c_area .main fieldset input[type='reset']{ width: 100px; height: 23px; display: inline-block; margin: 10px 0px 0px 5px; }
					.contact_us .content #c_area .main fieldset textarea{ width: 300px; height: 60px; display: inline-block; }
			.content #c_area .top{ background: url(../images/content/content-top-bg.png) no-repeat; width: 655px; height: 192px; display: block; margin: 0px 0px 20px 2px; padding: 27px 0px 0px 27px; }
				.content #c_area .top h3{ font-size: 11pt; font-style: italic; color: #FFF; width: auto; display: block; margin-left: 80px; }
				.content #c_area .top p{ width: 330px; display: block; margin-top: 30px; color: #1D364F; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
				.content #c_area .top a{ margin: 5px 0px 0px 200px; }
				.content #c_area .top a, .content #c_area .btm div .more_info{ background: url(../images/content/more-info-blue-bg.png) no-repeat; width: 83px; height: 21px; display: block; padding: 6px 0px 0px 30px; color: #FFF; }
					.content #c_area .top a del, .content #c_area .btm div a del{ background: url(../images/content/arrow.png) no-repeat; width: 15px; height: 13px; position: absolute; margin: 2px 0px 0px 12px; }
				.content #c_area .top a:hover, .content #c_area .btm div .more_info:hover{ color: #CCC; }
					.content #c_area .top a:hover del, .content #c_area .btm div a:hover del{ margin: 2px 0px 0px 16px; }
			.content #c_area .btm{ width: 680px; display: block; margin: 0px 0px 10px 3px; border-top: 1px solid #CCC; }
				.content #c_area .btm div{ width: 224px; display: block; float: left; border-right: 1px solid #CCC; }
					.content #c_area .btm div h3{ width: 124px; height: 72px; display: block; padding: 3px 0px 0px 100px; font-size: 13pt; font-weight: normal; font-style: italic; }
					.content #c_area .btm div .title_link{ color: #3D557A; }
						.content #c_area .btm div .title_link:hover, .content #c_area .btm div .title_link span{ color: #53A49F; }
						.content #c_area .btm div .title_link:hover span{ color: #3D557A; }
						.content #c_area .btm div #services{ background: url(../images/content/title-bg-1.png) no-repeat; }
						.content #c_area .btm div #association{ background: url(../images/content/title-bg-2.png) no-repeat; }
						.content #c_area .btm div #associates{ background: url(../images/content/title-bg-3.png) no-repeat; }
					.content #c_area .btm div p{ width: 204px; display: block; padding-bottom: 10px; margin-left: 10px; min-height: 160px; }
					.content #c_area .btm div .more_info{ background: url(../images/content/more-info-green-bg.png) no-repeat; margin:10px 0px 10px 100px; }
				.content #c_area .btm #last{ border-right: none; }
	/* Right Nav */
		.content #l_nav{ background: #ECE9E2; width: 268px; float: left; border-right: 1px solid #CCC; }
			.content #l_nav h3{ background: url(../images/content/left-nav/title-bg.png) no-repeat; width: 264px; height: 34px; padding: 8px 0px 0px 5px; display: block; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-style: italic; font-size: 9pt; }
			.content #l_nav .title_link{ color: #FFF; }
				.content #l_nav .title_link:hover{ color: #CCC; }
			.content #l_nav p{ width: 268px; display: block; margin-bottom: 13px; }
				.content #l_nav p span{ width: 8px; height: 16px; border-bottom: 1px solid #FFF; padding-left: 10px; display: inline-block; font-size: 8.5pt; }
				.content #l_nav p .highlight{ font-size: 10pt; font-weight: bold; padding-bottom:2px;}
				.content #l_nav p .active{ width: 250px; padding-left: 0px; height: 16px; border-bottom: 1px solid #FFF; display: inline-block; color: #53A49F; padding-top: 2px; }
				.content #l_nav p a{ width: 250px; height: 16px; border-bottom: 1px solid #FFF; display: inline-block; color: #666; padding-top: 2px; }
				.content #l_nav p .l_nav-sub1{ text-indent:15px;}
				.content #l_nav p .l_nav-sub2{ text-indent:30px;}
				.content #l_nav p a:hover, .content #l_nav p .highlight:hover{ color: #999; }
			.content #l_nav #sponsors{ width: 239px; margin: 105px 0px 20px 15px; }
				.content #l_nav #sponsors a{ width: auto; border: none; height: 38px; display: block; margin-left: 15px; float: left; overflow: hidden; text-indent: -999em; }	
					.content #l_nav #sponsors #hp{ background: url(../images/content/left-nav/hp.png) no-repeat; width: 47px; margin-left: 0px; }
					.content #l_nav #sponsors #cisco{ background: url(../images/content/left-nav/cisco.png) no-repeat; width: 54px; }
					.content #l_nav #sponsors #dell{ background: url(../images/content/left-nav/dell.png) no-repeat; width: 38px; }
					.content #l_nav #sponsors #microsoft{ background: url(../images/content/left-nav/microsoft.png) no-repeat; width: 55px; }
/* Footer */
	.footer{ background: url(../images/footer/bg2.png) no-repeat; width: 962px; height: 171px; text-align: center; padding-top: 8px; color: #FFF; }
		.footer a{ color: #FFF; }
		.footer a:hover{ color: #344B6A; }
		.footer cite{ background: url(../images/footer/logo.png) no-repeat; width: 137px; height: 72px; display: inline-block; margin-top: 13px; text-indent: -999em; }
		.footer span{ width: 357px; height: 11px; display: inline-block; margin-top: 23px; font-size: 7pt; }
		
/* clear-company */
#clear-company{ background:url(../images/clearcompany/content-top-bg.jpg); width:678px; height:330px; font-size:12px; line-height:16px; margin:10px 0 15px 5px}
	#clear-company h1, #clear-company h2{ text-indent:-999em; overflow:hidden; display:block;}
	#clear-company p.however{ font-size:14px; width:285px; margin:50px 0 0 15px; padding:0;}
	#clear-company div.goods{ margin:0 0 0 60px; width:279px;}
		#clear-company div.goods p span{ font-weight:bold;}
		#clear-company div.goods p{ margin:15px 0 0 0; padding:0;}		
	#clear-company .clear-read-more{ position:absolute; width:294px; height:44px; display:block; margin:10px 0 0 191px; text-indent:-999em; overflow:hidden;}		
	#clear-company .clear-read-more:hover{ background:url(../images/clearcompany/clear-hover.jpg) no-repeat right top;}
	
/* clear-price */
.clear-price{ font-size:30px; float:right; text-align:center; margin-left:20px; color:#53A49F; font-weight:bold; line-height:25px; width:120px;}	
.clear-price span{ font-size:16px; display:block;}
.clear-price cite{ font-size:12px; font-style:normal; line-height:11px; font-weight:normal;}


 a.description {
position: relative; /* make this the co-ordinate root for the span */
cursor:pointer;
}
a.description span{ display:none;}
 a.description:hover span {
 font-family:Verdana, Arial, Helvetica, sans-serif;
display: block;
position: absolute;
top: 0; /* change this to 0 to keep inline with the <a> */
left: -70%; /* pull the box left by its width */
width: 350px;
padding: 5px;
border:1px solid #999999;
color: black !important;
background:#ECE9E2;
text-align: center;
font: bold 12pt Arial;
z-index: 2;
font-size:11px; font-weight:normal;
text-align:left;
}
a.description:hover span strong{ margin-bottom:10px; display:block; font-size:12px;}
.bigger{ font-size:16px; color:#53A49F !important;}
.float-left{ float:left; margin:10px 30px 0 0;}

div.devices  { height:140px; padding:10px 0 10px 0; width:630px;}
div.devices dl{ float:left; width:210px; margin:0; padding:0;}
	div.devices dl dt{ text-align:center; font-size:14px; font-weight:bold;}
	div.devices dl dt a{ text-decoration:none !important;}
	div.devices dl dd{ margin:0; padding:0; text-align:center;}
	
.image-hover{float:right; border:1px solid #CCCCCC; margin-left:10px;}
.floated-left{ float:left; width:350px;}
.dotted-line{ border-bottom:1px dotted #CCCCCC; height:1px; overflow:hidden; width:600px;}
.first-title{ color:#53A49F !important; font-weight:bold !important; font-size:20px !important; font-style:normal !important;}

/* clear-banner */
#clear-banner{ background:url(../images/clearcompany/clear-banner.jpg); width:678px; height:334px; margin:10px 0 15px 5px;}
#clear-banner .google{ position:absolute; margin:136px 0 0 57px; display:block; width:94px; height:34px;}
#clear-banner .timewarnercable{ position:absolute; margin:136px 0 0 175px; display:block; width:133px; height:34px;}
#clear-banner .comcast{ position:absolute; margin:180px 0 0 52px; display:block; width:118px; height:35px;}
#clear-banner .sprint{ position:absolute; margin:170px 0 0 199px; display:block; width:109px; height:47px;}
#clear-banner .clear{ position:absolute; margin:269px 0 0 13px; display:block; width:348px; height:65px;}
#clear-banner .clear:hover{ background:url(../images/clearcompany/clear-banner-hover.png) no-repeat;}

/* web-design-services */
#web-design-services{ background:url(../images/clearcompany/web-design-services2.jpg); width:679px; height:220px; margin:0 0 20px 5px;}
#web-design-services h3{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 14pt; font-style: italic; color:#FFFFFF; position:absolute; margin:25px 0 0 15px;}
#web-design-services p{ width:335px; position:absolute; margin:72px 0 0 13px;}
.web-design-link{ position:absolute; margin:170px 0 0 202px; display:block; width:271px; height:50px;}
.web-design-link:hover{ background:url(../images/clearcompany/web-design-link.png);}