@charset "UTF-8";

/* CSS Document                  */
/* Written by Chris Converse     */
/* for Lynda.com                 */


body { font-family: Arial; color: #000; font-size: .75em; background: #ffffff url(../images/background-pattern.gif) center top;
}

h1 { margin: 0px; color: #fff; font-size: 1.75em; letter-spacing: 2px; font-weight: normal; }
h2 { margin: 0px; color: #555; font-size: 1.25em; letter-spacing: 19px; font-weight: normal; text-transform: uppercase; }

p { margin: 0px 0px 15px 0px;  }
a img { border: none; }
a { color: #ffffff; }
a:hover { color: #cbcb25; }

a.contactLink { font-size: .8em; background: url(../images/template/link_email.png) no-repeat 0px right; padding: 0px 30px 0px 0px; text-transform: uppercase; text-decoration: none }
a.zoom { font-size: .8em; background: url(../images/template/link_zoom.png) no-repeat 0px 0px; padding: 0px 0px 5px 20px; text-transform: uppercase; text-decoration: none }

.clear_both { clear: both; line-height: 1px; }

.shell {width: 880px; margin: auto; background: #75750f; padding: 0px 30px 0px 30px; margin-top: 20px;}

/* .banner {width: 840px; height: 257px; position: relative; margin: 0px 20px 0px 20px; background:url(../images/ccinc-header.jpg) no-repeat 0px 0px;} */

.banner {width: 840px; height: 257px; position: relative; margin: 0px 20px 0px 20px; z-index:200;}


#navbar { /*border: 1px solid #00ff00;*/ position: absolute; z-index:500;}


.content_container {width: 840px; position: relative; margin: 0px 20px 30px 20px; }

.content_top {
	width: 840px; 
	margin: 0;
	padding: 0;
	height: 86px;
}
.content_main {
	width: 840px; 
	margin: 0;
	padding: 0px 0px 30px 0px; 
}

.content_text {
	width: 720px; 
	margin: 0px 105px 0px 105px;
	padding: 0;
	font-size: 15px;
	line-height: 18px;
}

.content_text li{
	font-size: 15px;
	line-height: 21px;
}

#footer {
	padding: 10px 0px 0px 0px;
	height: 40px;
	border-collapse: collapse;
}
	
#footer p { font-size: .9em;
	text-align: center;
	margin: 0;
	line-height: 1.5em;
	color: #dad6c3;
}

#footer a.text:link, a.text:visited; a.text:hover, a.text:active {color: #cbcb25; text-decoration: none;}
a.text:hover {color: #cbcb25; text-decoration:none;
}	

#footer a.icon:link, a.icon:visited; a.icon:hover, a.icon:active {color: #cbcb25; text-decoration: none;}
a.icon:hover {color: #cbcb25; text-decoration:none;
}	
	

.clearFloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
    font-size: 0;
    line-height: 0;
}	


/* ******************** drop down menus ******************** */
/* source: http://htmldog.com/articles/suckerfish/dropdowns/ */
ul#nav {
	position: absolute;
	top: 93px;
	left: 340px;
	width: 450px;	/*border: 1px solid #ff00ff;*/
}
ul#nav, ul#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
ul#nav ul {
	margin: 0;
}
ul#nav a {
	display: block;
	width: 90px;      /* sets a default width */
	height: 25px;
	text-align: left;
	padding: 10px 0 0 10px;
	color: #89cc26;
	background: #375201;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 12px;
	letter-spacing: 0px;
}
ul#nav a:hover {
	color: #ffffff;
	/* background: #a0a9b6; */
}
/* one level down */
ul#nav ul a {
	font: 100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	letter-spacing: 0px;
}
ul#nav ul a:hover {
	background: #c9e8fa; 
	color: #000000;
}
ul#nav li {
	float: left;
	width: 99px;
	margin: 0px;
}
ul#nav li ul {
	position: absolute;
	left: -999em;
	/* border: 1px solid #33381d; */
	width: 175px;                /* = (width of 'ul#nav .drop1') + (padding of 'ul#nav a.drop1') */
	opacity: 0.90;               /* for all modern standards-compliant browsers */
	text-transform: none;
	letter-spacing: 0px;
	/* make pull-downs transparent: */
	filter:alpha(opacity=90);    /* <-- for ie */
	-moz-opacity:0.90;           /* <-- optional: for old versions of netscape navigator only */
	-khtml-opacity: 0.90;        /* <-- optional: for safari 1.x only */
}
ul#nav li:hover ul {
	left: auto;
}
ul#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
/* set custom widths on top-level buttons */
ul#nav .btn1 { width: 100px; }
ul#nav .btn2 { width: 100px; }
ul#nav .btn3 { width: 100px; }
ul#nav .btn4 { width: 100px; }



/* set custom widths and padding for first-level pulldown block */
ul#nav .drop1, ul#nav .drop2 { 
	width: 155px; 
	background-color: #b27842;
}
ul#nav a.drop1, ul#nav a.drop2 { 
	padding: 5px 5px;
	color: #2f341f; 
}
ul#nav .drop2 {
	width: 155px;
}
/* ******************** end drop down menus ******************** */
	

#tip7-title { text-align: left; }

#tip7-title b { display: block; margin-right: 80px; }

#tip7-title span { float: right; }


.gallery_data { padding: 40px; display: none; }
.gallery_preload_area { display: none; }


/* .gallery_credit { margin: 0px 0px 10px 15px; float: left; width: 425px; } */
/* .gallery_type { margin: 0px 0px 10px 0px; float: left; width: 500px; text-align: right; padding: 4px 0px 0px 0px; } */

/*.gallery_top {
	margin: 0px;
	padding: 0px;
	height: 86px;
	background: url(../images/portfolio-pg-head.jpg) no-repeat 0px 0px;
} */
/* .gallery_content {
	margin: 0px;
	padding: 15px 0px 1px 0px;
    height: 280px;
} */

.gallery_thumbnails { width: 840px; height: 280px; margin-left: 0px; }
.gallery_thumbnails a {
	display: block;
	height: 75px;
	width: 75px;
	float: left;
	border: 1px solid #dbc41c;
	margin: 0px 7px 7px 0px;
}
.gallery_thumbnails a:hover { border-color: #fff; }
.gallery_thumbnails a.selected { border-color: #fff; }

.gallery_preview { width: 700px; height: 541px; margin-left: 70px; float: left; }
.gallery_preview a { display: block; width: 700px; height: 541px; border: 1px solid #555; }
.gallery_preview a:hover { border-color: #fff; }

.gallery_contact { width: 477px; height: 60px; margin-left: 40px; padding-right: 23px; float: left; text-align: right; }
.gallery_caption { width: 700px; margin: 15px 70px 10px 70px; float: left; }


/* Hide for browsers with no JavaScript support */

.gallery_data { display: block }
.gallery_thumbnails { width: auto; }
.gallery_preview { display: none; }
.gallery_caption { display: none; }