/* ----- 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(modules/modules.css);
@import url(navigation.css);


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

html, body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#7a7a7a;
}

p, .panel { font-size:.9em; line-height:1.75em; color:#7a7a7a;}

h1 {}
h2 {}
h3 {color:#1974c4; margin-bottom:5px;}
h4 {color:#f6931c; font-size:1.25em;}
h5 {}
h6 {}

#mainContent ul{font-size:.9em; line-height:1.75em; color:#7a7a7a;}
ol{}
#mainContent li{
	margin-bottom:10px;
	list-style:url(../Images/orangeBullet.png)
}

a{ color:#1974C4; text-decoration:none;}
a:hover{ color:#EB9531;}

#mainContent .productList li, #mainContent #productItem{
	list-style:none;
}

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

/* Main Structure */
html, body {
	background:#f7f7f7;
}

#mainWrapper {
	background:#fff url(../Images/blueHome_backing.gif) top left repeat-x;
	border-bottom:1px solid #ececec;
}

/* Header Area */
#header {
	width:960px;
	height:435px;
	margin:0 auto;
	padding:0 30px;
	background:url(../Images/blueBacking.jpg) no-repeat top center;
}

#mainLogo {
	width:290px;
	float:left;
	margin:25px 10px 0 10px;
}
#mainLogo h1{
	display:block;
	overflow:hidden;
	text-indent:-999em;
	background:url(../Images/mainLogo.png) top left;
	height:132px;
	width:236px;
}

#memberLogin {
	margin:-4px 0 -24px 0;
	float:right;
	cursor:pointer;
}
#memberLoginArea {
	background:#1f6fb6;
	border-top:#206fb2;
}
#memberForm {
	width:960px;
	margin:0 auto;
	padding:11px 20px 11px 20px;
}

#memberForm .input{
	font-size:14px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border:none;
	padding:5px 3px;
	margin-right:10px;
	float:left;
}

#memberForm .i-button {
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	background:#1B1B1B;
	border:none;
	color:#FFFFFF;
	padding:5px 9px;
	font-weight:bold;
	font-size:14px;
	float:left;
	cursor:pointer;
}

#memberForm .p-reminder {
	margin:0;
	color:#FFFFFF;
	float:right;
	margin-top:-5px;;
}
#memberForm .p-reminder a{
	color:#FFFFFF;
	border-bottom:1px dotted;
}

#mainNav {
	float:left;
	background:url(../Images/mainNav.png) top left no-repeat;
	width:640px;
	height:47px;
	margin:55px 0 0 0;
}


/* Content Area */
#midWrapper {
	min-height:330px;
	width:960px;
	margin:0 auto;
	padding:10px 0 0 0;
}

/* Footer Area */
#footer {
	width:960px;
	margin:-1px auto 0 auto;
	background:url(../Images/footerBacking.gif) top center no-repeat;
}

#legal {
}

#credits {
}

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

#featureContent {
	margin:110px 0 0 0;
	position:absolute;
	text-align:center;
	width:980px;
	height:321px;
	overflow:hidden;
}
#mainContent{
	float:left;
	width:400px;
	margin:0 10px;
	padding:12px 0 0 0;
	min-height:300px;
}
#mainContent p{
	margin-bottom:27px;
}

h2.welcome {
	display:block;
	background:url(../Images/welcome.gif) center left no-repeat;
	height:99px;
	width:382px;
	text-indent:-999em;
	margin:0;
}

#contactInfo {
	float:left;
	width:190px;
	margin:0 10px;
	padding:35px 10px 0 20px;
	background:url(../Images/homeContentDiv.gif) top left no-repeat;
	min-height:300px;
}

#contactBox {
	background:url(../Images/contactBacking.gif) no-repeat 0 0;
	padding:15px;
	width:176px;
	height:202px;
}

#contactBox h3{
	display:block;
	text-indent:-999em;
	overflow:hidden;
	background:url(../Images/contactTalk.gif) 0 0;
	height:52px;
	width:177px;
	margin:0 0 9px 0;
}

#contactBox p{
	line-height:2em;
	margin-bottom:10px;
}

#contactBox .phoneNumber{
	font-size:1.45em;
	color:#FBB03B;
	font-weight:bold;
	letter-spacing:-.10em;
}


#news {
	float:left;
	width:250px;
	margin:0 10px;
	padding:0 10px 0 20px;
	background:url(../Images/homeContentDiv.gif) top left no-repeat;
	min-height:300px;
	position: relative;
}

#news h3, #news h3 a{
	font-size:.9em;
	margin:0 0 .5em 0;
	text-decoration:none;
	color:#F7931E;
}

#news h3 a:hover{
	border-bottom:1px dotted;
}



.scrollContainer div.panel {
  width: 255px; /* change to 560px if not using JS to remove rh.scroll */
  padding: 0;
}

.scrollButtons {
  position:absolute;
  cursor: pointer;
}

.scrollButtons.left {
	bottom: 0;
	margin: 0;
	position: absolute;
}

.scrollButtons.right {
	bottom: 0;
	margin: 0;
	right: 10px;
	position: absolute;
}


.newsTabs {
	bottom: 0;
	left: 43%;
	margin: 0;
	position: absolute;
}

.newsTabs li {
	float:left;
	margin:0 5px 0 0;
}

.newsTabs li a{
	display:block;
	overflow:hidden;
	background:url(../Images/sliderTab.gif) no-repeat 0 0 ;
	height:10px;
	width:9px;
	text-indent:-999em;
}

.newsTabs li a.selected{
	background-position: 0 -10px;
}
.newsTabs li a:hover {
	background-position: 0 -10px;	
}

#legal {
	float:left;
	width:760px;
	margin:15px 0;
}

#legal a{
	font-size:.8em;
	line-height:2.35em;
	color:#b2b2b2;
	display:block;
	float:left;
	padding:0 10px;
	margin:0 5px 0 0;
	background:#EDEDED;
	text-decoration:none;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#legal a:hover{
	background:#E4E4E4;
}

#credits {
	float:left;
	margin:15px 0 15px 30px;
}

#credits a{
	display:block;
	background:url(../Images/cncLogo.gif) top left;
	width:140px;
	height:44px;
	text-indent:-99em;
	overflow:hidden;
}


.mau, .cu {
	background:url(../Images/links.png) 0 0 no-repeat;
	display:block;
	margin-top:-24px;
	width:94px;
	height:14px;
	text-indent:-999em;
	float:left;
	overflow: hidden;
}

.cu {
	background:url(../Images/links.png) -120px 0 no-repeat;
	width:74px;
	margin-left:120px;
}