/* XX STYLESHEET 
by DARREN TAYLOR for INTERNETCREATION LTD 2009

MAIN COLORS:
#white - #FFFFFF
#blueLight - #66cbff
#blueMedium - #2443fe
#blueDark - #000090
#grey - #555555
#lightGrey - #ededed

*/

*											{ font-family: Arial;  }
a											{ color: #2443fe; text-decoration: none; }
p											{ line-height: 18px; }

body 										{ }
		
div#container 								{ text-align: left; margin: 0 auto; width: 1020px; }

div#header									{ background: #FFF url('../images/logo.jpg') no-repeat; height: 70px; margin: 15px 0 0 0; }

div#navigation								{ width: 398px; }
div#navigation ul								{ text-align: left;  font-variant: small-caps; font-family: Arial;font-size: 14px; }
div#navigation ul li							{ display:inline; }
div#navigation ul li.seperator					{ padding: 0px; }
div#navigation ul li a							{ color: #555555; text-decoration: none; }

div#navigation ul li a:hover, div#navigation ul li a:active 
											{ }
div#accordian	{ margin-top: 10px; }
											
div#navigation ul li a.home:hover, div#navigation ul li a.home:active
											{ color: #66cdff; }
div#navigation ul li a.services:hover, div#navigation ul li a.services:active
											{ color: #2443fe; }
div#navigation ul li a.contact:hover, div#navigation ul li a.contact:active
{ color: #000090;  }

div#leftCol									{ width: 653px; height: 324px; margin: 10px 10px 10px 0; float:left; background: #FFFFFF url('../images/indexSloganBg.jpg') no-repeat bottom; }
div#leftCol h1								{ color: #555555; font-size: 16px; padding: 30px 5px 5px 25px; font-family: Arial; }

div#leftCol.services							{ background: url('../images/services.jpg') no-repeat; height: auto; width: 653px;  }

div#rightCol									{ background: #FFF url(../images/missionBg.jpg) no-repeat bottom; width: 300px; height: 320px;  margin: 10px 10px 10px 0; float: left; }
div#rightCol	h2								{ color: #555555; font-size: 18px; padding: 30px 5px 15px 25px; font-family: Arial; letter-spacing: 1px; }
div#rightCol	p								{ color: #555555; font-size: 12px; padding: 10px 25px 10px 25px; font-family: Arial; line-height: 15px; }

div#tier2 									{ clear: both; margin-bottom: 20px; height: 450px;}
div#tier2 img									{ padding: 15px 0 15px 0; }
div#tier2 h3									{ color: #555555; font-size: 14px; padding: 2px 0 5px 0; border-bottom: 8px solid #66cbff;}
div#col1										{ padding-right: 41px; }
div#col2										{ padding-right: 41px; }
div#col3										{ padding-right: 11px; }
div#col4										{ border: 1px solid #ededed; width: 300px;}
div#col4	h4									{ color: #bdbdbd; padding:10px 5px 10px 20px; font-size: 16px; letter-spacing: 1px;}
div#col4	h5									{ color: #555555; padding:10px 5px 5px 20px; font-size: 12px;}
div#col4	p									{ color: #555555; padding: 0 25px 0px 20px; font-size: 11px; line-height:14px;}
div#col4	a									{ color: #2443fe; /*padding: 0 25px 3px 25px;*/ text-decoration: none;}
div#col4	a:hover								{ text-decoration: underline; }
div#threeCol									{ width: 670px; height: 300px; float: left;}

div#footer									{ clear: both; border-top: 1px #ededed solid; width: 960px; 
											padding: 25px 0; margin: 0 0 20px 0; }
div#footer p									{ color: #555555; font-size: 12px;}
div#footer a:hover							{ text-decoration: underline; }

div#column1									{ float: left; width: 663px;  }
div#column1.about							{ height: 900px; }
div#column1.services							{ }
div#column1.contact							{ height: 900px; }
div#column2									{ float: left; width: 310px; }

div#content									{ }
div#content h1								{ color: #555555; font-size: 24px; padding: 15px 0 5px 0; border-bottom: 8px solid #66cbff; width: 650px;}
div#content p.mainText						{ color: #555555; font-size: 12px; padding: 20px 5px 5px 0; line-height: 15px; letter-spacing: 1px; font-weight: bold;}
div#content p.subText, li.subText				{ color: #555555; font-size: 12px; padding: 10px 25px 5px 0; line-height: 15px; }
ul.subText									{ list-style-position:outside; margin: 0 0 0 30px; }
div#content p.subTextIndex				{ color: #555555; font-size: 10px; padding: 10px 25px 5px 0; line-height: 12px; }
div#content ul									{ list-style: square; padding-left: 16px; color: #555555; font-size: 12px; line-height: 16px;}
div#content h2 								{ border-bottom:1px solid #66CBFF;
font-weight:bold;
padding-bottom:5px;
width:650px; }

div#contactInfo								{ padding-right: 100px; font-size: 12px; color: #555555; text-align:left; line-height:18px;}
.indexCol									{ width: 190px; height: auto; float: left;  padding-bottom: 15px;}
.indexCol p									{ font-size: 11px; line-height: 14px; color: #555555; }
.indexCol a.cols								{ text-decoration: none; font-size: 12px; color: #000090; letter-spacing: 1px; padding: 20px 0 10px 0; border-bottom: 5px #ededed solid;  display: block;width: 190px; }
.floatRight									{ float: right; }
.label 										{ display: block; width: 100px; font-size: 12px; }
.ta 											{ width: 200px; height: 100px; }
.floatLeft 									{ float: left; }
.bold 										{ font-weight: bold; border-bottom: 1px solid #66cbff; width: 650px; padding-bottom: 5px;}
.strong										{ font-weight: bold; color:#000000; }
#errors										{ clear: both; padding-top: 20px;	width: 36%;	float: left;}
#loader 										{}

#bar										{ display:none;  background: url(../images/ajaxLoader.gif) no-repeat;  margin-left:20px;  margin-top:50px;  height:20px;  width: 230px;}


#errors p									{ padding: 10px;text-align: center; border: 1px solid #FF0000; background-color: #ffcccc; color: #000; font-weight: bold; width: 300px;}

#accordian { width: 663px; }