/*** GLOBAL  ***/
html,body{height:100%; min-height:100%}
body {
	font-family: Century Gothic, Arial, Tahoma, Verdana;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#fff;
	line-height:20px;
	background-color:#000;
}


* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #f2f2f2;
	background-color: #f2f2f2;
	height: 1px;
	margin:5px 0px 5px 0px;
	padding:0px;
}
*+html hr{margin:0px 0px 5px 0px;}

hr.dotted{background-image:url(/images/dotted-horizontal.gif) !important; border:0px; background-repeat:repeat-x;}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2{margin-bottom:12px; font-family: Century Gothic, Arial, Verdana; font-weight:normal; color:#99cc33}
h3, h4, h5, h6{margin-bottom:8px; font-family: Century Gothic, Arial, Verdana; font-weight:normal; color:#000;  letter-spacing:-1px}
h1 {font-size:28px; line-height:30px;}
h2 {font-size:22px; line-height:24px;}
h2 a {color:#99cc33}
h3 {font-size:18px; line-height:20px;}
h4 {font-size:14px; line-height:15px;}
h5, h6 {font-size:13px; line-height:15px;}
/* links */
a, a:visited {color:#fff; text-decoration:none;}
a:hover{color:#99cc33; text-decoration:underline;}
a img{border:none}
.imgleft{float:left; margin-right:15px; margin-top:5px;}
.imgborder{padding:0px; margin:5px 0px;}
.imgright{float:right; margin-left:15px;}
.imgcenter{ margin:5px 0px 10px 0px; display:block; text-align:center}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	margin-bottom:20px;
}
ul, ol {
	margin:10px 0 20px 20px;
}
li ol,
li ul
{
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
	
blockquote {
	font-size:12px;
	margin:20px 0 20px 0px;
	color:#6b6b6b;
	padding:15px 20px 10px 35px;
	background-image:none;
	line-height:20px;
	border-left:solid 5px #99cc33;
	background-color:#f6f6f6;
	}

/* code */
code {
	font-family: Century Gothic, Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #e0e0e0;
	padding:15px 10px;
}

/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#wrapper{width:100%;}

#container{width:940px; margin:0 auto; padding:0px 30px; background-color:#666;border-left:4px #ddd solid;border-right: 4px #ddd solid; }

/* TOP */
#top{height:110px; border-top:solid 4px #99cc33; padding:8px 0px 22px 0px}
#logo h1, #logo h1 a, #logo h1 a:visited{font-size:48px; color:#99cc33; margin-bottom:0px;}
#logo h1 a:hover{text-decoration:none;}
#logo .t1{color:#656253;}
#logo .desc{color:#7c7a6b; font-size:14px;}


/* NAVIGATION */
#topnavigation{background-image:url(/images/dotted-horizontal.gif); background-repeat:repeat-x; background-position:0px 1px; border-bottom:solid 1px #bbb; height:34px;}
#topnav{float:left}
#topnav ul{list-style-type:none; margin:0px; padding:0px 0px 0px 0px;}
#topnav ul li{list-style-type:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;color:#b9b9b9; background-image:url(/images/menu-separator.gif); background-repeat:no-repeat; background-position:0px 12px}
#topnav ul li li{padding:0px;}
#topnav ul li.home{background-image:none;}
#topnav ul li.active{border-top:solid 3px #99cc33;}
#topnav ul li a, #topnav ul li a:visited{color:#000;}
#topnav ul li a:hover{color:#fff; text-decoration:none}
#topnav li li a {padding-left:10px;}
#topnav li li li a {padding-left:10px;margin: 0 0 0 -5px;border-top:0px;}
#topsearch{width:255px; float:right; padding:7px 0px 0px 0px;}
#topsearch form p{margin:0px;}
*+html #topsearch {padding:5px 0px 0px 0px;}/* ie 7 only */
* html #topsearch {padding:5px 0px 0px 0px;}/* ie 6 only */
.inputbox{border:solid 1px #c4c3ba; padding:2px 2px 2px 2px; margin-right:3px; vertical-align:middle; width:170px}
.but{border:solid 1px #363637; font-family: Century Gothic, Arial; font-size:11px; background-color:#000; color:#fff; padding:2px 10px;  cursor:pointer; vertical-align:middle; text-transform:uppercase}
a.but, a.but:hover{text-decoration:none; color:#fff; padding:6px 10px !important}
*+html .but{padding:2px 3px 1px 3px !important;}/* ie 7 only */
* html .but{padding:2px 3px 1px 3px !important;}/* ie 6 only */

/* HEADER */
#header{height:350px; clear:left; margin:10px 0px 0px 0px; border-bottom:solid 1px #7c7a6b; position:relative}
#header-inner{background-image:url(/images/dotted-horizontal.gif); background-repeat:repeat-x; background-position:bottom; padding:35px 0px 20px 0px}
#header-inner h1.pagetitle{margin:0px; color:#fff; font-size:36px;}
#slideshow ul{margin:0px; padding:0px; list-style-type:none;}
#slideshow ul li{margin:0px; padding:0px; list-style-type:none;}

/* CONTENT */
#content{margin:20px 0px; width:940px}
#contentGallery{margin:20px 0px; width:940px}
#content-full{margin:20px 0px}
#content-left{width:650px; float:left;}
#content-right{width:290px; float:left;}
#maintext{padding:0px 20px 20px 0px}
ul.inline{list-style-type:none; padding:0px; margin:20px 0px 20px 0px}
ul.inline li{list-style-type:none; padding:0px; margin:0px 20px 0px 0px; display:inline; float:left; width:196px}
ul.inline li.nomargin{margin:0px;}
ul.inline h2{margin:10px 0px 5px 0px;}
ul.checklist{list-style-type:none; padding:0px; margin:0px}
ul.checklist li{list-style-type:none; padding:0px 0px 0px 20px; margin:0px; background-image:url(/images/checklist-trans.gif); background-repeat:no-repeat; background-position:0px 5px;}
* html ul.checklist li{ padding:0px 0px 0px 30px !important;}/* ie 6 only */
#sideright{padding:0px 0px 0px 30px}
#sideright h2{margin-bottom:8px;}
#sideright ul{list-style-type:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#sideright ul li { background-image:url(/images/arrowlist.gif); background-repeat:no-repeat; background-position:0px 11px; padding:5px 0px 5px 20px}
#sideright ul.newslist li{list-style-type:none; padding:5px 0px 10px 0px; margin:0px 0px 5px 0px;  background-image:url(/images/dotted-horizontal.gif); 
background-repeat:repeat-x; background-position:bottom; line-height:20px}
#sideright ul.newslist li.noline{background-image:none; padding-bottom:0px; margin-bottom:0px;}
#sideright ul li a, #sideright ul li a:visited{color:#fff;}
.box{ background-image:url(/images/dotted-horizontal.gif); background-repeat:repeat-x; background-position:bottom;padding:0px 0px 18px 0px; margin:0px 0px 18px 0px;}
.boxnoline{background-image:none; padding:0px 0px 18px 0px; margin:0px 0px 18px 0px;}
.news-container .box{ background-image:none; padding:0px; margin:0px;}
#sideright blockquote{margin:10px 0px 0px 0px; padding:0px 0px 0px 30px; background:none; border:0px; background-image:url(/images/quote.gif); background-repeat:no-repeat;color:#000}
.small{color:#ccc; font-size:11px;}
span.tblue, span.tblue a, span.tblue a:visited{color:#99cc33 !important; font-weight:bold;}
span.tblue2{color:#2d84b6 !important;}


/* FOOTER */
#footer{padding:10px 0px 40px 0px; width:940px; background-image:url(/images/double-line.gif); background-repeat:repeat-x}
#footer-text{font-size:11px; color:#999689 }

#footer-text a {color:#dadada}

/*GALLERIES */


div#page {
	width: 940px;
	background-color: #000;
	margin: 0 auto;
	text-align: left;
}
div#container {


}


div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width:690px; 
float:left;
}
div.content a, div.navigation a, div.container a {
	text-decoration: none;
	color: #FFF;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
color: #99cc33;
}
div.controls {
	margin-top: 50px;
margin-bottom: 0;
	height: 23px;
}
div.controls a {
	padding: 0 35px 0 0;

}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {

	position: relative;
	clear: both;
	height: 570px; /* This should be set to be at least the height of the largest image in the slideshow */
margin-top:5px;

}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('/images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 698px;
	height: 570px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshowG {

}
div.slideshowG span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshowG a.advance-link {
	display: block;
	width: 698px;
	height: 570px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 570px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshowG a.advance-link:hover, div.slideshowG a.advance-link:active, div.slideshowG a.advance-link:visited {
	text-decoration: none;
}
div.slideshowG img {
	vertical-align: middle;
	padding-right:10px;
}

div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
clear:both;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 698px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
color:#fff;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
	
}
ul.thumbs {
	clear: both;
	margin: 50px 0 0 10px;
	padding: 0;

}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 0 5px 12px;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
	
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
	
}
div.navigation div.bottom {
	margin-top: 12px;
}

div.pagination {	
margin-left:20px;

margin-top:20px;
}

div.pagination a {	
text-decoration:none;
}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 4px;

	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
	background-color: #333;
color: #fff;

}
div.pagination a:hover {
	background-color: #999;

}
div.pagination span.current {
	font-weight: bold;
	background-color: #fff;
	border-color: #fff;
	color: #000;
border: 1px solid #ccc;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}


p, li {
	line-height: 1.8em;
}


div#ads {
	clear: both;
	padding: 12px 0 12px 33px;
}

#testimonials, #testimonials a, #testimonials a:hover
{text-decoration:none}

/* PORTFOLIO */
#gallery-category{padding:0px 0px 10px 0px; margin-bottom:0px; float:left}
#main-gallery{width:100%; margin-bottom:20px; position:relative;}
#main-gallery h4{font-size:16px; line-height:14px; margin:10px 0px 5px 0px;}
#main-gallery ul{list-style-type:none; margin:0px; padding:0px;}
#main-gallery ul li{list-style-type:none; margin:0px; padding:0px 0px 20px 0px; float:left; width:220px; margin-right:10px;  background-image:none; line-height:20px}
#main-gallery ul li.nomargin{margin-right:0px;}
#main-gallery ul li img{margin-bottom:5px; display:block}
#main-gallery ul li a, #main-gallery ul li a:visited{color:#666;}
.portfoliobg { width:210px; height:120px; float:left; background-color:#fff;background:url(/images/hover-opacity.gif) no-repeat top left; margin-bottom:10px}
span.tblue, span.tblue a, span.tblue a:visited{color:#99cc33!important; font-weight:bold;}
#gallery-category h2{float:left;}
ul#navcat{list-style-type:none; margin:0px; padding:5px 0px 0px 10px;float:left}
ul#navcat li{list-style-type:none; margin:0px; padding:0px 5px; float:left}
ul#navcat li a, ul#navcat li a:visited{color:#656253;}
#bottombox{background-color:#e9e9e9; padding:20px 30px; margin-bottom:20px}
.col-l{float:left; width:700px}
.col-r{float:left; padding:40px 0px 0px 50px}


#message{ margin-left:0px;}
#message h2	{}
#message p{margin:6px 0px; }

input.text-input{ margin:4px 8px 4px 0px; width: 280px; height:15px; padding:5px 2px; border:solid 1px #888888; vertical-align:middle}
textarea.text-input{ margin:0px 8px 4px 0px; padding: 5px 2px; border:solid 1px #888888; vertical-align:top; width:380px;}
#contact_form input:focus, #contact_form textarea:focus {border:solid 1px #888888; }
#contact_form input.but{font-size:11px; font-family:Arial;  padding:5px 5px; border:0px; margin-top:10px; cursor:pointer;}
* html #contact_form input.but{padding:6px 6px !important;}/* ie 6 only */
*+html #contact_form input.but{padding:6px 6px !important;}/* ie 7 only */


#maintext img {max-width:940px}
  
/* Stylesheet: coastal-styles Modified On 2012-12-05 17:51:20 */
.jqueryslidemenu{
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
z-index:100;
font-size:12px;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
padding: 7px 15px 6px 15px;
text-decoration: none;
}


.jqueryslidemenu ul li.active a{
padding: 4px 15px 6px 15px; 
}

.jqueryslidemenu ul li.home a{
padding-left:0px;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{

}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0px;
top:28px !important;
display: block;
visibility: hidden;
padding:0px !important;
padding-top:6px !important;
}


/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float:none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
left: 191px !important;
top: -1px !important;
padding-top:0px !important;
border-top:solid 1px #888888;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
width: 160px; /*width of sub menus*/
padding: 6px 15px;
margin: 0;
border: 1px solid #888888;
border-top-width:0px;
background: #666; /*background of tabs (default state)*/
}

.jqueryslidemenu ul li ul li li a{
border-width:0px 1px 1px 1px;
}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
background-color:#000;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 14px;
right: 16px;
}

.rightarrowclass{
position: absolute;
top: 10px;
right: 5px;
}

/* Stylesheet: coastal-slidemenu Modified On 2011-04-07 11:21:48 */