
body,html {
	background:#000 url(../images/cmc/cmc_dark.jpg) center top no-repeat;
	color:#ffffff;
}

a {
	color:#ffffff;
}

a:hover {
	color: #6fb45e;
}

h1 {
	color:#6fb45e;
}

h2 {
	color:#6fb45e;
}

h2.comments {
	color:#ffffff;
}

h3 {
	color:#6fb45e;
	display:block;
}

a img {
	border:none;
}


 /* LAYOUT STRUCTURE
--------------------------------------------------*/

#wrapper {
	width:1000px;
}

#header {
	height:200px;
}

#content {
	background: none;
}

#footer {
	background:none;
	padding:30px 0 0;
	color:#ffffff;
	/*position:relative;*/
}

#footerInnerBottom {
	background:#000;
	border-top:12px solid #000;
	
}

#footerInnerBottom ul#footerMenu li{
	text-align:center !important;
}

/* HEADER ELEMENTS
------------------------------------------*/

/* -- logo --*/
#logo {
	position:absolute;
	top:0px;
	left:-40px;
}
	
#logo span {
	display: none;
	color:#999;
}

/* -- top menu --*/

#topMenu {
	height: 70px;
	width: 1000px;
	margin-left:-21px;
	border-top:0px;
	border-right:0px;
	background:url(../images/cmc/navbg.png) no-repeat;
	padding-left: 32px;
	padding-top: 12px;
	}

#topMenu ul.sf-menu li{
	margin: 0px;
	padding: 0px;
}

#topMenu ul.sf-menu li a{
	color:#ffffff;
	/*border-left:1px solid #ffffff;*/
	border: none;
	font-size: 12px;
}

#topMenu ul.sf-menu li a:hover {
	color:#FFF;
	background:none;
}

#topMenu ul.sf-menu li li a {
	color:#000000;
	
}

ul.sf-menu {
	margin: 0px;
	padding: 0px;
	height: 38px;}

#topMenu ul.sf-menu li li a:hover {
	color: #FFFFFF;
	background:#000000;
}

#topMenu ul.sf-menu li li {
	color: #000000;
	background:#FFFFFF;
	font-weight: bold; 
	border-bottom:1px solid #ffffff;
	border-right:0px;
}


/* HOME SLIDER
-----------------------------------------------*/

#slider {
	height: 280px;
}

.panel .image {
	height: 280px;
}


/* CAROUSEL
---------------------------------------------*/

.stepcarousel{
	height: 280px; /*Height should enough to fit largest content's height*/;
	width: 875px;
}

.stepcarousel .panel{
	width: 875px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


/* CONTENT ELEMENTS
--------------------------------------------------*/

#homeHeader {
	margin-left: -37px;
	margin-top:-33px;
	background: url(../images/cmc/sliderbg.png) no-repeat;
	padding: 7px 32px 0 32px;
}

#colLeft{
	width:556px;
	margin-top:-50px;
}

#fullWidth{
	width:875px;
	margin-top:-50px;
}

#colRight {
	float:right;
	margin-right:84px;
	margin-left:18px;
	margin-top:-30px; 
	border-top: 1px solid #FFFFFF;
	padding-top: 6px;
}

#features {
	background:none;
	width:900px;
	height:100px;
	margin-top:-42px;
	position:relative;
	padding-left:10px;
}

#featuresBottom {
	width:900px;
	background:none;
}

#features .featuresInner {
	width:260px;
	background:none;
	padding:0 0 0 0;
	margin-left:40px;
}

#features .featuresInner h2 {
	font-size:20px;
	font-weight: normal;
}

#features .first {
	background:none;
	padding:0 0 0 0;
	margin-left: -15px;
	margin-right: 18px;
}

#homeHeader #headerText {
	color:#999;
}

#homeHeader #headerText a {
	color:#93CA0C;
}


#homeHeader #buttons a {
	background:none;
	width: 1100px;
}


#innerTop {
	min-height:90px;
	padding:0px 20px 0 0px; /*was 28px 20px 0 20px*/
	background:none;
}


.innerTitle, .innerTitle h1{
    color:#fff;
}

.innerDesc {
	color:#CCCCCC;
}

.latestPosts li span {
	font-size:12px;
	color:#ffffff;
}

/* COL LEFT
-------------------------------------------------*/



#colLeft .blogItem .postComments {
	background:url(../images/cmc/bk_ico_comments.png) 0 3px no-repeat;
	text-shadow:#CF881E 1px 1px;
}

#colLeft .blogItem .postComments a{
	color:#fff;
}

#colLeft ul.latestPosts li {
	height: 240px;
}

#colLeft img {
	float: right;
	padding:5px 0 0 0;
	background:none;
}


/* COL RIGHT
--------------------------------------------------*/
#colRight h2{
	color:#009db2;
	background: none;
}

#colRight h2 {
	/*text-indent: -11px;*/
	padding: 0px !important;
	/*margin-top: 40px;*/
	margin-bottom: 13px;
}

#colRight h2 span .cufon cufon-canvas canvas{
	/*text-indent: -11px;*/
	}

canvas {background: none;}

#colRight .boxRight ul li {
	background:url(../images/cmc/bullet_list_footer.png) 10px 10px no-repeat;
}

#colRight .testimonialsList ul li {
	background:none;
}

#colRight #searchBox h2 {
	color:#009db2;
}

/* FOOTER ELEMENTS
--------------------------------------------*/

#footer {
	border-top: 5px solid #FFF;
	width: 900px;
}

#footer .contact {
	background:none;
	padding-left:10px;
	width:250px;
	margin-left: 38px;
	/*border-left:1px solid #ddd;*/
	min-height:200px;
	overflow:hidden;
}

#footer .footerBox {
	width:260px;
	float:left;
	/*padding-left: 10px;*/
}


#footer .footerBox h2  {
	color:#009db2;
}


#footer .footerBox ul li {
	background:url(../images/nodrugs/bullet_list_footer.png) 0 10px no-repeat;
}

#copy {
	text-align:center !important;
	}


/*COMMENTS
---------------------------------------------*/

#colLeft ul.commentlist .reply a {
	background:url(../images/nodrugs/but_reply.png) 0 0 no-repeat;
	color:#fff;
}


/* FORMS
-------------------------------------------*/

#searchform input#searchsubmit {
	background:url(../images/nodrugs/but_form.png) 0 0 no-repeat;
	color:#FFF;
}

/* contact */

#contact input.submit {
	background:url(../images/nodrugs/but_form.png) 0 0 no-repeat;
	color:#FFF;	
}

.errormsg, .successmsg{
	background:#009db2;
	border:1px solid #F7A68A;
	color:#ffffff;
	padding:10px;
}

.successmsg {
	background:#009db2;
	border:1px solid #C2E1AA;
	color:#ffffff;
}

/* post comment */

#commentform input#submit{
	background:url(../images/nodrugs/but_form.png) 0 0 no-repeat;
	color:#FFF;
}


p span .wpcf7-form-control-wrap your-name input .wpcf7-validates-as-required {
	width: 100%;
	}
	p span .wpcf7-form-control-wrap your-email input .wpcf7-validates-as-email wpcf7-validates-as-required{
	width: 100%;
	}
p span .wpcf7-form-control-wrap your-subject input{
	width: 100%;
	}
p span .wpcf7-form-control-wrap your-message textarea{
	width: 100%;
	}
	
form .wpcf7-form p input.sButton {
	width: 75px;
	}

/* MUDSLIDER
---------------------------------------------*/

#slideleft {
	border: 0px;
}
