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

body{margin:0px;padding:0px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666;background:#040923 url(../images/background.jpg) repeat-x left top fixed;}

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{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333}
a{color:#ee7a1e; text-decoration:none; outline:none}
a:hover{color:#362a7e; 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:#362a7e; 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:#666}


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

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


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


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

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

#menubar{width:100%;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 .grayhead{background:url(../images/widget-gray-tbg.gif) repeat-x 0 0; width:auto; display:block}
.widget .grayhead .tl{background:url(../images/widget-gray-tl.gif) no-repeat 0 0; width:auto; height:43px; display:block}
.widget .grayhead .tr{background:url(../images/widget-gray-tr.gif) no-repeat 100% 0; width:auto; height:43px; display:block; }
.widget .grayhead .tr h2.head{color:#fff; font-size:18px;font-weight:bold; padding:14px 0 0 36px; background:url(../images/grayBullet.gif) no-repeat 15px 17px}

.widget .orangehead{background:url(../images/widget-orange-tbg.gif) repeat-x 0 0; width:auto; display:block}
.widget .orangehead .tl{background:url(../images/widget-orange-tl.gif) no-repeat 0 0; width:auto; height:43px; display:block}
.widget .orangehead .tr{background:url(../images/widget-orange-tr.gif) no-repeat 100% 0; width:auto; height:43px; display:block; }
.widget .orangehead .tr h2.head{color:#fff; font-size:18px; font-weight:bold; padding:14px 0 0 36px; background:url(../images/orangeBullet.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:#fff; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9}
.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 -------------- */

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

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

.widget-blue .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;}
.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:#ee7a1e}

/* ----------------  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:#333; 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:url(../images/textbg.gif) repeat-x 0 0;}
.contact select.text {width:255px;}
.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 #fe8824; background:#fe8824}

/* ----------------  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 #fe8824; background:#fe8824}



/* =============================== 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:#333}


#roundtabs a:hover {}
#roundtabs a:hover span {color:#333; }
#roundtabs li.selected a{background-position:0 -24px;}
#roundtabs li.selected a span{ background-position:100% -24px; color: #fff;}
#roundtabs li.selected a:hover span{ background-position:100% -24px; color: #fff;}
 
 
/* ----------------  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:#f3f3f3; padding:15px}

#tabs-container h2{color:#362a7e;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:#362a7e; 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}
.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}
#footer .logo{ float:right; display:block;width:auto;margin:20px 20px 0px 0px; text-align:right;}