/*
------------------------------------------------------------------------
Template Name:	Granite Telecommunications
Author:			Robert Hall
Author URI:		http://www.ifactory.com/
Updated:		December 23 2008
Copyright:		(c) 2008 iFactory
				All rights reserved.
------------------------------------------------------------------------
*/


/***** SETTING EVERYTHING TO ZERO *****/


*{margin:0; padding:0; outline:none; border:none;}
ul, li { list-style:none; }
img { border:none; }
table { border-collapse: separate; border-spacing: 0; }


/***** body and font definitions *****/


body {
text-align:center;
	background-color: #fff;
	font-size: 100%;
	font-family: "lucida sans unicode", "lucida grande", sans-serif;
	color: #000;
	padding: 0;
	margin: 0;
}


/***** site layout *****/


#container {
	position: relative;
	margin:0 auto;
	width:994px;
	text-align:left;
}
#header {
	position: relative;
	height: 119px;
	font-size: 0.7em;
	background: transparent url("/images/nav_bar2.gif") no-repeat left bottom;
}
#headerLogo {
	position: absolute;
	top: 10px;
	left: 10px;
}
.utilityNavigation {
	position: absolute;
	top: 22px;
	right: 270px;
	color: #b3b3b3;
}
#login {
	position: absolute;
	top: 21px;
	right: 83px;
	color: #7f7f7f;
}
#navigation {
	position: absolute;
	width: 789px;
	height: 30px;
	top: 59px;
	right: 0;
	font-size: 1.3em;
}
.fan {
	position: absolute;
	top: 19px;
	right: 0;
	width: 187px;
	height: 292px;
	background: transparent url("/images/header_fan_typical.jpg") no-repeat left top;
}
#contentContainer {
	background: transparent url("/images/lft_bg.gif") repeat-y left top;
	border-top:1px solid #fff;
}
#leftPanel {
	float: left;
	width: 189px;
	color: #fff;
	font-size:0.7em;
}
#rightPanel {
	float: right;
	width: 805px;
	min-height:400px;
	height:auto !important;
	height:400px;
	background: transparent url("/images/content_hdr_bar.gif") no-repeat left top;
}
/***** Structured Cabling*****/
#structuredcabling {
	width: 630px;
	position:relative; 	
	margin:155px 20px;
	 
	 
}

#rightPanel_RCDD {
	float: left;
	width: 805px;
	min-height:166px;
	height:166px; 
	background: transparent url("/images/content_hdr_bar_structured.gif") no-repeat left top;
	 
}
#rightPanel_ProjectManagement {
	float: left;
	width: 805px;
	min-height:166px;
	height:166px; 
	background: transparent url("/images/content_hdr_bar_structuredprojectmanagement.gif") no-repeat left top;
	 
}

#rightPanel_CoreCapabilities {
	float: left;
	width: 805px;
	min-height:166px;
	height:166px; 
	background: transparent url("/images/content_hdr_bar_structuredCoreCapabilities.gif") no-repeat left top;
	 
}
#rightPanel_FieldOperations {
	float: left;
	width: 805px;
	min-height:166px;
	height:166px; 
	background: transparent url("/images/content_hdr_bar_structuredFieldOperations.gif") no-repeat left top;
	 
}

#rightPanel_NationalRollouts {
	float: left;
	width: 805px;
	min-height:166px;
	height:166px; 
	background: transparent url("/images/content_hdr_bar_structuredNationalRollouts.gif") no-repeat left top;
	 
}
#rightPanel_SecurityCameras {
	float: left;
	width: 805px;
	min-height:166px;
	height:166px; 
	background: transparent url("/images/content_hdr_bar_structuredSecurityCameras.gif") no-repeat left top;
	 
}
#rightPanel_StructuredCabling {
	float: left;
	width: 805px;
	min-height:166px;
	height:166px; 
	background: transparent url("/images/content_hdr_bar_structuredStructuredCabling.gif") no-repeat left top;
	 
}
#rightPanel_PhoneSwitches{
	float: left;
	width: 805px;
	min-height:166px;
	height:166px; 
	background: transparent url("/images/content_hdr_bar_structuredPhoneSwitches.gif") no-repeat left top;
	 
}
#rightPanel_WebPortal{
	float: left;
	width: 805px;
	min-height:166px;
	height:166px; 
	background: transparent url("/images/content_hdr_bar_structuredWebPortal.gif") no-repeat left top;
	 
}
#rightPanel_WAP{
	float: left;
	width: 805px;
	min-height:166px;
	height:166px; 
	background: transparent url("/images/content_hdr_bar_structuredWAP.gif") no-repeat left top;
	 
}
#content {
	width: 650px;
	position:relative;
	margin:48px 68px;
}
#footer {
	position: relative;
	clear: both;
	height: 82px;
	background-color: #2b5788;
	font-size: 0.7em;
}


/***** navigation *****/


.utilityNavigation ul {  }
.utilityNavigation ul li {
	float: left;
}
.utilityNavigation a {
	color: #3D6592;
	margin:0 5px 0 8px;
}
#navigation ul {
	position:relative;
	height:30px;
}
#navigation ul li {
	padding:6px 11px 0;
	height: 24px;
	float: left;
	font-size: 0.8em;
}
#navigation ul li ul {
	margin: 8px 0 0 -14px;
	padding: 6px 6px 14px;
	_padding-left:0;
	position: absolute;
	background: transparent url("/images/nav_dropdown_borders.gif")  no-repeat left bottom;
	left: -999em;
	width: 200px;
	height: auto;
	border-top: 1px solid #f3a453;
}
#navigation ul li ul li {
	font-size:0.9em;
	margin:0 9px 0;
	padding:0 0 0 14px;
	width: 200px;
	_width: 175px;
	height:16px;
	background: transparent url("/images/nav_bullet.gif") no-repeat left center;
}
#navigation a {
	color: #fff;
	text-decoration: none;
	display: block;
}
#navigation ul li ul li a {
	color: #fff;
}
#navigation ul li:hover,
#navigation ul li.hover {
	position: static;
}
#navigation ul li:hover ul,
#navigation ul li.sfhover ul {
	left: auto;
}
/* #header forces right image via cascade */
#header #navigation ul li:hover,
#header #navigation ul li.sfhover {
	background: #ee7d0a url("/images/nav_left_bar1.gif") no-repeat left top;
}
#navigation ul li.current { background: #4c719b url("/images/nav_left_bar2.gif") no-repeat left top; }
/* #header forces right image via cascade */
#header #navigation ul li ul li:hover,
#header #navigation ul li ul li.sfhover {
	background: transparent url("/images/nav_bullet.gif") no-repeat left center; /*background-color: #ee7d0a;*/
}
#header #navigation ul li ul li a:hover {
	background: none; text-decoration: underline;
}
#leftNavigation {
	padding:18px 0;
	background-color: #2b5788;
}
#leftNavigation ul { margin-left: 14px; }
#leftNavigation ul li {
	background: transparent url("/images/sidenav_bullet.gif") no-repeat left 0.8em;
	line-height:2.2em;
	padding-left:16px;
}
#leftNavigation ul li.current{ background-image: url("/images/sidenav_bullet_selected.gif"); }
#leftNavigation ul li ul { margin: 0; }
#leftNavigation a { color: #fff; text-decoration: none; }
#leftNavigation a:hover { text-decoration: underline; }


/***** header and login elements *****/


#loginSelect {
	border: 1px solid #76b0f0;
	font-size:1em;
	font-weight:bold;
	height:1.6em;
	width:125px;
}
#fanDefault {background: transparent url("/images/header_fan_default.jpg") no-repeat left top; }
#fanAbout { background: transparent url("/images/header_fan_about.jpg") no-repeat left top; }
#fanCabling { background: transparent url("/images/header_fan_cabling.jpg") no-repeat left top; }
#fanCareers { background: transparent url("/images/header_fan_careers.jpg") no-repeat left top; }
#fanContact { background: transparent url("/images/header_fan_contact.jpg") no-repeat left top; }
#fanFaqs { background: transparent url("/images/header_fan_faqs.jpg") no-repeat left top; }
#fanPartners { background: transparent url("/images/header_fan_partners.jpg") no-repeat left top; }
#fanPress { background: transparent url("/images/header_fan_press.jpg") no-repeat left top; }
#fanProducts { background: transparent url("/images/header_fan_products.jpg") no-repeat left top; }
#fanSupport { background: transparent url("/images/header_fan_support.jpg") no-repeat left top; }


/***** left panel elements *****/


.imgBox {
	width: 189px;
	height: 136px;
	background-position: left top;
	background-repeat: no-repeat;
}
#imgBoxTypical { background-image: url("/images/lft_img_typical.jpg"); }
#imgBoxDefault { background-image: url("/images/lft_img_default.jpg"); }
#imgBoxAbout { background-image: url("/images/lft_img_about.jpg"); }
#imgBoxCabling { background-image: url("/images/lft_img_cabling.jpg"); }
#imgBoxCareers { background-image: url("/images/lft_img_careers.jpg"); }
#imgBoxContact { background-image: url("/images/lft_img_contact.jpg"); }
#imgBoxFaqs { background-image: url("/images/lft_img_faqs.jpg"); }
#imgBoxPartners { background-image: url("/images/lft_img_partners.jpg"); }
#imgBoxPress { background-image: url("/images/lft_img_press.jpg"); }
#imgBoxProducts { background-image: url("/images/lft_img_products.jpg"); }
#imgBoxSupport { background-image: url("/images/lft_img_support.jpg"); }
#leftPanel #oneBox {
	background: transparent url("/images/lft_one_img.gif") no-repeat left top;
	width: 189px;
	height: 102px;
}
#leftPanel #contactBox {
	height: 385px;
	padding-top: 92px;
	width: 172px;
	margin: 0 9px 8px 8px;
	background: transparent url("/images/lft_contact_us.jpg") no-repeat left top;
}
#leftPanel #contactBox p {
	margin:0 1em 1em;
}
#buttonBox {
	margin: 9px 0 3px;
}
#buttonBox #btnPots { background-image: url("/images/btn_pots_roll.gif"); } /* This is to preload the hover state */
#buttonBox #btnBroadband { background-image: url("/images/btn_broadband_roll.gif"); } /* This is to preload the hover state */
#buttonBox #btnCabling { background-image: url("/images/btn_cabling_roll.gif"); } /* This is to preload the hover state */
#buttonBox li {
	background-repeat: no-repeat;
	background-position: left top;
	width: 189px;
	height: 58px;
}
#buttonBox a {
	display: block;
	width: 189px;
	height: 58px;
}
#buttonBox #btnPots a { background: transparent url("/images/btn_pots.gif") no-repeat left top; }
#buttonBox #btnBroadband a { background: transparent url("/images/btn_broadband.gif") no-repeat left top; }
#buttonBox #btnCabling a { background: transparent url("/images/btn_cabling.gif") no-repeat left top; }
#buttonBox #btnPots a:hover { background-image: url("/images/btn_pots_roll.gif"); }
#buttonBox #btnBroadband a:hover { background-image: url("/images/btn_broadband_roll.gif"); }
#buttonBox #btnCabling a:hover { background-image: url("/images/btn_cabling_roll.gif"); }
#buttonBox a span {
	position:absolute;
	display: block;
	left:-999px;
}


/***** main content elements *****/


#rightPanel h1 {
	margin:58px 190px 0 68px;
	color: #fff;
	font-weight:normal;
	letter-spacing:-0.02em;
}
#content h2 {
	color: #003570;
	font-size:1.1em;
	font-weight:normal;
	margin-bottom:0.92em;
}
#content h3 {
	color: #4f4f03;
	font-size:0.92em;
	font-weight:normal;
	margin-bottom:1.2em;
}
#content h4 {
	color: #ee7d0a;
	font-size:0.8em;
	font-weight:normal;
	line-height:1.6em;
}
#content p {
	font-size:0.8em;
	line-height:1.6em;
	margin-bottom:1.7em;
}
#structuredcabling p {
	font-size:0.8em;
	line-height:1.6em;
	margin-bottom:1.7em;
}
#structuredcabling2 p {
	font-size:0.8em;
	line-height:1.6em;
	margin-bottom:1.7em;
}
#content a {
	color: #ee7d0a;
	text-decoration: none;
}
#content ul {
	/*font-size:0.75em;
	line-height:1.6em;
	margin-bottom:1.7em;
	margin: -1.2em 0 1.4em 1em;
	*/
	margin-left:1em;
}
#content li {
	/*
	background: transparent url("/images/list_bullet_sq.gif") no-repeat left center;
	padding-left:0.7em;
	*/
	margin-left:1em;
	/*list-style-type:circle;*/
}
#content img {
	margin-bottom:1em;
}
#content .callout {
	background-color: #bad7f7;
	border: 1px solid #76b0f0;
	width: 296px;
	margin:10px 0 10px 50px;
	padding-top: 10px;
}
#content .callout h2,
#content .callout h3,
#content .callout h4 {
	margin:15px 10px 10px;
}
#content .callout p {
	font-size:0.75em;
	margin:0 10px 15px;
}
#content .callout img {
	margin: 0 10px 10px;
}
#content .callout blockquote {
	margin: 10px;
	font-size:0.75em;
	font-style:italic;
	margin:0 10px 15px;
}
#content .callout p.citation {
	float:right;
	font-size:0.75em;
	font-style:normal;
	font-weight:bold;
	margin:0 10px 25px;
	text-align:right;
}
#content .gallery {
	clear: both;
}
#content .gallery img {
	float: left;
	margin-right: 30px;
}
#content .gallery .galleryText {
	float: left;
	width: 520px;
}
#content .formSet {
	background-color: #dcebfb;
	border: 1px solid #76b0f0;
	padding:20px;
}
#content table {
	width:100%;
}
#content table th,
#content table td {
	padding-bottom: 10px;
}
#content label {
	display:block;
	font-size:0.7em;
	line-height:1em;
float:left;
	padding-right:10px;
	_padding-right:0px; /*box model IE6 fix*/
	margin-right:10px;
}
#content input,
#content select,
#content textarea {
	border: 1px solid #b0bcc9;
	padding:1px;
	font-family: "lucida sans unicode", "lucida grande", sans-serif;
	font-size:1em;
	display:block;
	margin-top:0.3em;
}
#content form .orangeButton {
	background: transparent url("/images/form_button.gif") repeat-x left top;
	border:1px solid #fff;
	color:#fff;
	font-size:0.7em;
	height:21px;
	padding:0 7px 3px;
	cursor: pointer;
}
#content form .widthOne { width: 55px; }
#content form .widthTwo { width: 160px; }
#content form .widthThree { width: 390px; }
#content form .mandatory {
	background: transparent url("/images/form_asterisk.gif") no-repeat right 1.5em;
}


/***** footer content elements *****/


#footer .utilityNavigation {
	right:30px;
	top:15px;
}
#footer .utilityNavigation a {
	color: #fff;
}
#copyright {
	position:absolute;
	left:30px;
	top:15px;
	color: #aabccf;
}


/***** generic and global styles *****/


.left { float: left; }
.right { float: right; }
.clearAll { clear: both; }


/***** services pages styles *****/


/*.services #rightPanel h1 {
	font-size:4.5em;
	line-height:1em;
	margin:25px 190px 0 36px;
}*/
#content #sBoxesContainer {
	margin-bottom:1.7em;
	width: 564px;
	_width: 567px;
}
#content .sBox {
	float:right;
	margin-right:3px;
	width:185px;
	padding-top: 194px;
	position:relative;
}
#content #sBoxPots { background: transparent url("/images/service_box_pots.jpg") no-repeat left 10px; }
#content #sBoxBroadband { background: transparent url("/images/service_box_broadband.jpg") no-repeat left 10px; }
#content #sBoxCabling { background: transparent url("/images/service_box_cabling.jpg") no-repeat left 10px; }
#content .sBoxRoll {
	position:absolute;
	left:0;
	top:0;
	height:194px;
	width:211px;
	z-index:100;
	display: none;
}
#content #sBoxPotsRoll { background: transparent url("/images/service_box_pots_roll.jpg") no-repeat left top; }
#content #sBoxBroadbandRoll { background: transparent url("/images/service_box_broadband_roll.jpg") no-repeat left top; }
#content #sBoxCablingRoll { background: transparent url("/images/service_box_cabling_roll.jpg") no-repeat left top; }

#content .sBoxHeader {
	height: 47px;
	background-color: #003570;
	color: #fff;
	padding: 10px;
	font-size:1.1em;
}
#content .sBoxText {
	border-left: 1px solid #4c719b;
	border-right: 1px solid #4c719b;
	padding: 10px;
	display: none;
}
#content .sBoxText p {
	font-size:0.75em;
	line-height: 1em;
	margin-bottom: 0;
}
#content .sBoxLink {
	background-color: #4c719b;
	height:25px;
	padding:0 10px;
}
#content .sBoxLink a {
	background:transparent url("/images/sBoxArrow.gif") no-repeat right .4em;
	color:#000;
	font-size:0.75em;
	font-weight:bold;
	padding-right:13px;
display:block;
float:left;
font-weight:bold;
margin-top:4px;
}


/***** services pages styles *****/


#cablingMap {
	position:absolute;
	left:-18px;
	top:34px;
	width: 700px;
	height: 279px;
	background: transparent url("/images/cabling_img_main.jpg") no-repeat left top;
}
#cablingMapClear { height: 290px; }
#cablingMap ul { margin: 0; }
#cablingMap li {
	position: absolute;
	width: 154px;
	height: 60px;
	background: none;
}
#cablingMap li#btnAssess { top: 0; }
#cablingMap li#btnDeploy { top: 80px; }
#cablingMap li#btnMaintain { top: 160px; }
#cablingMap a {
	position: absolute;
	left: 0;
	display: block;
	width: 154px;
	height: 60px;
}
#cablingMap a span {
	position:absolute;
	display: block;
	left:-999px;
}
#cablingMap a span {
	position:absolute;
	display: block;
	left:-999px;
}
#cablingMap p {
	color: #fff;
	font-style:italic;
	margin:56px 0 0 56px;
}


#content .cablingButtons {
	margin: 9px 0 3px;
}
#content .cablingButtons ul {
	margin: 0;
	margin-bottom:1.2em;
}
#content .cablingButtons li {
	width: 221px;
	height: 59px;
	background: none;
	padding:0;
}
#content .cablingButtons a {
	display: block;
	width: 221px;
	height: 59px;
}
#content .cablingButtons #btnRequestaquote a { background: transparent url("/images/btnRequestaquote.jpg") no-repeat left top; }
#content .cablingButtons #btnAskatech a { background: transparent url("/images/btnAskatech.jpg") no-repeat left top; }
#content .cablingButtons #btnMilestone a { background: transparent url("/images/btnMilestone.jpg") no-repeat left top; }
#content .cablingButtons a span {
	position:absolute;
	display: block;
	left:-999px;
}
.indented
   {
   padding-left: 50pt;
   padding-right: 50pt;
   }