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

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

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:#222173; text-decoration:none; outline:none}
a:hover{color:#275baa; 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:#222173; letter-spacing:-1px; font-weight:bold; margin:0px 0px 10px; padding:5px 0 0}
h2{font-size:18px; font-weight:bold;}
h3{font-size:16px; font-weight:bold }
h4{font-size:13px; font-weight:bold;color:#222173; }
h5{font-size:12px; font-weight:bold; margin-bottom:5px}
p{padding:0 0 8px}

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

#wrapper{ width:100%; background:url(../images/header-bg.gif) repeat-x left top}


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


#header{width:970px;padding:0px; margin:0px auto; height:103px!important}
#logo{ position:absolute; margin:0px 0 0 0px;width:315px; }	
#logo img{display:block; }

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

#menubar{ float:right;width:500px; margin:64px 0 0 0;background:url(../images/top-bar-bg.gif) repeat-x 0 0;}
#menubar .bar-l{background:url(../images/top-bar-left.gif) no-repeat 0 0; width:auto; height:33px; display:block}
#menubar .bar-r{background:url(../images/top-bar-right.gif) no-repeat 100% 0; width:auto; height:33px; display:block;}

#menubar ul{ margin:0; padding:0 0 0 10px}
#menubar li{display:block;float:left;margin:0;padding:0; width:auto; background:url(../images/divider.gif) no-repeat 100% 3px}
#menubar li.last{background:none}

#menubar a{color:#fff; font-size:13px; font-weight:bold; float:left; padding:10px 15px 6px}
#menubar a.current, #menubar a:hover{ color:#cce9ff }


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


#middle{ padding:12px 0 0;width:970px; margin:0 auto}
#middle #left-sidebar{ float:left;width:238px; padding:0 12px 0 0;}
#middle #main{float:left;width:720px;}



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


/* ---------------- outer -------------- */

.outer{ width:100%;padding:0px 0px 12px;}
.outer .otop{width:100%;display:block; height:19px; }
.outer .otop .tl{background:url(../images/outer-tl.png) no-repeat 0 0;width:19px; height:19px; }
.outer .otop .tbg{background:url(../images/outer-tbg.png) no-repeat left top;width:auto; margin:-19px 19px 0 19px; height:19px;display:block;font-size:0}
.outer .otop .tr{background:url(../images/outer-tr.png) no-repeat right top;float:right;width:19px!important; margin-top:-19px; height:19px;}

.outer .obot{width:100%;display:block; height:19px; }
.outer .obot .bl{background:url(../images/outer-bl.png) no-repeat 0 0;width:19px; height:19px; }
.outer .obot .bbg{background:url(../images/outer-bbg.png) no-repeat left top;width:auto; margin:-19px 19px 0 19px; height:19px;display:block;font-size:0}
.outer .obot .br{background:url(../images/outer-br.png) no-repeat right top;float:right;width:19px!important; margin-top:-19px; height:19px;}

.outer .outer-container{padding:0px;width:auto; background:#cce9ff url(../images/outer-con-lbg.gif) repeat-y left top;}
.outer .outer-content{width:100%; background:url(../images/outer-con-rbg.gif) repeat-y right top;}
.outer .widget-content{ padding:0px 20px 0px}



/* =============================== left sidebar ==========================================  */

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

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

.widget-blue .textbox{ height:14px; width:164px; margin-bottom:5px; padding:5px 2px; border:1px solid #ccc; background:#fff}

.widget-blue .submit-btn{ background:url(../images/btn.png) no-repeat 0 0; width:86px; height:32px; border:none; color:#fff; font-weight:bold; font-size:14px; padding-bottom:2px; margin-top:10px;cursor:pointer}

/* ---------------- search -------------- */
.photocode{}
.photocode input.code-bg{float:left; padding:5px 0px 0px 12px;width:110px;height:25px; font-weight:bold; border:none;  background:url(../images/search-bg.gif) no-repeat 0px 0px;}

.photocode .submit-btn{ display:block; float:left; height:25px; width:41px; margin:0px 0px 0px 0px; color:#FFFFFF;font-size:0px; border:none; text-indent:-999px;background:url(../images/btn-go.gif) no-repeat 100% 0px; cursor:pointer}

	

/* =============================== main ==========================================  */


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

.widget{ width:100%;padding:0px 0px 12px; }
.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 .head{background:url(../images/widget-bluehead-tbg.gif) repeat-x 0 0; width:auto; display:block}
.widget .head .head-left{background:url(../images/widget-bluehead-tl.gif) no-repeat 0 0; width:auto; height:41px; display:block}
.widget .head .head-right{background:url(../images/widget-bluehead-tr.gif) no-repeat 100% 0; width:auto; height:41px; display:block; }
.widget .head .head-right h2.head{color:#fff; font-size:14px; font-weight:bold; padding:11px 0 0 16px; 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 .bot .bl{background:url(../images/widget-bl.gif) no-repeat 0 0; width:auto; height:12px; display:block}
.widget .bot .br{background:url(../images/widget-br.gif) no-repeat 100% 0; width:auto; height:12px; display:block;font-size:0px}

.widget .container{padding:5px 15px;width:auto; background:#fff; border-left:1px solid #99c9ee; border-right:1px solid #99c9ee}
.widget .content{width:100%;}



/* ----------------  recent Results -------------- */

.recent-collection{width:100%; }
.recent-data{width:auto;padding:15px 0px 5px; float:left; border-bottom:1px solid #e9e9e9 }
.recent-data .pic,.recent-data .desc{float:left; padding:0px 5px 0px 0px; }

.recent-data .pic{width:95px;}
.recent-data .desc{width:535px;}

.recent-data .pic img{padding:2px; border:3px solid #d8d8d8; background:#FFFFFF}
.recent-data .pic a:hover img{padding:2px; border:3px solid #99c9ee; background:#FFFFFF}

.recent-data .desc h3{font-size:13px; font-weight:bold; border:none; margin-bottom:5px; display:block;}

.recent-data p{ padding:0 0 5px}
.recent-data .gray-txt{color:#999}
.highlight{color:#222173}


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

.infiniteCarousel {position: relative; height:120px}
.infiniteCarousel .wrapper {width: 610px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;  height: 120px;  margin: 0 28px;  position: absolute;  top: 0;}
.infiniteCarousel ul a img{border:none;background:url(../images/thumb-frame.gif) no-repeat 0 0; padding:9px}
.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 2px;}
.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:44px;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;}


/* ---------------- listing -------------- */

.listing{margin:0px;}
.listing li{padding:5px 0px; width:175px; float:left; display:block; border-bottom:1px solid #ddd }

/* ----------------  recent 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:138px;}
.services .desc{width:500px;}

.services .photo img{padding:3px; border:2px solid #d8d8d8; background:#FFFFFF}
.services .photo a:hover img{padding:3px; border:2px solid #99c9ee; background:#FFFFFF}

.services .desc h2{font-size:17px; 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 120px;margin:0px 0px 15px; display:block}	
.contact label {display:block;float:left;width:130px; margin:0px 10px 0px 0px;padding:5px 0px 0px; color:#333; text-align:left}
.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; height:22px; padding-top:1px; padding-bottom:1px}
.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 138px}

 
 .btn{ background:url(../images/btn.png) no-repeat 0 0; width:86px; height:32px; border:none; color:#fff; font-weight:bold; font-size:13px; padding-bottom:2px; margin-top:10px;cursor:pointer}



/* ---------------- main-photo  -------------- */
#container{width:100%; margin-bottom:12px}
.main-photo{float:left; width:676px; padding:0px 12px 0 0}
.main-photo img{
	display:block;
	border:4px solid #FCFCFC;
}
.main-photo .tags{padding:0}
.right-thumbs{padding:10px 9px 8px 14px!important}

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

div#wn{position:relative; width:100%; height:418px; overflow:hidden;}
#scroll_links{position:relative; margin:0px 0 0 75px; padding-top:10px}
#scroll_links a img, #scroll_links a:hover img{ border:0px!important; background:none!important}
	

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

#thumb-grid {float:left; width:auto; padding:0px}
#thumb-grid ul{margin:0}
#thumb-grid li{float:left;display:inline;position:relative;width:54px;height:54px;padding:0px; margin:0px}
#thumb-grid a img{float:left;display:block;position:relative;width:40px;height:40px; border:2px solid #c7c7c7;padding:2px; margin:0px}
#thumb-grid a:hover img{border:2px solid #99c9ee; background:#fff}

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

#photo-grid {width:100%;}
#photo-grid ul{margin:5px 0 0}
#photo-grid li{float:left;display:inline;position:relative;width:122px;height:122px;padding:4px; margin:0px;background:url(../images/thumb-frame.gif) no-repeat 0 0;}
#photo-grid a img{float:left;display:block;position:relative;width:100px;height:100px;  border:none; padding:5px; margin:0px}
#photo-grid a:hover img{background:#3182c2}


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

#roundtabs {margin:0px;padding:6px 0 0px 10px;}
#roundtabs li {display:inline;margin:0px; padding:0px; }
#roundtabs a {float:left;width:auto;margin:0 2px 0 0;padding:0 0 0 12px; font-size: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; line-height:22px; padding:2px 17px 2px 5px;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 -26px;}
#roundtabs li.selected a span{ background-position:100% -26px; color: #06065d;}
#roundtabs li.selected a:hover span{ background-position:100% -26px; color: #06065d;}
 
 
/* ----------------  tabs-container -------------- */

#tabs-container{width:670px; 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{ padding:15px 0px}

#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{ padding:5px 0px;line-height:20px;margin-bottom:15px;}

.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:4px 2px; border:1px solid #ddd; }
.comment-form .textarea-box{ width:240px; height:80px; padding:2px; border:1px solid #ddd; }

.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-container{ width:100%; margin:0px auto 0px;background:url(../images/header-bg.gif) repeat-x left top; border-top:3px solid #fff}

#footer{width:970px; height:74px!important; margin:12px auto 0px;}
#footer .copyright{ float:left; width:auto; color:#fff; font-size:11px;margin-top:15px; padding:12px 0px 8px 24px;}
#footer a.logo{ float:right; display:block;width:auto;margin:24px 20px 0px 0px; text-align:right; display:block}