/* ======================================== Generic elements =================================================================  */


body{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	background-attachment: fixed;
	background-color: #0A0A0A;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

h1, h2, h3, h4, h5, h6, h7, p,dl, dt, dd, form, input, ul, li, select{padding:0px;margin:0px;font-weight:normal}
p{line-height:15px}
ul,ol { list-style: none; }
input, select, textarea{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333}
a{color:#9BD1FD; text-decoration:none; outline:none}
a:hover{color:#fff; text-decoration:none}
a img{border:0}

.clear{ clear: both; }


#header:after,#middle:after, #footer:after, #container:after, .content:after, .data:after{ content: "."; display: block; height:0; font-size:0px; clear: both; visibility: hidden; }

/* \*/ * html #header{height:1px} /* */
/* \*/ * html #middle{height:1px} /* */
/* \*/ * html #container{height:1px} /* */
/* \*/ * html #footer{height:1px} /* */
/* \*/ * html .content{height:1px} /* */
/* \*/ * html .data{height:1px} /* */



.colleft{float:left; width:auto }
.colright{float:right;width:auto}


.right{text-align:right}
.center{text-align:center}

.data{width:auto;}
.content{width:100%;}	

h1{	font-size:22px; color:#fff; font-weight:bold; padding:0px 0px 5px;margin:0 0 10px; background:url(../images/dotline.gif) repeat-x left bottom}
h2{font-size:18px; font-weight:bold;}
h3{font-size:16px; font-weight:bold }
h4{font-size:13px; font-weight:bold; }
h5{font-size:12px; font-weight:bold; margin-bottom:5px}
p{padding:0 0 8px}
p.intro{ font-size:12px; line-height:18px;color:#fff}


/* ======================================== Wrapper =================================================================  */

#wrapper{ width:900px;margin:0px auto; padding:0px;}


/* ======================================== Header =================================================================  */


#header{ width:100%;padding:0px; margin:0px;background:url(../images/header.gif) no-repeat 0 0;}
#logo{  width:280px;padding:10px 0px 45px 15px; }	
#logo a{width:432px; height:30px; display:block;}
#logo img{display:block; }

/* ---------------- menubar -------------- */

#menubar{width:780px;float:left}
.menutabs{}
.menutabs ul{ margin-left:25px}

.menutabs li{display:block;float:left;margin:0;padding:0; width:auto}

.menutabs li:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
/* \*/ * html .menutabs li{height:1px} /* */

.menutabs a{float:left;background:url(../images/menu-left.gif) no-repeat 0 0;
margin:0;margin-right: 2px; /*spacing between each tab*/
padding:0 0 0 16px;white-space:nowrap;text-decoration:none;width:auto}

.menutabs a span{float:left;display:block;background:url(../images/menu-right.gif) no-repeat 100% 0;
padding: 8px 16px 6px 0px;font-size:13px;color:#fff;font-weight:bold;cursor:pointer;width:auto}


.menutabs a.current, .menutabs a:hover{ background-position:0 -32px!important; }
.menutabs a.current span, .menutabs a:hover span{background-position:100% -32px; color:#fff;}



/* ========================================= Middle  Structure================================================================  */

#container{padding:23px 0 0; margin:0;width:900px; background:url(../images/middle-top.gif) no-repeat 0 0;}
.mbot{ width:100%; background:url(../images/middle-bot.gif) no-repeat left bottom; height:23px!important;}

#middle{ padding:0px 18px; width:864px; background:url(../images/middle-bg.gif) repeat-y 0 0; }
#middle #main{ float:left;width:615px; padding:0px 12px 0 0}
#middle #right-sidebar{ float:right;width:235px; padding:0 }



/* =============================== middle content styles ==========================================  */
	

/* ---------------- flash banner -------------- */

#flash-section{height:330px; background:url(../images/middle-bg.gif) repeat-y 0 0;}
#flash-section .flash-banner{ position:absolute; margin:-23px 0 0; height:350px; background:url(../images/flash-banner-bg.png) no-repeat 0 0 }



/* ----------------  widget -------------- */

.widget{ width:100%;  margin:0px 0px 12px; padding:0px;}
.widget .top{background:url(../images/widget-tbg.gif) repeat-x 0 0; width:auto; display:block}
.widget .top .tl{background:url(../images/widget-tl.gif) no-repeat 0 0; width:auto; height:12px; display:block}
.widget .top .tr{background:url(../images/widget-tr.gif) no-repeat 100% 0; width:auto; height:12px; display:block; font-size:0}

.widget .blackhead{background:url(../images/widget-black-tbg.gif) repeat-x 0 0; width:auto; display:block}
.widget .blackhead .tl{background:url(../images/widget-black-tl.gif) no-repeat 0 0; width:auto; height:43px; display:block}
.widget .blackhead .tr{background:url(../images/widget-black-tr.gif) no-repeat 100% 0; width:auto; height:43px; display:block; }
.widget .blackhead .tr h2.head{
	color:#9BD1FD;
	font-size:18px;
	font-weight:bold;
	padding:13px 0 0 36px;
	background:url(../images/blackBullet.gif) no-repeat 15px 17px
}

.widget .greyhead{background:url(../images/widget-grey-tbg.gif) repeat-x 0 0; width:auto; display:block}
.widget .greyhead .tl{background:url(../images/widget-grey-tl.gif) no-repeat 0 0; width:auto; height:43px; display:block}
.widget .greyhead .tr{background:url(../images/widget-grey-tr.gif) no-repeat 100% 0; width:auto; height:43px; display:block; }
.widget .greyhead .tr h2.head{color:#fff; font-size:18px; font-weight:bold; padding:13px 0 0 36px; background:url(../images/greyBullet.gif) no-repeat 15px 17px}

.widget .bot{background:url(../images/widget-bbg.gif) repeat-x 0 0!important; width:auto; display:block}
.widget .bl{background:url(../images/widget-bl.gif) no-repeat 0 0; width:auto; height:12px; display:block}
.widget .br{background:url(../images/widget-br.gif) no-repeat 100% 0; width:auto; height:12px; display:block;font-size:0px}

.widget .container{padding:5px 12px;width:auto; background:#343434; border-left:1px solid #4a4a4a; border-right:1px solid #4a4a4a}
.widget .content{width:100%;}

/* ----------------  infiniteCarousel -------------- */

.infiniteCarousel{ width: 600px; position: relative; height:100px}

.infiniteCarousel .wrapper{
  width: 540px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;  height: 120px;  margin: 0 30px;  position: absolute;  top: 0;}

.infiniteCarousel ul a img{ border: 2px solid #ccc; background:#fff; padding:4px}

.infiniteCarousel .wrapper ul{ width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none;
  margin:0;  padding:0;  position: absolute;  top: 0;}

.infiniteCarousel ul li{ display:block; float:left; width:auto;padding: 0px 4px;}
.infiniteCarousel ul li a img{ display:block;}

.infiniteCarousel .arrow{display:block;height:29px!important;width:30px;background-image: url(../images/arrow.gif); background-repeat:no-repeat;background-position:0 0; text-indent: -999px; position:absolute!important;top:35px;cursor:pointer;}

.infiniteCarousel .forward{ background: url(../images/arrow.gif) no-repeat 0 0;right:0;}
.infiniteCarousel .back{ background-position: 0 -58px; left: 0;}
.infiniteCarousel .forward:hover{  background-position: 0 -29px;}
.infiniteCarousel .back:hover{  background-position: 0 -87px;}



/* =============================== right sidebar ==========================================  */

/* ---------------- widget blue -------------- */

.rightside-widget{width:235px; margin-bottom:10px;background:url(../images/rightside-widget-bot.gif) no-repeat bottom left; padding:0px 0px 17px}
.rightside-widget .top{height:17px; background:url(../images/rightside-widget-top.gif) no-repeat top left;} 
.rightside-widget .data{padding:5px 15px;background:url(../images/rightside-widget-bg.gif) repeat-y top left;} 
.rightside-widget h1{ font-size:19px;letter-spacing:-1px; color:#fff; font-weight:bold; border-bottom:1px solid #9BD1FD}

.rightside-widget .textbox{ height:14px; width:200px; margin-bottom:5px; padding:6px 2px; border:1px solid #ccc; background:url(../images/textbg.gif) repeat-x 0 0;}

.rightside-widget .submit-btn{ background:url(../images/btn.png) no-repeat 0 0; width:88px; height:38px; border:none; color:#fff; font-weight:bold; font-size:13px; line-height:33px; padding-bottom:5px; vertical-align:middle; cursor:pointer}

/* ---------------- scroll container  -------------- */

div#wn{position:relative; width:100%; height:350px; overflow:hidden;}
#scroll_links{position:relative; text-align:center; margin:5px 0 }
#scroll_links a img, #scroll_links a:hover img{ border:0px!important; background:none!important}
	
/* ---------------- listing -------------- */

.listing{margin:0px 0px 0px 10px;}
.listing li{padding:8px 0px;width:204px;float:left;display:block;background:url(../images/dotted-line.gif) repeat-x left bottom }
.listing li a{ color:#fff}
.listing li a:hover{ color:#9BD1FD}

/* ----------------  browse Results -------------- */

.services{width:auto;padding:0px; float:left; margin-bottom:0px;}
.services .photo,.services .desc{float:left; padding:0px 5px 0px 0px; }

.services .photo{width:135px;}
.services .desc{width:440px;}

.services .photo img{padding:3px; border:1px solid #CECECE; background:#FFFFFF}
.services .desc h2{font-size:18px; font-weight:bold; border:none; margin-bottom:5px; display:block;}



/* ----------------  address -------------- */

.address{width:590px;padding:0px; float:left; margin-bottom:0px;}
.address h4{ margin-bottom:5px}

/* ---------------- Contact Form -------------- */

.contact {width:auto; padding:20px 0px 0px;margin:0px 0px 15px; display:block}	
.contact label {display:block;float:left;width:200px; margin:0px 10px 0px 0px;padding:5px 0px 0px; color:#fff; text-align:right}
.contact input.text, .contact select.text, .contact textarea{display:block;float:left;height:14px; width:250px; margin-bottom:5px; padding:5px 2px; border:1px solid #ccc; background:#fefefe url(../images/textbg.gif) repeat-x 0 0;}
.contact select.text {width:255px; height:22px!important; padding:1px; line-height:22px}
.contact .textarea{height:80px}

.contact img{display:block;float:left; width:auto; margin-left:4px}
.contact br{clear:both;}
.contact .button{padding:10px 0 0 210px}
.btn{ background:url(../images/btn.png) no-repeat 0 0; width:88px; height:38px; border:none; color:#fff; margin-right:5px; font-weight:bolder; font-size:13px; line-height:33px; padding-bottom:5px; vertical-align:middle; cursor:pointer}

 
 
#gallery{ width:100%; margin-bottom:10px}
#gallery .main-photo{float:left; width:670px; padding:10px 0 0}
#gallery .main-photo img{ display:block;border:8px solid #e4e4e4;}
#gallery .tags{ padding:15px 0 0}


/* ----------------  thumb-grid -------------- */	

#thumb-grid {float:right; width:160px; padding:10px 0 0}
#thumb-grid ul{margin:0}
#thumb-grid li{float:left;display:inline;position:relative;width:50px;height:50px;padding:0px; margin:0px}
#thumb-grid a img{float:left;display:block;position:relative;width:40px;height:40px; border:1px solid #c7c7c7;padding:1px; margin:0px}
#thumb-grid a:hover img{border:1px solid #a6a6a6; background:#a6a6a6}



/* ----------------  photo-grid -------------- */	

#photo-grid {width:100%;}
#photo-grid ul{margin:5px 0 0}
#photo-grid li{float:left;display:inline;position:relative;width:116px;height:116px;padding:0px; margin:0px}
#photo-grid a img{float:left;display:block;position:relative;width:100px;height:100px; border:1px solid #c7c7c7;padding:3px; margin:0px}
#photo-grid a:hover img{border:1px solid #a6a6a6; background:#a6a6a6}



/* =============================== roundtabs ==========================================  */

#roundtabs {margin:0px;padding:10px 0 0px 0px;}
#roundtabs li {display:inline;margin:0px; padding:0px; }
#roundtabs a {float:left;width:auto;margin:0 2px 0 0;padding:0 0 0 12px; color:#fff;background:url("../images/tab-left.gif") no-repeat 0 0;  }
#roundtabs a span {float:left;width:auto; cursor:pointer;display:block;font-weight:bold; padding:5px 12px 4px 0px;background:url("../images/tab-right.gif") no-repeat 100% 0; color:#fff}


#roundtabs a:hover {}
#roundtabs a:hover span {color:#fff; }
#roundtabs li.selected a{background-position:0 -24px;}
#roundtabs li.selected a span{ background-position:100% -24px; color: #000;}
#roundtabs li.selected a:hover span{ background-position:100% -24px; color: #000;}
 
 
/* ----------------  tabs-container -------------- */

#tabs-container{width:825px; float:left; padding:15px 0 0}
#tabs-container h5{background:url(../images/dotted-line.gif) repeat-x left bottom; padding:0 0 3px; margin:0 0 10px; } 
 
 .greybox{ background:#cbcbcb; padding:15px; color:#000	}
 .greybox a{ color:#000	}
 .greybox a:hover{ text-decoration:underline}

#tabs-container h2{color:#fff;background:url(../images/dotted-line.gif) repeat-x left bottom; padding:0 0 3px; margin:0 0 10px; }
 
 
 
 /* ----------------  commentform -------------- */
 
.commentform{width:720px; padding:10px 20px}
.reqd{color:#ff0000; font-size:16px; font-weight:bold; padding:0px; padding-left:3px; vertical-align:middle}
.comment-form{width:auto; padding:0px; }
.comment-form .section{width:100%; padding:0px 0px 10px;  }
.comment-form .section .field-data{ color:#362a7e!important }

.comment-form h4{ font-size:13px; color:#fff; padding:5px 0px;line-height:20px; margin-bottom:15px; font-weight:bold;}

.field-row{ clear:left;width:100%; padding:0px; margin-bottom:6px}
.field-row:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; }
/* \*/ * html .field-row{height:1px} /* */


.comment-form .field-row .field-label{width:150px; float:left; font-weight:bolder; padding:5px 0px 0px; margin:0px 5px 0px 0px}
.comment-form .field-row .field-data{width:450px; float:left; }
.comment-form .text-box, .comment-form .radio-btn, .comment-form span{float:left; margin-right:4px}

.comment-form .text-box{ width:240px; padding:5px 2px; border:1px solid #CCCCCC;border-top:2px solid #CCCCCC; }
.comment-form .textarea-box{ width:240px; height:80px; padding:2px; border:1px solid #CCCCCC;border-top:2px solid #CCCCCC; }

.comment-form .text-box.small{ width:70px}
.comment-form .text-box.big{ width:240px}
.comment-form .text-box.mid{ width:162px}
.comment-form span{padding-top:5px; color:#a6a6a6}
.comment-form br{clear:left}

.button{ text-align:left; padding:0px 0px 0px 150px}

 

/* ==============================================  Footer ===========================================================  */

#footer{padding:14px 0px 40px; width:900px; margin:10px auto 0px;background:url(../images/footer-bg.gif) no-repeat 0 0}
#footer .copyright{ float:left; width:auto; font-size:11px;margin-top:15px; padding:0px 0px 8px 18px;}
#footer .copyright span{ padding:0px 6px; color:#666}
#footer .logo{ float:right; display:block;width:auto;margin:15px 20px 0px 0px; text-align:right;}



/*
	SLIDER
*/

/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
.pika-thumbs li{width: 144px; height:74px;}
.pika-stage, .pika-textnav {width: 891px;}

.pikachoose {width: 898px; margin: 0 auto;}
.pika-stage 
{
	position: relative; 
	padding:0;
	text-align:center;
	height:313px;
	width:885px;
	margin-top:7px;
	margin-left:7px;

}
	
	/*if you change the padding on pika-stage you must adjust the top left of this to match! */
	.pika-stage .main-image {position: absolute; top: 0; left: 10px;}
	.pika-stage .pika-aniwrap{position: absolute; top: 0; left: 0px;}
	.pika-stage .pika-aniwrap{width:100%;}
	.pika-stage .pika-ani {position:relative;display: none;z-index:2;margin:0 auto;}
	.pika-stage img {border:0;height:100%; width:885px; 	-moz-border-radius: 20px; border-radius:20px;}

.pika-stage .caption {position: absolute; background: url(../images/75-black.png);  border: 1px solid #141414; font-size: 11px; 
			color: #fafafa; padding: 10px; text-align: right; bottom: 250px; right: 10px;}
	.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(../images/prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 130px; left: 0;cursor:pointer;}
	.pika-imgnav a.next {background: url(../images/next.png) no-repeat right 45%; height: 100%; width: 50px; top: 130px; right: 0;cursor:pointer;}
	.pika-imgnav a.play {background: url(../images/play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
	.pika-imgnav a.pause {background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
	.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}
	
.pika-thumbs {margin: 0 0 0 17px; padding: 0; overflow: hidden;}
	.pika-thumbs li {float: left; list-style-type: none;padding: 5px; margin: 0 5px; background:rgba(255,255,255,0.3);  cursor: pointer; height:60px; width:70px; -moz-border-radius: 5px; border-radius:5px;}
		.pika-thumbs li:last {margin: 0;}
		.pika-thumbs li .clip {position:relative;height:60px;width:70px;text-align: center; vertical-align: center; overflow: hidden;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;top:10px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}
		
		
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal { margin-left:50px;padding: 15px 0 ; overflow:hidden;width:800px;margin-top:-90px;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 57px;}