@import url("/styles/base.css");

/* Overall
-------------------------------------------------- */

body {
	color: #727272;
	font-family: Arial;
	font-size: 12px;
	background:#e7e2da;
	line-height:22px;
}

body#index {
	background:url(../images/layout/indexbg.png) #e7e2da top left repeat-x;
}

/* -- Headings -- */

h1,h2,h3 {
	font-size: 18px;
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
}
h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 sub, h2 sub, h3 sub { display: block; font-size: 10px; vertical-align: baseline; }

h2{margin-top:15px}

h4 {
	font-family: Helvetica;
	font-size: 22px;
	color: #8dd5e3;
	margin: 0 0 12px 0;
}
h5 {
	font-family: Helvetica;
	font-size: 14px;
	font-weight: bold;
}

/* -- Text -- */

p 				{ margin:0 0 1em 0; line-height: 22px; font-family: Arial; }
#main p a { color: #338bbb; font-weight: bold; }
b, strong { font-weight:bold; }
i, em 		{ font-style:italic;font-family:Arial }
blockquote{padding:0 20px 10px;font-style:italic}
li{line-height:22px}
ul{margin-left:15px}
#main span { font-size: 12px !important; }

/* -- Links -- */

a:link, a:visited,
a:hover, a:focus  { color:#206997; text-decoration: none; }
a:link			  		{ color:#206997; text-decoration: none; }
a:visited		  		{ color:#206997; text-decoration: none; }
a:hover			  		{ color:#206997; text-decoration: underline; }
a:focus			  		{  }

/* -- Tables -- */




/* Interior PAGES  -  Layout
-------------------------------------------------------------------------------------------------------------------------------- */

#email, #Email { display: none; }

#wrapper {
	width: 985px;
	margin: 15px auto 0;
	position: relative;
}
#header {
	height:200px;
	margin:51px 0 0 20px;
	width:939px;
}
.headerDefault 			{ background: #ffffff; }
.headerCustomers 		{	background: url(../images/layout/headerCustomers.jpg) top left no-repeat; }
.headerEducation 		{	background: url(../images/layout/headerEducation.jpg) top left no-repeat; }
.headerContractors 	{	background: url(../images/layout/headerContractors.jpg) top left no-repeat; }
.headerDevelopers 	{	background: url(../images/layout/headerDevelopers.jpg) top left no-repeat; }
.headerAboutus		 	{	background: url(../images/layout/headerAboutus.jpg) top left no-repeat; }
.headerTopNavColors	{	background: url(../images/layout/headerTopNavColors.jpg) top left no-repeat; }

#left {
	float:left;
	left:40px;
	position:relative;
	top:-119px;
	width:200px;
	z-index:2;
}
.leftBottom { z-index:3;left:0;margin:0 0 -3px;position:relative;top:0}
.leftTop { left:40px;position:absolute;top:165px; }
#main {
	background:#FFFFFF;
	float:left;
	left:25px;
	padding:40px 45px;
	position:relative;
	top:0;
	width:644px;
	z-index:1;
	margin:0 0 15px;
}
#footer {
	background: url(../images/layout/indexFooter.png) #e7e2da top left no-repeat;
	float:left;
	height:150px;
	width:1024px;
} #footer p 		{ color:#2780B7;float:right;font-size:11px;padding:15px 200px 0 0;text-align:center; }
#search {
	position:relative;
	height:48px;
} 
#search form 	{ display: inline; }
#search img 	{ vertical-align: bottom; }
#search img a { outline: none; }
.top-logo{left:27px;position:absolute;top:-13px}
.search-top{position:absolute;right:25px;top:22px}
.twitter{position:absolute;top:16px;right:260px;width:32px;height:32px;display:block;text-indent:-9999px;z-index:3;background:url(/images/twitter.png) top left no-repeat;outline:none}


/* Interior PAGES  -  Top Nav
-------------------------------------------------- */

#nav {
	padding:0 0 0 452px;
	margin:0;
}
#nav li {
	display: inline;
}
#nav li a {
	background: url(../images/layout/nav.png) top left no-repeat; 
	text-indent: -9999px;
	display: block;
	float: left;
	border: none; 
	padding: 0;
	height: 51px; 
	outline: none;
}
#nav li a#navhome 							{ background-position: 			0 		0; width:  62px; }
#nav li a#navcontactus 					{ background-position: -62px  		0; width:  91px; }
#nav li a#navstormcenter 				{ background-position: -153px 		0; width: 101px; }
#nav li a#navcareers 						{ background-position: -254px 		0; width:  75px; }
#nav li a#navpressroom 					{ background-position: -329px 		0; width:  91px; }
#nav li a#navsitemap 						{ background-position: -420px 		0; width:  75px; }

#nav li a:hover#navhome 				{ background-position:			0 -51px; width:  62px; }
#nav li a:hover#navcontactus 		{ background-position:  -62px -51px; width:  91px; }
#nav li a:hover#navstormcenter 	{ background-position: -153px -51px; width: 101px; }
#nav li a:hover#navcareers 			{ background-position: -254px -51px; width:  75px; }
#nav li a:hover#navpressroom 		{ background-position: -329px -51px; width:  91px; }
#nav li a:hover#navsitemap 			{ background-position: -420px -51px; width:  75px; }





/* Interior PAGES  -  Left Nav
-------------------------------------------------- */

#leftNav {
	background: #ffffff;
	border-left:3px solid #E7E2DA;
	border-right:3px solid #E7E2DA;
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:5px 0 0 22px;
	width:172px;
}
ul.nav li {
	color: #206997;
}
ul.nav li a{
	outline: none;
	padding:0 15px 0 0;
	font-family:Verdana;
}
ul.nav li a:hover {
	text-decoration: none;
	color: #4e4e4e;
}
ul.nav li ul {
	padding: 0 0 0 8px;
}
ul.nav li ul li {
}
ul.nav li ul li ul li a {
	padding:3px 0 3px 5px;
	display:block;
	color:#466b7f;
}
ul.nav li ul li a:hover {
}
ul.nav li ul ul {
	background: #ecf6db;
	font-size: 10px;
	padding: 0;
	margin:4px 0 0;
}
ul.nav li ul ul a {
	color: #4e4e4e;
	font-style:normal;
}
ul.nav li ul ul a:hover {
	text-decoration: none;
	color:#fff;
}
ul.nav li ul ul li:hover {
	background: #6b8e30;
}
.arrowDown {
	background: url(../images/layout/arrowDown.png) center right no-repeat;
}

/* --- de-formatted navigation for site map --- */

#noformatting #leftNav {
	background:none;
	border:none;
	font-size:11px;
	line-height:17px;
	margin:0px;
	padding: 0px;
	width: 700px;
}
#noformatting ul.nav li {
	color: #727272;
}
#noformatting ul.nav li a{
	outline: none;
	padding: 0px;
}
#noformatting ul.nav li a:hover {
	text-decoration: none;
	color: #727272;
}
#noformatting ul.nav li ul {
	padding:0;
	width:200px;
}
#noformatting ul.nav li ul li {
	padding:0;
	border-bottom:0px solid #FFFFFF;
	width:200px;
}
#noformatting ul.nav li ul li a {
	font-style:italic;
}
#noformatting ul.nav li ul li a:hover {
}
#noformatting ul.nav li ul ul {
	background: #ffffff;
	font-size: 10px;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	width:200px;
}
#noformatting ul.nav li ul ul a {
	color: #727272;
	font-style:normal;
}
#noformatting ul.nav li ul ul a:hover {
	text-decoration: none;
}
#noformatting ul.nav li ul ul li:hover {
	background: #ffffff;
	font-style: italic;
}
#noformatting .arrowDown {
	background: #ffffff;
}

#noformatting ul { display: block; }

/* Index PAGE  -  Layout
-------------------------------------------------------------------------------------------------------------------------------- */

#indexWrapper {
	width: 1024px;
	margin: 0 auto;
	position: relative;
}
#indexHeader {
	background: url(../images/layout/indexHeader.png) top left repeat-x;
	height: 366px;
}
#indexLeft {
	background: url(../images/layout/indexLeftbg.png) #ffffff top left no-repeat;
	width: 306px;
	height: 634px;	
	position:absolute;
	left:23px;
	top:439px;
}
#indexLeft span 	{ color:#12415b;font-family:Helvetica;font-size:17px;left:91px;margin:0;position:absolute;top:22px; }
#indexLeft p 			{ color: #12415b;padding: 0 0 0 91px;line-height: 15px; width: 150px; font-size: 11px; }
#indexLeft p a 		{	font-weight: bold;color: #12415b; }	
#indexLeft img 		{ margin: 0 0 0 -10px; } 
 
#indexMain {
	background: url(../images/layout/contentbg.png) top left no-repeat;
	height:685px;
	position:absolute;
	right:28px;
	top:365px;
	width:641px;
	font-size: 14px; /* 11px; */ 
	line-height: 20px;
} 

/* #indexMain td 		{ width: 185px;vertical-align: top; } */	
#indexFooter {
	background: url(../images/layout/indexFooter.png) #e7e2da top left no-repeat;
	width:1024px;
	height:150px;
	position:relative;
	top:735px;
	left:0;
	margin:auto 0;
	z-index:1;
	zoom:1;
} 
#indexFooter p 		{ text-align: center;color: #2780b7;font-size: 11px;position: absolute;top: 20px;right: 150px; }

#indexFooter p#icnd 	{ text-align: center;color: #2780b7;font-size: 11px;position: absolute;top: 112px;right: 174px; }

#indexSearch {
	position: absolute;
	top: 30px;
	right: 50px;
	color:#3a606d;
	font-size:11px
}




/* Index PAGE  -   Classes
-------------------------------------------------- */

.indexInput {
	background: url(../images/layout/field.png) top left no-repeat;
	padding: 4px 8px;
	width: 112px;
	height: 14px;
	border: none;
	color: #757576;
}
.indexSearchArrow {
	background: url(../images/layout/searchArrow.png) top center no-repeat;
	width: 25px;
	height: 16px;
	border: none;
}
.indexLogo {
	position: absolute;
	top: 68px;
	left: 0px;
}
.indexTwitter {
	position:absolute;
	top:24px;
	right:280px;
	width:32px;
	height:32px;
	display:block;
	text-indent:-9999px;
	z-index:3;
	background:url(/images/twitter.png) top left no-repeat;
	outline:none
}
.indexFlash {
	position: absolute;
	top: 117px;
	right: 43px;
}

#indexSignin { border: 1px solid #A8A5A1; margin: 2px auto; padding: 10px; background-color: #FFF; float:left;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; }

/*#indexCustomers 						{ padding:48px 0 0 188px;height:83px;width:453px; }*/
#indexCustomers 						{ padding:48px 0 0 168px;height:160px;width:473px; }
div:hover#indexCustomers 		{ background: url(../images/layout/customersHover.png) top left no-repeat; }

#indexEducation 						{	height:71px;left:0;padding:50px 0 0 168px;position:absolute;top:151px;width:473px; }
div:hover#indexEducation 		{ background: url(../images/layout/educationHover.png) top left no-repeat; }

#indexContractors 					{	height:71px;left:0;padding:48px 0 0 168px;position:absolute;top:261px;width:473px; }
div:hover#indexContractors 	{ background: url(../images/layout/contractorsHover.png) top left no-repeat; }

#indexDevelopers 						{ height:90px;left:0;padding:52px 0 0 168px;position:absolute;top:368px;width:473px; }
div:hover#indexDevelopers 	{ background: url(../images/layout/developersHover.png) top left no-repeat; }

#indexAboutus 							{	height:133px;left:0;padding:52px 0 0 168px;position:absolute;top:501px;width:473px; }
div:hover#indexAboutus		  { background: url(../images/layout/aboutusHover.png) top left no-repeat; }




/* Index PAGE  -   Top indexNav
-------------------------------------------------- */

#indexNav {
	position:absolute;
	width:495px;
	top: 66px;
	right: 48px;
}
#indexNav li {
	display: inline;
}
#indexNav li a {
	background: url(../images/layout/indexNav.png) top left no-repeat; 
	text-indent: -9999px;
	display: block;
	float: left;
	border: none; 
	padding: 0;
	height: 51px; 
	outline: none;
}
#indexNav li a#indexNavhome 							{ background-position: 			0 		0; width:  62px; }
#indexNav li a#indexNavcontactus 					{ background-position: -62px  		0; width:  91px; }
#indexNav li a#indexNavstormcenter 				{ background-position: -153px 		0; width: 101px; }
#indexNav li a#indexNavcareers 						{ background-position: -254px 		0; width:  75px; }
#indexNav li a#indexNavpressroom 					{ background-position: -329px 		0; width:  91px; }
#indexNav li a#indexNavsitemap 						{ background-position: -420px 		0; width:  75px; }

#indexNav li a:hover#indexNavhome 				{ background-position:			0 -51px; width:  62px; }
#indexNav li a:hover#indexNavcontactus 		{ background-position:  -62px -51px; width:  91px; }
#indexNav li a:hover#indexNavstormcenter 	{ background-position: -153px -51px; width: 101px; }
#indexNav li a:hover#indexNavcareers 			{ background-position: -254px -51px; width:  75px; }
#indexNav li a:hover#indexNavpressroom 		{ background-position: -329px -51px; width:  91px; }
#indexNav li a:hover#indexNavsitemap 			{ background-position: -420px -51px; width:  75px; }

ul.sideindexNav {
	float: left;
	width: 210px;
}


ul.sideindexNav li {
	position: relative;
	float: left;
	width: 205px;
}
ul.sideindexNav li a{
	background: url(../images/layout/arrow.gif) center right no-repeat;
	padding: 3px 11px 3px 7px;
	position: relative;
}
ul.sideindexNav li span a {
	background: none;
	padding: 3px 9px 3px 5px;
}
ul.sideindexNav li span a:hover {
	border: none;
	text-decoration: none;
	padding: 3px 9px 3px 10px;
}
ul.sideindexNav li a:hover {
	border: 1px #739cbf solid;
	padding: 3px 11px 3px 6px;
	text-decoration: none;
}
ul.sideindexNav li span {
	border: 1px #739cbf solid;
	padding: 3px 5px;
	display: none;
	position: absolute;
	top: -1px;
	left: 0;
	margin: 0 0 0 18px;
	width: 225px;
	z-index: 9;
}
a.indexIndent { margin:0 0 0 10px; }
/* ------------------------------------------------------------------------- customers colors */
#indexCustomers ul.sideindexNav li a:hover 		{  background: #ecf6db; }
#indexCustomers ul.sideindexNav li span 			{  background: #ecf6db;z-index: 9; }
/* ------------------------------------------------------------------------- education colors */
#indexEducation ul.sideindexNav li a:hover 		{  background: #b6d9f3; }
#indexEducation ul.sideindexNav li span 			{  background: #b6d9f3; }
/* ------------------------------------------------------------------------- contractors colors */
#indexContractors ul.sideindexNav li a:hover 	{	background: #f9c7c3; }
#indexContractors ul.sideindexNav li span 		{	background: #f9c7c3; }
/* ------------------------------------------------------------------------- developers colors */
#indexDevelopers ul.sideindexNav li a:hover 		{	background: #fdd5a8; }
#indexDevelopers ul.sideindexNav li span 			{	background: #fdd5a8; }
/* ------------------------------------------------------------------------- aboutus colors */
#indexAboutus ul.sideindexNav li a:hover 			{	background: #cee4d5; }
#indexAboutus ul.sideindexNav li span 				{	background: #cee4d5; }


ul.sideindexNav, ul.sideindexNav li span {
	zoom: 1;
	z-index: 9999;
	
}

ul.sideindexNav li{
	position: relative;		
}

.cfdebug { display: none; }

#main li {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin: 4px;
}

#main li li {
list-style-image:none;
list-style-position:outside;
list-style-type:circle;
}

#main li li li {
list-style-image:none;
list-style-position:outside;
list-style-type:square;
}

#main img { margin: 6px; }

img#mainspacer { width: 1px; height: 660px; }