/* MAIN FONT & BG COLOR
============================ */
*{
	margin:0;
	padding:0;
}
body {
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.3em;
	background: #F9F9F9;
}
.first {
	font: normal 1.4em/1.1em Georgia, "Times New Roman", Times, serif;
}

/* PRIMARY LINK COLORS
=============================== */
a, a:visited {
	color: #999900;
	text-decoration: none;
}
a:hover {
	color: #bebebe;
	text-decoration: none;
}


.highlitecolor{color: #979800;}


/* TOP MAIN NAV
===================== */
#navwrap {
	width:960px;
	background: url(../images/tnavbg.jpg) repeat-x;
	height: 61px;
	color: #999999;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	overflow: hidden; /*to enclose the floats*/
}

#nav {float:left;width:600px;}
#nav2 {float:right;width:300px;}
#nav li{
	float:left;
	padding-top:25px;
	display:inline;
	color:#999999;
	font:  0.8em Georgia, "Times New Roman", Times, serif;
}
#nav2 li{
	float:right;
	padding-top:25px;
	display:inline;
	color:#999999;
	font:  0.8em Georgia, "Times New Roman", Times, serif;
}
#nav li a, #nav2 li a {
	color:#999999;
	text-decoration:none;
	padding-right: 8px;padding-left: 8px;
}
#nav li.first a {
	padding-left: 0;
	padding-right: 5px;
	font-weight: normal;
}
#nav li.contact a{
		padding-right: 0em;
	
}
#nav li.home a{padding-right: 0;
	padding-left: 0;

	
}
/* TOP NAV HOVER COLOR  */
#nav li:hover a,#nav2 li:hover a,
#nav li.sfhover a ,#nav2 li.sfhover a /* IE */ {
	color: #90a107;
}

/* TOP NAV ACTIVE COLOR  */
#nav li.active a {
	color: #999999;
}
#nav .dividers,#nav2 .dividers{
	padding-top:28px;
	font:  0.3em Georgia, "Times New Roman", Times, serif;
	color: #999999;
}
/*inner nav */
#innernav{
	border-bottom: 1px solid #dddddd;
	line-height: 1.2em;
}
/* Sub Nav  */
#nav ul {
	position: absolute;
	top: 152px;
	left: 0;
	display: none;
	margin: 0px 0 0 -1px;
	padding:5px 0 0 0;
	list-style: none;
	border: solid #dddddd 1px;
	width: 230px;
	background: #F9F9F9;
	border-top:none;
}

#nav ul li {
	white-space: nowrap;
	width:100%;
	float: left;
	padding:5px;
}

/* display block will make the link fill the whole area of LI */
#nav ul a {
	display: block;
	height: 15px;
}

#nav ul a:hover {
}
*html #nav ul {
	margin: 0 0 0 -2px;
}

/* CONTENT AREAS
===================== */
#contentheader{
	width:960px;
	height:80px;
}
	
#content {
	color: #666666;
	font: normal 0.8em/1.5em Georgia, "Times New Roman", Times, serif;
	border-top: 1px solid #dddddd;
	width: 960px;
	border-bottom: 1px solid #dddddd;
}
#contenthome {
	color: #666666;
	font: normal 0.8em/1.5em Georgia, "Times New Roman", Times, serif;
	border-top: 1px solid #dddddd;
	background:  url('../images/contentbg.jpg') repeat-y;
	width: 960px;
	border-bottom: 1px solid #dddddd;
}
#contentinner {
	color: #666666;
	font: normal 0.8em/1.5em Georgia, "Times New Roman", Times, serif;
	border-top: 1px solid #dddddd;
	background:  url(../images/contentbg2.jpg) repeat-y;
	width: 960px;
}
#contentIleft{
	width:610px;
	padding-right:20px;
	padding-top: 20px;
}
#contentIright{
	float: right;
	width: 309px;
	padding-left: 20px;
	padding-top: 20px;
	border-left: 1px solid #dddddd;
}
#contentHleft{
	width:450px;
	padding-right:15px;
	padding-top: 5px;
	padding-bottom: 20px;
}
#contentHright{
	float: right;
	width: 445px;
	padding-left: 20px;
	padding-top: 5px;
}
#contentport {
	color: #666666;
	border-top: 1px solid #dddddd;
	font: normal 0.7em/1.5em Georgia, "Times New Roman", Times, serif;
	width: 960px;
}
#services{
	color: #666666;
	background: transparent url(../images/contentbg2.jpg) repeat-y;
	font: normal 0.8em/1.5em Georgia, "Times New Roman", Times, serif;
	border-top: 1px solid #dddddd;
	width: 960px;	
	
}
#homeextra{clear:both;}

/*Inner layout
======================= */
#innerleft{float:left;width:620px;}
#innerright{float:right;width:280px;}

/*right layout
======================= */
.rightwrap{
	border-bottom: 1px solid #dddddd;
	margin-bottom:15px;
	padding-bottom: 10px;
}
.rightwrap h2{margin-top: 0;}
.rightwrapbase {
	margin-bottom:15px;
	padding-bottom: 10px;
	padding-top: 0px;
	margin-top: 0px;
}



.port {
}
	
/* ul layouts for 3 and 4 columns
======================= */

.row {padding-bottom:20px;font-size: 11px;
	font-style: italic;
	color: #666666;}
.row ul{float:left;display:inline;}
.row li {
	float:left;
	display:inline;
	width: 304px;
	height: 240px;
	text-align:left;
	padding-left: 20px;
}

	.row li img{
}
	.row li.left{padding-left: 0;}
	/*3 column*/
.port3 {
	padding-bottom:20px;
	font-size: 11px;
	font-style: italic;
	color: #666666;
	padding-top: 30px;
}
.port3 ul{float:left;display:inline;}
.port3 li {
	float:left;
	display:inline;
	width: 225px;
	height: 270px;
	text-align:right;
	padding-left: 20px;
}
.port3 li img{border: 10px solid #eeeeee;}
	.port3 li.left{
	padding-left: 0;
}
	
/* FOOTER
===========================*/

#footer {	
	color: #fff;
	background: #eeeeee;
	
}


#footer a{color: #ffffff;}
#footer a:hover{color: #333333;}
#section1{
	float: left; /* Sets this section to the left */
	width: 320px;
	padding-left: 12px;
	
}
	#column1 {
        float: left; /* Sets this column to the left inside its section */
       width: 160px;
    }
#column1 p{
	font: 12px/.75em Georgia, "Times New Roman", Times, serif;
}
    #column2 {
        float: right; /* Sets this column to the right inside its section*/
      width: 158px;
    }
 #column2 p{
	font: 12px/.75em Georgia, "Times New Roman", Times, serif;
}
#section2{
	float: right; /*Sets this sectionto the right */
	width: 627px;
}
 	#column3 {
        float: left; /* Sets this column to the left inside its section */
        font: 12px/1.0em Georgia, "Times New Roman", Times, serif;
        width: 167px;
    }

    #column4 {
        float: right; /* Sets this column to the right inside its section*/
        text-align:right;
        width: 280px;font: 12px/1.0em Georgia, "Times New Roman", Times, serif;
    }


/* MISC
===========================*/
.darker{
	color:#000000;
	font-size: 12px;
}
.lg{font-size:15px;}
.footerqu{
	padding-top:40px;
	font-size:28px;
	font-weight: normal;
	line-height: 1.2em;
}
.logobrd img{border: 5px solid #ededed;}
.picr{float:right;}
.clearleft{clear:left;height:0;}
.clear{clear:both;height:0;}
.rightwrapbase h2 {
	margin-top: 0;
}
#slider{}	
#slider ul, #slider li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#slider li {
	width:960px;
	height: 350px;
	overflow: hidden;
}
#prevBtn, #nextBtn {
	text-indent: -1000em;
	display: block;
	width: 30px;
	height: 77px;
	position: absolute;
	left: -15px;
	top: 325px;
}
#nextBtn {
	left: 932px;
}
										
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(../images/btn_arrow_left.png) no-repeat 0 0;	
	
	}	
#nextBtn a{ 
	background:url(../images/btn_arrow_right.png) no-repeat 0 0;	
	}
hr {
	border-color: #DDDDDD;
	border-top-width: 1px;
}
.line {
	border-bottom: 1px solid #DDDDDD;
}
/* Gallery Style
===========================*/
.cover{
	top:260px;
}
.boxgrid {
	width: 304px;
	height: 201px;
	float: left;
	overflow: hidden;
	position: relative;
	margin:0 13px 13px 0;
}
.boxgrid h3{
	margin-top:5px;
	color:#FFF;
}
.boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.boxgrid p {
	padding: 0 10px 0 0px;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;
	line-height: 0px;
}

.boxcaption {
	text-indent:10px;
	float: left;
	position: absolute;
	margin-top:-10px;
	background: #000;
	height: 80px;
	width: 304px;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.cover_logo{
	top:260px;
}
.boxgrid_logo {
	width: 205px;
	height: 201px;
	float: left;
	overflow: hidden;
	position: relative;
	margin:0 14px 14px 0;
	border: 10px solid #eeeeee;
}
.boxgrid_logo h3{
	color:#FFF;
	margin-top:5px;
}
.boxgrid_logo img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.boxgrid_logo p {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 8pt;
	line-height: 0px;
	padding: 0 10px 0 0px;

}

.boxcaption_logo {
	text-indent:10px;
	float: left;
	position: absolute;
	margin-top:-10px;
	background: #000;
	height: 100px;
	width: 225px;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull .boxcaption {
	top: 260;
	left: 0;
}
.caption .boxcaption {
	top: 220;
	left: 0;
}

/* Gallery Lightbox
===========================*/

#jquery-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img
{
	border: none;
}
#lightbox-container-image-box-top
{
	width: 100%;
}
#lightbox-container-image-box-top-left
{
	width: 10%;
	height: 1px;
	position: relative;
	margin: 0 auto;
	float: left;
	z-index: 10;
	display: inline;
	text-align: left;
}
#lightbox-container-image-box-top-middle
{
	width: 80%;
	padding-top: 5px;
	height: 5px;
	position: relative;
	margin: 0 auto 0 0px;
	float: left;
	z-index: 5;
	display: inline;
}
#lightbox-container-image-box-top-middle div.progress
{
	width: 80%;
	padding-top: 5px;
	height: 5px;
	position: relative;
	margin: 0 auto 0 0px;
	float: left;
	background-color: #e4e4e4;
	z-index: 5;
	display: inline;
}
#lightbox-container-image-box-top-right
{
	width: 10%;
	height: 1px;
	position: relative;
	margin: 0 auto;
	float: right;
	text-align: right;
	z-index: 10;
	display: inline;
}
#lightbox-container-image-box
{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image
{
	height: 100%;
	padding: 10px;
}
#lightbox-loading
{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav
{
	position: absolute;
	top: 32px;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav
{
	left: 0;
}
#lightbox-nav a
{
	outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext
{
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev
{
	left: 0;
	float: left;
}
#lightbox-nav-btnNext
{
	right: 0;
	float: right;
}
#lightbox-container-image-data-box
{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
	text-align: left;
}
#lightbox-container-image-data #lightbox-image-details
{
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption
{
	font-weight: normal;
	display: block;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
}
#lightbox-image-details-currentNumber
{
	display: block;
	clear: left;
	padding-bottom: 1.0em;
	display: inline;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
}
#lightbox-image-details-previous-image, #lightbox-image-details-previous-text, #lightbox-image-details-next-image, #lightbox-image-details-next-text
{
	display: inline;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
}
#captcha{
	margin-left:175px;
}
.bold {
	font: italic normal 1.2em/1.1em Georgia, "Times New Roman", Times, serif;
}
