body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	background-position:top center;
	background-repeat: no-repeat;
	margin: 0 0 20px 0;
	text-align:center;

}
img, div { behavior: url(js/iepngfix.htc) }

h1{ font-size:30px;}
h2{ font-size:28px;}
h3{ font-size:24px;}
h4{ font-size:20px;}
h5{ font-size:16px;}
h6{ font-size:14px;}

small{
	font-size:12px;}
	}
strong{
	font-weight:bold;
	}
i, em{
	font-style:italic;
}

#content ul, ol{
	position:relative;
	margin:10px 0px;
	}
#content ul li, ol li{
	padding:5px 0 0 5px;
	margin:0 0 0 30px;
	}
#content ul li{
	list-style-type:disc;
	}
#content ol li{
	list-style-type: decimal;
	}

#content table{
	width:100%;
	border: none;
	}
#content table tr th{
	background-color:#5B5B5B;
	color:#FFF;
	text-align:center;
	border: none;
	}	
#content table tr td{
	background-color:#FFFFFF;
	padding:0px;
	text-align:left;
	border: none;
}	


.line{ padding:0 0 10px 0; margin-bottom:10px; border-bottom:1px #999 dotted; }

.fleft{ float:left;}
.fright{ float:right;}
.alignright{
	float:right;
	margin: 3px 0px 10px 10px;

	}
.alignleft{
	float:left;
	margin: 3px 10px 10px 0px;
	}
/********************************************************************************************** GLOBAL STYLES */
#main-container{
	width:960px;
	margin: 15px auto 20px auto;
	display:block;
	text-align:left;

	}

/********************************************************************************************** Header */
#header{
	position:relative;
	display:block;
	width:960px;
	height:127px;
	margin:0px auto;
	background:left bottom repeat-x url('../images/header_bg.jpg');
	}
#search{
	position:absolute;
	top:70px;
	right:20px;
	display: inline-block;
	}
input{
	display: inline-block;
	border:1px #a0a0a0 solid;
	background-color:#eeeeee;
	padding:3px;
	vertical-align:middle;
	}
input#searchsubmit{
	display: inline-block;
	background-color:#575757;
	color:#FFF;
	font-size:12px;
	padding:3px 5px;
	}
input#searchsubmit:hover{
	background-color:#000;
	cursor:pointer;
	}

/********************************************************************************************** Menu */


#menu_wrap{
	display:block;
	width:960px;
	height:50px;
	padding:13px 0px 0px 0px;
	background-color:#ffffff;
	z-index: 99;
	}
#menu{
	display:block;
	width:920px;
	margin:0px auto;
	margin-left: 20px;
	height:38px;
	color:#ffffff;
	background-color:#575757;
	z-index: 99;
	}
	/********************************************************************************************** DNN Menu */
.MainMenu_MenuContainer{background-color:#575757; width:100%; height:49px;}
.MainMenu_MenuBar{background-color:Transparent;height:27px}
.MainMenu_MenuArrow{DISPLAY:none;}
.MainMenu_MenuRootArrow{DISPLAY:none;}
.MainMenu_MenuIcon{display:none;}
.MainMenu_MenuItemBreak{background-color:transparent;border:0px solid #00FF00;height:0px;width:0px;}



.MainMenu_MenuItem {
color:#575757;
font-size:14px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
border-bottom:1px dotted #000000;
padding:0px 22px 0px 10px;
height:30px;
}
.MainMenu_MenuItemSelected{
color:#0042ad;
font-size:14px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
border-bottom:1px dotted #000000;
padding:0px 22px 0px 10px;
height:30px;
}

.SubMenuItemActive {
color:#0042ad;
font-size:14px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
border-bottom:1px dotted #000000;
padding:0px 22px 0px 10px;
height:30px;
}

.MainMenu_SubMenu {
Z-INDEX:1000;
background-color: #fff;
border:1px dotted #000000;
filter:alpha(opacity=90);
-moz-opacity:0.9;
width:auto !important;}


.MainMenu_RootMenuItem
{   border:#EFEEEE 0px solid; 
	cursor:pointer;cursor:hand; 
	color:#c3c3c3;
	font-size:14px;
	font-weight:bold;
	background-color:Transparent;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
	}
.MainMenu_RootMenuItemActive{   

	cursor:pointer; 
	cursor:hand; 
	color:#FFFFFF; 
	font-size:14px;
	font-weight:bold;
	background-color:Transparent;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.MainMenu_RootMenuItemSelected
{   color:#0a0a0a;
	cursor:pointer;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;}




/********************************************************************************************** MAIN NAVIGATION LINKS */
.MainMenu_RootMenuItem TD { 
color:#ffffff;
font-size:14px; 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold; 
}

.MainMenu_RootMenuItem TD DIV {
}

.MainMenu_RootMenuItem TD DIV DIV {
}

.MainMenu_RootMenuItem TD DIV DIV DIV{
color:#0a0a0a;
font-size:14px; 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
}             

.MainMenu_RootMenuItemSelected TD { 

}

.MainMenu_RootMenuItemSelected TD DIV {

}

.MainMenu_RootMenuItemSelected TD DIV DIV{

}
.MainMenu_RootMenuItemSelected TD DIV DIV DIV{
color:#0042ad;
font-size:14px; 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
}


/****** ACTIVE MAIN NAVIGATION LINK */
.MainMenu_RootMenuItemActive TD {
color:#0042ad;
font-size:14px; 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
}
.MainMenu_RootMenuItemActive TD DIV {

}
.MainMenu_RootMenuItemActive TD DIV DIV{

}

.MainMenu_RootMenuItemActive TD DIV DIV DIV{
color:#0a0a0a;
font-size:14px; 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
}

/********************************************************************************************** Home Content */
/* ********** Setting Text Throughout the skin ************** */
TH,TD,DIV{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#606060; }
A,A:link,A:visited,A:active{ color:#6c9eb9; text-decoration:none; }
A:hover{ color:#6c9eb9; text-decoration:none; }

/*-- most of the text on site          --*/ .normal,.Normal{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#606060; }
/*-- most of the bold text on site     --*/ .NormalBold { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-family: tahoma; font-size: 14px; font-weight: bold; color: #606060; }
/*-- red text on site for errors       --*/ .NormalRed { color: #C50000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; }
/*-- headings - mostly in admin        --*/ .Head{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:28px; color:#9f0909; }
/*-- subheadings - mostly in admin     --*/ .SubHead{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#9f0909; }
/*-- subheadings - mostly in admin     --*/ .SubSubHead{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#9f0909; }

/* ********** Control Panel Style ************** */
.controlpanel{ background:#FFF; border:#ADADAD solid; border-width:0px 0px 2px; }
.controlpanel IMG{ margin:15px 5px 0px; }
.controlpanel TD TD TD TD IMG{ margin:0px; }
.controlpanel TD TD TD{ width:auto; }
.controlpanel DIV{ border:#CCC solid; border-width:0px 1px; width:3px; height:100px; }
.controlpanel TD.SubHead{ background:#CCC; font-size:12px; color:#000; font-weight:bold; }
.controlpanel TD TD TD .SubHead{ background:transparent; border:0px; font-size:11px; color:#333; font-weight:normal; }
.controlpanel TD TD TD input{ background:#EFEFEF; font-size:11px; color:#000; font-weight:bold; padding-left:4px; }
.controlpanel TD TD TD select{ background:#EFEFEF; font-size:11px; color:#333;}
.controlpanel A.CommandButton{ font-size:10px; text-decoration:none;}
.controlpanel A.CommandButton:link{ color:#000; }
.controlpanel A.CommandButton:visited{ color:#000; }
.controlpanel A.CommandButton:active{ color:#000; }
.controlpanel A.CommandButton:hover{ color:#FF9900; text-decoration:underline;} 
.CommandButton,A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active{ font-size:11px; color:#8C3318; text-decoration:none; 

font-weight:normal; }
A.CommandButton:hover{ color:#FB9409; text-decoration:none; font-size:11px; font-weight:normal; }

#additional_top_wrap{
	display:block;
	width:920px;
	padding:0px 20px 10px 20px;
	background-color:#FFF;
	}
#banner{
	position:relative;
	display:block;
	width:920px;
	height:305px;
	background:center bottom url('../images/banner-bg.jpg') no-repeat;
	border-bottom:1px #999 dotted;
	}
#banner_internal{
	position:relative;
	display:block;
	width:920px;
	height:201px;
	background:center bottom url('../images/banner-bg2.png') no-repeat;
	border-bottom:1px #999 dotted;
	}

.clear_banner{
	position:relative;
	clear:both;
	display:block;
	width:415px;
	height:20px;
	}	
	
#banner #mygallery{
	position:absolute;
	right:45px;
	top:21px;
	z-index:80;
	}	

.stepcarousel{
	position: relative; /*leave this value alone*/
	border: 4px solid #FFF;
	overflow: scroll; /*leave this value alone*/
	width: 390px; /*Width of Carousel Viewer itself*/
	height: 258px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0px; /*margin around each panel*/
	width: 390px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. 

*/
}	
	
	
#feature_sections{
	position:relative;
	display:block;
	width:920px;
	padding:0px;	
	border-bottom:1px #999 dotted;
	
	}
#feature_sections .block{
	display:inline;
	float:left;
	width:300px;
	margin:10px 10px 0px 0px;
	background-color:#DFDFDF;
	padding:15px 0px 0px 0px;
	}
#feature_sections .last{
	margin-right:0px!important;
	}
#feature_sections .block .title{
	font-size:18px;
	}
#feature_sections .block .description{
	padding:0px 15px 10px 15px;
	}
#feature_sections .block .block_link{
	display:block;
	width:270px;
	background-color:#575757;
	padding:5px 15px;
	color:#f2ba10;
	text-decoration:none;
	}
#feature_sections .block .block_link:hover{
	background-color:#f2ba10;
	color:#fff;
	}	

.clear{
	position:relative;
	clear:both;
	display:block;
	width:920px;
	height:10px;
	}

/********************************************************************************************** Global Content */
#content_wrap{
	display:block;
	width:920px;
	padding:20px;
	background-color:#FFFFFF;
	border:none;
	z-index: 99;
	}
#content_portfolio_wrap{
	display:block;
	width:940px;
	padding:20px 0px 20px 20px;
	background-color:#FFFFFF;
	}
/********************************************************************************************** Content */
#content{
	display: inline;
	float:left;
	width:560px;
	padding:0px;
	background-color:#FFFFFF;
	border:0;
	z-index: 99;
	}


#content_portfolio{
	position:relative;
	display:block;
	width:940px;
	padding:0px;
	}
#content_portfolio .project-box{
	display: inline;
	width:289px;
	float:left;
	margin-right:24px;
	margin-bottom:40px;
	}
#content_portfolio .project-box a img{
	border:4px #CCC solid;
	margin-bottom:5px;
	}

.tagline{
	display:block;
	width:920px;
	line-height:45px;
	padding:20px 0px 40px 0px;
	background-color:#FFF;
	font-size:48px;
	color:#000;
	border-bottom:1px #333 dotted;
	}
.tagline table tr td{
	vertical-align:top;
	padding:10px 0px;
	
	}
.post{	margin-bottom:25px;}
.post img{ border: 0px #DFDFDF solid;}
.post .entry_link{
	text-align:center;
	display:block;
	width:100px;
	padding:1px 0px;
	margin-top:10px;
	}
.post .entry_link:hover{
	color:#FFF;
	}
.post .date{
	width: 50px;
	height: 50px;
	background-color:#333;
	float:left;
	margin-right: 15px;
	text-align:center;
	padding-top:3px;
	color:#FFF;
	}
.post .date span{
	font-size:20px;
	display:block;
	}
.post .title{
	width: 478px;
	float:left;
	vertical-align:text-top;
	}
small span {
	color:#000;}
.post .comments{
	width: 52px;
	height: 41px;
	background: url(../images/comment.jpg) no-repeat;
	float:right;
	margin-right: 15px;
	font-size:22px;
	color:#FFF;
	text-align:center;
	padding-top:3px;
	}
.post .comments:hover{
	background: url(../images/comment_hover.jpg) no-repeat;
	color:#FFF;
	}
.post-clear{ 
	clear:both;
	display:block;
	width:610px;
	height:1px;
}
.post .entry{
	display:block;
	font-size: 13px;
	line-height:24px;
	}
	
/********************************************************************************************** Contact Form */
span.red{
	color:#F00;}
.message{
	display:block;
	width:90%;
	padding:10px;
	margin:0px auto;
	background-color:#C5C5C5;
	border:1px #999 solid;
	text-align:center;
	font-size:16px;
	}	
#commentForm { 
	width: 563px; 
	}
#commentForm label.error { 
	width: 250px; text-align:left;  color: #F00; font-size:12px;
	}
#commentForm label.error{
	display:block;
	}

#commentForm input.submit:hover { 
 	background-color:#000000;
	}	
table.quote-form {
	margin:20px 0px;

	}
table.quote-form tr td{
	border:0px!important;
	}
table.quote-form tr td.field-name{
	width:150px;
	padding:12px;
	text-align:right;	

	}
table.quote-form input, table.quote-form select, table.quote-form textarea{
	width:330px;
	background-color:#E9E9E9;
	border:1px #C5C5C5 solid;
	padding:5px;
	}
table.quote-form select{
	width:342px;
	background-color:#E9E9E9;
	}
table.quote-form textarea{
	width:330px;
	height:200px;
	background-color:#E9E9E9;
	border:1px #C5C5C5 solid;
	padding:5px;
	}
table.quote-form .submit{
	width:79px;
	height:25px;
	display:block;
	border:0px;
	padding:0px;
	background:top left url('../images/submit.jpg') no-repeat;
	cursor:pointer;
	}
table.quote-form .submit:hover{
	background:top left url('../images/submit_on.jpg') no-repeat;
	
	}	
	

/********************************************************************************************** Sidebar*/
#sidebar{
	display: inline;
	margin-top: 0px;
	float:left;
	width:270px;
	padding:0px;
	background-color:#FFFFFF;
	}
#advertising{
	height:330px;
	}
#contact_info table tr td{
	padding:2px 20px 0px 0px;
	vertical-align:top;
	}
/********************************************************************************************** Footer */
#footer_wrap{
	display:block;
	width:960px;
	}
	
#top_footer{
	position:relative;
	display:block;
	width:100%;
	background-color:#575757;
	padding:0px 0px 0px 0px;
	color:#FFF;
	}
.links_block{
	display:block;
	width:250px;
	float:left;
	margin:20px 20px 20px 0;
	}
.twitter_block{
	display:block;
	width:290px;
	float:right;
	margin:20px 0 20px 20px;
	}
.twitter_block #twittme{
	position:absolute;
	display:block;
	width:200px;
	height:90px;
	right:20px;
	bottom:0px;
	cursor:pointer;
	background: bottom right url(../images/Twitter_Bar_off.png) no-repeat;
}
.twitter_block #twittme:hover{
	background: bottom right url(../images/Twitter_Bar.png) no-repeat;
}
#top_footer h4{
	color:#dadada;
	padding-bottom:10px;}
#top_footer a{
	color:#FFF;
	}	
#bottom_footer{
	position:relative;
	margin-top: 15px;
	display:block;
	width:890px;
	height:30px;
	background: url(../images/ccc_sm_logo.png) no-repeat;
	padding:4px 0 0 50px;
	font-size:13px;
	color:#b3b3b3;
	
}
#bottom_footer .footer_menu{
	position:absolute;
	right:0px;
	top:20px;
	}
#bottom_footer .footer_menu a{
	display:inline-block;
	float:right;
	color:#b3b3b3;
	padding:4px 0px 0px 20px ;
	}
#bottom_footer .footer_menu a:hover{
	color:#FFF;
	}
	



/* ********** Pane Padding ************** */
.NamePane{ padding:2px 6px 3px 6px; width:600px;z-index: 99;}
.BanPane{ padding:0px 0px 0px 0px;z-index: 99;}
.HeaderPane{ padding:3px 0px 4px 0px;z-index: 99;}
.UpperPane{ padding:3px 0px 4px 0px;z-index: 99;}
.LeftNav2{ padding:7px 6px 0px 0px;z-index: 99;}
.TopLtPane{ padding:8px 0px 3px 0px;z-index: 99;}
.TopMidPane{ padding:3px 3px 3px 0px;z-index: 99;}
.TopRtPane{	padding:3px 0px 3px 3px;z-index: 99;}
.LeftPane{	padding:3px 0px 3px 0px; width:35%;z-index: 99;}
.ContentPane{ padding:2px 6px 3px 6px; width:600;z-index: 99;}
.RightPane{	padding:3px 0px 3px 0px; width:270px;}
.MidLeftPane{ padding:3px 3px 3px 0px; width:100%;z-index: 99;}
.MiddlePane{ padding:3px 3px 3px 3px; width:100%;z-index: 99;}
.MidRightPane{ padding:3px 0px 3px 3px;	width:100%;z-index: 99;}
.BotLeftPane{	padding:3px 3px 3px 0px;z-index: 99;}
.BotLtMidPane{ padding:3px 3px 3px 3px;z-index: 99;}
.BotRtMidPane{ padding:3px 3px 3px 3px;z-index: 99;}
.BotRightPane{	padding:3px 0px 3px 3px;z-index: 99;}
.BottomPane{ padding:3px 0px 3px 0px;z-index: 99;}
.LowerPane{ padding:3px 0px 3px 0px;z-index: 99;}
.FooterPane{ padding:6px 0px 3px 0px;z-index: 99;}


/* ********** Login Style ************** */
.login,a.login:link,a.login:active,a.login:visited,.login{	color:#3d3d3d;	text-decoration:none;	font-weight:normal;	

font-size:12px;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
a.login:hover{	color:#f6bc12;	text-decoration:none;	font-weight:normal;	font-size:12px;	font-family: "Trebuchet MS", Arial, 

Helvetica, sans-serif;}

/* ********** User Style ************** */
.user,a.user:link,a.user:active,a.user:visited,.user{	color:#3d3d3d;	text-decoration:none;	font-weight:normal;	font-size:12px;	

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
a.user:hover{	color:#f6bc12;	text-decoration:none;	font-weight:normal;	font-size:12px;	font-family:"Trebuchet MS", Arial, Helvetica, 

sans-serif;}
	
/* ********** Date Style ************** */
.date,a.date:link,a.date:active,a.date:visited{	color:#8C8C8C;	text-decoration:none;	font-weight:normal;	font-size:11px;	font-family: 

"Lucida Grande", "Lucida Sans"; padding: 4px 8px 0 17px;}
a.date:hover{	color:#ff9356;}

/* ********** Breadcrumb Style ************** */
.breadcrumb,a.breadcrumb:link,a.breadcrumb:active,a.breadcrumb:visited{ font-size:10px; color:#333333; text-decoration:none; 

font-weight:normal; font-family: "Lucida Grande", "Lucida Sans";}
a.breadcrumb:hover{	font-size:10px; color:#f6bc12; text-decoration:underline; font-weight:normal; font-family: "Lucida Grande", "Lucida 

Sans";}


/* ********** Copyright Style ************** */
.copyright,a.copyright:link,a.copyright:active,a.copyright:visited{	font-size:11px; color:#333333; text-decoration:none; 

border-bottom:0px dotted; font-weight:Normal;}
a.copyright:hover{	color:#ff9356; text-decoration:none; font-weight:Normal;}

/* ********** Privacy/Terms Style ************** */
.terms,a.terms:link,a.terms:active,a.terms:visited{	font-size:11px; color:#f6bc12; text-decoration:none; font-weight:Normal; 

border-bottom:1px dotted;}
a.terms:hover{	color:#161616; text-decoration:none; font-weight:Normal; border-bottom:0px dotted;}

/* ********** Links Style ************** */
.links,a.links:link,a.links:active,a.links:visited{	font-size:14px; color:#FFFFFF; text-decoration:none; font-weight:normal; font-family: 

"Trebuchet MS", Arial, Helvetica, sans-serif;}	
a.links:hover{	color:#ff9356; text-decoration:underline; font-weight:normal;}



/* ********** Other Style ************** */
#user{ position:absolute; height:18px; top:8px; right:8px; text-align:right; z-index:3; }