/* ----- CNC CSS FRAMEWORK v1.0 ----------------------------------------------------- */
/* ----- Created by Creative Nature Communications YYYY/MM/DD ----------------------- */
/* ----- Website Name Goes Here ----------------------------------------------------- */
/* ----- Credits: *****  ------------------------------------------------------------ */


/* TABLE OF CONTENTS

00 - Global Includes
01 - Typography 
02 - Main Structure - The core Structure
03 - Content Styles 	

*/


/* 00 - Global Includes  */
/* --------------------------------------------------------------------------------------------------------------------------- */

@import url(cssreset.css);
@import url(navigation.css);
@import url(modules/modules.css);


/* 01 - Typography  */
/* --------------------------------------------------------------------------------------------------------------------------- */

p {line-height:1.5em;}

h1 {color:#027798; font-size:3em; margin-bottom:.5em; font-weight:normal; margin:0 0 .7em 0;}
h2 {}
h3 {color:#027798; font-size:1.4em; line-height:1.4em; font-weight:normal;}
h4 {}
h5 {}
h6 {}

#mainContentArea ul{}
ol{}
#mainContentArea ul li{list-style: url(../Images/welcomeBullet.gif); margin-bottom:1.3em; line-height:1.5em;}

#mainContentArea a{ color:#027798; text-decoration:none;}
#mainContentArea a:hover{ border-bottom:1px dotted #027798;}


/* 02 - Main Structure */
/* --------------------------------------------------------------------------------------------------------------------------- */

/* Main Structure */
html, body {
	background:url(../Images/main_background.gif) top left repeat-x;
	color:#333333;
}

#pageBacking {
	background:url(../Images/homepage_backing.jpg) center 5px no-repeat;
	min-height:596px;
}
#mainWrapper {
	width:960px;
	margin:0 auto;
}


/* Header Area */
#header {
	height:112px;
}
#mainLogo {
	float:left;
	padding:35px 0 0 0;
}
#mainLogo h1 {
	width: 351px; height: 56px;
	background:url(../Images/mainLogo.png);
	text-indent: -9999px;
	font-size:.1em;
}

#mainNav {
	background:url(../Images/main_menu_backing.gif) top left no-repeat;
	height:49px;
}

#search {
	padding:45px 0 0 0;
	margin-left:580px;
}


#search input {
	float:left;
}

#search input.subscribe{
	background:#fff url(../Images/searchBox.gif)top left no-repeat scroll;
	height:28px;
	line-height:28px;
	width:228px;
	border:none;
	font-size:14px;
	padding:0 5px;
	color:#cacccb;
}

#siteTools {
	float:left;
	margin-left:10px;
	padding-top:2px;
}
#siteTools a{
	background:url(../Images/siteTools.gif) 0 0;
	display:block;
	width:23px;
	height:24px;
	float:left;
	margin-right:3px;
}

#siteTools a.st_small{
	background-position:0 top;
}
#siteTools a.st_large{
	background-position:46px top;
}
#siteTools a.st_print{
	background-position:22px top;
	margin-right:0;
}
#siteTools a.st_small:hover{
	background-position:0 bottom;
	border:none;
}
#siteTools a.st_large:hover{
	background-position:46px bottom;
	border:none;
}
#siteTools a.st_print:hover{
	background-position:22px bottom;
	border:none;
}

/* Content Area */
#midWrapper {
	padding:0 5px;
}

#mainContentArea {
}


/* Footer Area */
#footer {
	border-top:1px dotted #dfeef2;
	padding:0px;
	margin-top:10px;
}

#legal {
	float:left;
	width:300px;
	margin:0 10px;
	font-size:11px;
	color:#666666;
	line-height:40px;
}
#legal a{
	color:#666666;
	text-decoration:none;
	border-bottom:1px dotted;
}
#legal a:hover{
	color:#027798;
}


#credits {
	float:right;
	width:118px;
	margin:10px 20px 0 0;
}

/* 03 - Content Styles */
/* --------------------------------------------------------------------------------------------------------------------------- */

#welcomeCol {
	width:380px;
	float:left;
	padding:20px 25px 20px 10px;
}
#welcomeCol p{
	color:#152F35;
}
#welcomeCol h3 {
	color:#027798;
	font-size:2.2em;
	font-weight:normal;
	margin-bottom:.5em;
	background:url(../Images/welcome.png) no-repeat 0 0;
	width:352px;
	height:31px;
	text-indent:-999px;
	overflow:hidden;
}
#welcomeCol li{
	list-style: url(../Images/welcomeBullet.gif);
	margin:0 0 1em 1em;
	line-height:1.4em;
}
a.readmore{
	display:block;
	background:url(../Images/readmore_right.gif) top right;
	height:18px;
	width:80px;
	padding-right:10px;
	white-space:nowrap;
	color:#FFFFFF;
	text-decoration:none;
	margin-top:5px;
}
a.readmore span{
	display:block;
	background:url(../Images/readmore_left.gif) top left no-repeat;
	line-height:18px;
	color:#FFFFFF;
	padding:0 6px;
}
a.readmore:hover{
	background:url(../Images/readmore_right.gif) bottom right;
	color:#027798;
	border:none;
}
a.readmore:hover span{
	background:url(../Images/readmore_left.gif) bottom left no-repeat;
	border:none;
}




#servicesCol {
	width:260px;
	padding:15px 20px 10px 20px;
	margin:0 5px;
	float:left;
	background:url(../Images/sfade_backing.gif) top left no-repeat;
}
#servicesCol h3 {
	font-size:1.1em;
	margin-bottom:35px;
	color:#000;
	margin:11px 0 20px 0;
	font-weight:bold;
}


#servicesCol li{
	color:#027798;
	list-style:url(../Images/serviceColBullet.gif);
	font-size:1.35em;
	margin:0 0 .6em 1em;
}
#servicesCol li a{
	color:#027798;
	text-decoration:none;
}
#servicesCol li a:hover{
	border-bottom:1px dotted;
}
a.latestProjects{
	display:block;
	background:url(../Images/recentProjects.gif) no-repeat top left;
	width:245px; 
	height:52px;
	margin-top:25px;
}
a.latestProjects span{
	display:none;
}
a.latestProjects:hover{
	background:url(../Images/recentProjects.gif) bottom left;
	border:none;
}



#newsCol {
	width:203px;
	padding:15px 10px 10px 0;
	float:left;
}
#newsCol h3 {
	font-size:12px;
	margin-bottom:35px;
	color:#000;
	margin:3px 0 15px 5px;
	font-weight:bold;
}

#blogFeed {
	background:url(../Images/blogFeed.gif) top left no-repeat;
	height:70px;
	width:200px;
	padding:7px 10px;
	overflow:hidden;
	margin-bottom:15px;
}

#blogFeed h4{
	margin:0;
	color:#137BBC;
}
#blogFeed p{
	color:#666666;
	margin:3px 0 0 0;
}
#blogFeed a.readmore span {
	display:none;
}
#blogFeed a.readmore {
	background:url(../Images/blogreadmore.gif) top left no-repeat;
	display:block;
	height:13px;
	width:62px;
	float:right;
	padding:0;
	margin:0;
}
#blogFeed a.readmore:hover {
	background:url(../Images/blogreadmore.gif) bottom left no-repeat;
}

#newsFeed {
	background:url(/Sites/Common/Images/newsBacking2.gif) no-repeat 0 0;
	height:248px;
	width:200px;
	padding:10px;
}

#newsCol li {
	margin-left:0;
	margin-bottom:5px;
}
#newsCol li.alternate {
	
}
#newsCol a {
	padding:5px 10px 5px 15px;
	margin-left:5px;
	display:block;
	font-weight:bold;
	color:#027798;
	text-decoration:none;
	background:url(../Images/serviceColBullet.gif) no-repeat 0 8px;
}
#newsCol li:hover {
	background:#D5EAF2;	
	
}


.styledTable {
	border:none;
}


.tableCellDiv {
	background: url(../Images/tableRowLight.gif) no-repeat 0 0;
	height:38px;
	line-height:38px;
	margin-bottom:4px;
	padding:0 15px;
}

.tableCellDiv .readmore {
	float:right;
	margin:10px 0 0 0;
}
.tableCellDiv h3 {
	line-height:38px;
	display:inline;
}

.leftCol {
	float:left;
	width:310px;
	margin-right:40px;
}

.rightCol {
	float:left;
	width:310px;
}