﻿/*
Author: TemplateAccess.com (DT/TS)
*/
@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#f3f3f3;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:993px; margin:0 auto;}

.main3 {max-width:993px; padding:0; margin:0 auto;
	height: 2457px;
}

/********** header **********/
.header { background:url(images/header_bg.gif) top repeat-x; padding:0; margin:0 auto; height:158px; }

.block_header {margin:0 auto; width:100%; padding:0; border:none;}
/* logo */
.logo { float:left; padding:0; margin:0; width:175px;}
.rss { width:30%; float:right; text-align:left; font: normal 12px Arial, Helvetica, sans-serif; color:#8a8a8a; padding:30px 0 0 0; margin:0;}
.rss img { float:right; margin:0 3px; padding:0;}
.rss a { color:#20acc8; text-decoration:none;}
/* search */
.search { padding:10px 0 0 0; margin:0; float:right; width:240px;}
.search form { display:block; float:right; padding:5px 0;}
.search span { display:block; float:left; background:#fff; width:149px; padding:0 5px; height:30px;}
.search form .keywords { font:normal 14px Arial, Helvetica, sans-serif; color:#9c9c9c; line-height:14px; float:left; border:0; width:149px; padding:8px 0; height:14px; background:none; margin:0;}
.search form .button { float:left; margin:0; padding:0;}
/* menu */	
.menu { float:left; padding:2px 0 0 0; margin:0; width:750px;}
.menu ul { text-align:right; padding:0; margin:0; list-style:none; border:0;}
.menu ul li { text-align:left; float:left; margin:0; padding:0; border:0;}
.menu ul li a { float:left; margin:0; border-right:1px solid #464646; padding:13px 10px 11px 10px; color:#fffefe; font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { color:#7f7f7f; padding:13px 0 11px 0; font: normal 11px Arial, Helvetica, sans-serif;}
.menu ul li a:hover {padding:13px 10px 11px 10px; background:url(images/hover.gif) top repeat-x; }
.menu ul li a:hover span { color:#30c8e3;}
.menu ul li a.active {background:url(images/hover.gif) top repeat-x; }
.menu ul li a.active span {color:#30c8e3; }
/*.accord_top_resize */
.accord_top_resize { width:100%; margin:5 auto; padding:0;
	height: 36px;
}
.accord_top_resize h2 { font: bold 36px Arial, Helvetica, sans-serif; color:#fff; padding:10px 20px; margin:0; text-transform:uppercase;}
/* blog_body */
.blog_body_resize { border-bottom:1px solid #c4c4c4; border-top:1px solid #c4c4c4; background:#f8f8f8;
	height: 54%;
}
.blog_body { width:100px; margin:0 auto; padding:10px 20px;}
.blog_body img { float:left; margin:5px 20px 5px 0; padding:0;}
.blog_body p { font: normal 14px Arial, Helvetica, sans-serif; color:#717171; padding:5px 0 0 0; margin:0; line-height:1.5em;}
.blog_body a { float:right; color:#22a0b8; font-weight:bold; text-decoration:none;}

/********** block index **********/
.body {padding:0 0 30px 0; margin:0; background:#f2f2f2; }
.body_resize { width:100%; margin:0 auto; padding:0;
	}

.body h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#444; padding:15px 0; margin:0;
	height: 17px;
}
.body h2 span { font:normal 11px Arial, Helvetica, sans-serif; color:#b3b3b3;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#444; padding:10px 0; margin:0; line-height:1.5em;}
.body p span { color:#111010;
	font-style: normal;
	font-variant: normal;
	font-size: medium;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.body a { color:#22a0b8; text-decoration:none;}
.body img {margin:10px auto; padding:0;}
.body img.floated {float:left; margin:10px 10px 10px 0; padding:0; }
.left  { width:400px; float:left; margin:0; padding:10px 20px;} 
.leftc  { width:400px; float:left; margin:0; padding:10px 20px;} 

.leftl  { width:570px; float:left; margin:0; padding:10px 20px;} 
.lefttt  { width:983px; float:left; margin:0; padding:10px 20px;} 
.leftf  { width:270px; float:left; margin:0; padding:10px 20px;} 
.left  { width:733px; float:left; margin:0; padding:10px 20px;} 
.right  { width:280px; float:right; margin:0; padding:10px 20px;} 
.rightc  { width:280px; float:right; margin:0; padding:10px 20px;} 

.full  { margin:0; padding:0 20px;} 
.port { width:301px; float:left; padding:10px 10px 10px 0; margin:0;}
.port.last { padding:10px 0;}

/********** body **********/
.body_resize { margin:10px; padding:0; }
.body {
	max-width: 993px;
	margin: 0 auto;
	padding: 10px 5px;
	height: 1817px;
}
.body h3 { font: normal normal normal 24px 150% Arial, Helvetica, sans-serif; color:#131313; border-bottom:1px solid #d8d8d8; padding:20px 0; margin:5px 15px 25px 5px; }
.body h2 { font: bold 14px Arial, Helvetica, sans-serif; color:#282828; margin:0; padding:15px 5px; text-transform:capitalize; }
.body h4 { font: bold 13px Arial, Helvetica, sans-serif; color:#282828; margin:0; padding:15px 5px; text-transform:capitalize; }
.body h5 { font: bold 12px Arial, Helvetica, sans-serif; color:#282828; margin:0; padding:15px 5px; text-transform:capitalize; }
.body img { padding:0; margin:10px auto; }
.body img.floated { float:left; padding:0; margin:10px 15px; }
.body p {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #6d6d6d;
	line-height: 1.8em;
	padding: 5px 5px;
	margin: 0;
}
.body li { font:normal 12px Arial, Helvetica, sans-serif; color:#6d6d6d; line-height:1.2em; padding:5px 5px; margin:0; }

.body a { text-decoration:none; color:#dd4200; line-height:1.8em; font: normal 12px Arial, Helvetica, sans-serif; }
.full { padding:5px 0; margin:0; }
.right { width:350px; float:right; padding:5px 0; margin:0; }
.left { width:580px; float:left; padding:5px 0; margin:0; }
.block { width:255px; float:left; margin:10px; padding:0; }
.port_resize { width:290px; float:left; margin:10px 5px 10px 5px; padding:10px 5px; border:1px solid #dedede; background:#fff; }
.port_resize img { margin:0; padding:0; position:relative; z-index:2;}




/********** responsive website (for cellulars) **********/

#left_big {
float:left;
	width:66%
}

#right_small {
	float:left;
	width:33%

}

@media screen and (max-width:700px) {
#left_big, 
#right_small {
float:none;
	width:100%
	}
}

@media screen and (max-width:430px) {
nav li,
nav a {

display:block;

	}
}


/********** contact form **********/
#contactform { margin:0; padding:5px 0;}
#contactform * { color:#333333;}
#contactform ol { margin:0; padding:0; list-style:none; color:#333333;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px  Arial, Helvetica, sans-serif; color:#999999; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; color:#333333;}
#contactform input.text { width:230px; border:1px solid #d7d7d7; padding:5px 2px; height:15px; background:#fff;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 5px;
}
#contactform textarea { width:230px; border:1px solid #d7d7d7; margin:10px 0; padding:2px; background:#fff; height:250px;}
#contactform textarea1 { width:230px; border:1px solid #d7d7d7; margin:10px 0; padding:2px; background:#fff; height:250px;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.5em; width:auto;}

/********** contact form2 **********/
#contactform { margin:0; padding:5px 0;}
#contactform * { color:#333333;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px  Arial, Helvetica, sans-serif; color:#333333; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:230px; border:1px solid #d7d7d7; padding:5px 2px; height:15px; background:#fff;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 5px;
}
#contactform textarea { width:330px; border:1px solid #d7d7d7; margin:10px 0; padding:2px; background:#fff; height:250px;}
#contactform textarea1 { width:330px; border:1px solid #d7d7d7; margin:10px 0; padding:2px; background:#fff; height:250px;}
#contactform textarea2 { width:330px; border:1px solid #d7d7d7; margin:10px 0; padding:2px; background:#fff; height:250px;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.5em; width:auto;}

/*************footer**********/
.footer {padding:0;  margin:0 auto; border-top:1px solid #d7d7d7; background:#e9e9e9; }
.footer_resize { margin:0 auto; padding:20px; width:953px; }
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#565656;}
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#565656; text-decoration:underline; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:370px; margin:0; padding:15px 0 0 0; float:left;} 
.footer p.right { text-align:right; width:370px; margin:0; padding:15px 0 0 0; float:right;} 

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #d7d7d7; padding:0; margin:10px 0; background:none; line-height:0;}
/********** slider **********/
.accord_top { padding:10px 0; margin:0 0 0 40; 
background:#cdcdcd;
	height: 3px;
	width: 822px;
}
/* jquery.v1.4.2 */
/* Small reset */
/*Featuread Area*/
#featured, .featured, .fadeout, .newsselect { height:400px; /*this changes the height of the image slider*/ }
#feature_wrap { width:959px; border:5px solid #f4f4f4; margin:0 auto; }
#featured { position: relative; width:957px; overflow: hidden; }
.featured { width:715px; position:absolute; top:0; left:0; overflow: hidden; display:none; border-left:1px solid #aaa; background: #fff url(images/preload.gif) no-repeat center center; }
.preloading_background { background: transparent url(images/preload.gif) no-repeat 50% 50%; }
#feature_wrap .fadeout { background: transparent url(images/overlay.png) repeat-y right top; }
.bottom_left_rounded_corner { background: transparent url(images/rounded.png) no-repeat left bottom; }
.bottom_right_rounded_corner { background: transparent url(images/rounded.png) no-repeat right bottom; }
#feature_wrap #featured .feature_excerpt { background: #fff; }
#feature_wrap #featured a { color:#444; }
.accord_top .feature_excerpt { width:660px; position: absolute; display: block; bottom: 0; left:0; z-index: 2; padding:10px 20px; font-size: 11.5px; line-height:1.5em; cursor: pointer; }
.sliderdate { display:none; }
/*fadeslider*/
.fadeslider .featured { width:100%; border:none; }
.accord_top .slidecontrolls { position:absolute; width:10px; right:-15px; bottom:0; }
.accord_top .slidecontrolls span { height:10px; padding:2px 0; width:10px; display:block; cursor: pointer; }
.accord_top .fadeslider .feature_excerpt { width:917px; }
/*newsslider*/
.newsselect { position: absolute; overflow: hidden; width:276px; right:0px; top:0px; border-left:1px solid #e1e1e1; background: #fff; z-index: 5; }
.newsslider .newsItems { position: absolute; top:0; left:0; }
.newsslider .featured { border:none; }
.accord_top .newsselect .sliderheading { font-size:13px; font-family: Arial, Helevtica, Verdana, san-serif; font-weight: bold; padding: 0; }
.newsselect .single_item { padding:10px; border-bottom:1px solid #e1e1e1; display: block; text-decoration: none; line-height: 1.3em; }
.newsselect .single_item:hover,
.newsselect .active_item { background-color: #f1f1f1; outline: none; }
.accord_top .newsslider .fadeout { right:155px; }
.newsselect .sliderdate { display:block; font-size: 11px; }
/*accordion slider*/
.featured img { display:block; position: relative; z-index: 1; }
.accord_top .fadeout { position:absolute; width:200px; display:block; right:0px; z-index: 3; }
.accord_top .sliderheading { display:block; font-size: 26px; }
.accord_top .heading_clone { color:#fff; position: absolute; z-index: 4; bottom:20px; left:20px; font-size: 14px; font-weight:bold; padding:0; margin: 0; }
.featured a,
.featured a img,
.featured img { text-decoration: none; border:none; }
.accord_top .featured1 { border:none; display: block; }
.bottom_right_rounded_corner,
.bottom_left_rounded_corner { position: absolute; z-index: 50; display: block; height:7px; width:7px; bottom:0px !important; /* ie6fix */ left:0px; bottom:-1px; }
.accord_top .bottom_right_rounded_corner { right:0px !important; /* ie6fix */ right:-1px; left:auto; }

p { padding: 0.5em 0;
	text-align: left;
}
.flickr { padding: 0.5em 0; }
body .accord_top #main .noborder,
body #footerwrap #footer .noborder { border:none; padding:0; }
.small_block { font-size: 0.9em; line-height: 1.4em; clear:both; }
.entry ol li { list-style-position:inside; list-style-type:decimal; }
pre { background-color:#FEFEFE; border:1px solid #DDDDDD; color:#333333; display:block; font-family:"Courier New", Courier, monospace; font-size:12px; overflow:auto; padding:10px; width:90%; }


/*left*/
.left { width:400px; float:left; padding:5px; margin:5px;
	height: 1940px;
}
.left a { padding:0; margin:0;}
/*right*/
.right { width:480px; float:right; padding:5px; margin:5px;
	height: 667px;
}

/*leftb*/
.leftb { width:400px; float:left; padding:5px; margin:5px;
	height: 1940px;
}
.left a { padding:0; margin:0;}
/*rightb*/
.rightb { width:480px; float:right; padding:5px; margin:5px;
	height: 667px;
}

/*left*/
.left_big {
	width: 67%;
	float: left;
	margin: 5px;
	padding: 5px;
	border-bottom: 2px solid #e5e5e5;
}
.text3 { width:300px; font: normal 11px Arial, Helvetica, sans-serif; color:#898989; padding-left:10px;}
.left_big p.title {font: normal 12px Arial, Helvetica, sans-serif; color:#898989; padding:10px 0 0 10px; margin:0;}
.left2_big { width:550px; float:left; margin:5px; padding:5px; margin-top:15px; border-top:1px solid #bdbdbd;}
.left2_big h4 {font: normal 11px Arial, Helvetica, sans-serif; color:#898989; padding-left:10px;}
.left a {padding:0; margin:0;}

/*right*/
.right_small { width:34%; float:right; margin:5px; padding:5px; }
.right_small h4 {font: normal 13px Arial, Helvetica, sans-serif; color:#333333; border:none; padding:5px; padding:0px; }

.first {
	width: 100%;
	float: left;
	margin: 5px;
	padding: 5px;
	border-bottom: 1px solid #bdbdbd;
}
.first h4 {font: normal 20px Arial, Helvetica, sans-serif; color:#6db1e0; border:none; padding:5px; padding:0px; }

.col {
	width: 66%;
	float: left;
	padding-top: 15px;
}
.col h2 {font: normal 16px Arial, Helvetica, sans-serif; color:#6db1e0; border:none; }
.col img {padding-bottom:36px; padding-top:10px;}
.col h2 {font: normal 20px Arial, Helvetica, sans-serif; color:#6db1e0; border:none; padding:0px; padding:0px; }
.right_small ul { margin:0; padding:0; list-style:none; padding-left:10px;}
.col h5 {font: normal 12px Arial, Helvetica, sans-serif; color:#6db1e0; border:none; padding:0px; padding:0px; }

.right_small li { padding:3px 25px; background: url("images/uls.jpg") left no-repeat; margin:0;}

/*date*/
.date { margin:0 10px; width:100px; background:url("images/dt_rs.jpg") no-repeat top right;}
.date span { display:block; width:100px; height:14px; padding:6px 0; background:url("images/dt_ls.jpg") no-repeat top left; text-align:center; font:bold 14px Arial, Helvetica, sans-serif; color:#2c2c2c;}

.pic {width:560px; float:left; border-bottom:1px solid #e5e5e5; padding-bottom:20px; margin-left:20px; padding-top:20px;  }
.pic h3 {font: normal 18px Georgia, Helvetica, sans-serif; color:#666666; }
.pic img { padding-top:20px !important; padding:0;}
.pic p {padding-left:10px;}
.pic1 {float:left; width:580px; padding-top:10px; padding-left:530px;}
.but { float:right; width:100px; height:25px; padding-bottom:20px;}

/*field*/
.field { float:left; width:250px; margin-top:-1px; margin-left:10px;  }
.field input.text { height:14px; font:normal 13px Arial, Helvetica, sans-serif; color:#000; background:#ededed; border:1px solid #ababab; padding:5px 0; margin:0;}
.field input.button { height:26px; font:normal 13px Arial, Helvetica, sans-serif; color:#FFF; background:#949494; border:1px solid #9d9d9d; padding:0 5px; margin:0;}

/*center*/
.center { width:98%; float:left; margin:2%; padding:5px; padding-bottom:15px; }
.center h2 { color:#6db1e0;}
.center_bl { background:url("images/center_bls.gif") repeat-x top; margin:0; padding:35px 0;}
.center_bl .bloga { padding:5px 5px 0 5px; width:235px; float:left; margin:0; }
.center_bl .bloga img { padding:10px 0; margin:0; float:none;}
.center_bl .bloga span {}
.center_bl .bloga a {}
.center_bl .bloga p { font: normal 11px Georgia, Helvetica, sans-serif; color:#6f6f6f; padding-left:20px; margin:0; line-height:1.8em;}

/*FBG*/
.FBG { padding:0; margin:0; background:url("images/FBG_bgs.jpg") repeat-x;}
.FBG .strong {font: bold 11px Arial, Helvetica, sans-serif; color:#878787; padding-top:5px;}
.FBG h2 { font:bold 20px Arial, Helvetica, sans-serif; color:#000; border-bottom:1px solid #b7b6b6; margin:5px 0 10px 10px; padding:15px 0;}
.FBG a { font: normal 11px Arial, Helvetica, sans-serif; color:#ff8200; text-decoration:underline;}
.FBG img { float: left; margin-right:10px; margin-bottom:10px; padding:0;}
.FBG p { padding:3px 10px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#666; line-height:1.8em;}
.FBG_resize { width:982px; margin:0 auto; padding:0;}
.blog { width:275px; float:left; margin:5px 20px !important; margin:5px 15px; padding:5px 5px;}

h2.recent { background:url("images/img_4s.gif") no-repeat left center; text-indent:50px;}
h2.contact { background:url("images/img_5s.gif") no-repeat left center; text-indent:20px;}

.form { float:left; width:360px; margin-top:20px; margin-left:10px;}

/********** contact form **********/
#contactform { margin:0; padding:5px 50px;
	height: 238px;
}
#contactform * { color:#342E2E;
	float: left;
}
#contactform ol { padding:0; list-style:none;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}
#contactform li { border-style: none;
	border-color: inherit;
	border-width: medium;
	padding: 0;
	background:;
	display:block;
	width: 244px;
	margin-left: 116;
	margin-right: 0;
	margin-bottom: 0;
}
#contactform li.buttons { margin:0px 0 5px 0;}
#contactform label { float:left; margin:0; width:243px; 
display:block; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#666666; text-transform:capitalize;
}
#contactform label span {  font:normal 10px Arial, Helvetica, sans-serif;
	height: 25px;
}
#contactform input.text { width:241px; 
border:1px solid #d1d1d1; padding:2px 2px; height:25px; 
background:#fff;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 5px;
	font-weight: 700;
	font-size: medium;
	
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
#contactform textarea { width:241px; 
border:1px solid #d1d1d1; margin:10px 0 10px 15; padding:2px; background:#FFFFFF; 
height:77px;
}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 110px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
#contactform textarea2 { width:350px; border:1px solid #d1d1d1; margin:10px 0; padding:2px; background:#fff; height:50px;}



/*************footer**********/
.footer {padding:0; background:#3f3f3f url("images/footer_bgs.gif") top repeat-x; margin:0;}
.footer_resize {width:100%; 
margin:54 auto 0 auto; padding:10px 0; }
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#7e7e7e;}
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#7e7e7e; text-decoration:underline; padding:5px 5px; margin:0;}
.footer img {margin:2px 5px; padding:0;}
.footer p.leftt { text-align:left; width:45%; margin:0; padding:20px 0; float:left;} 
.footer p.rightt { text-align:right; width:45%; margin:0; padding:20px 0; float:right;} 

p.clr, .clr { clear:both; padding:0; margin:0; background:none; width:100%;
	height: 2px;
}
li.bg, .bg { clear:both; border-top:1px solid #dadada; padding:0; margin:1px 0; background:none;}

/*************brendacontact**********/
#brenda ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#brenda li {
  display: inline-block;
}


/*************to work columns**********/

.leftx {
    background-color: #f3f3f3;
    float: left;
    width: 50%;
    height: 1200px;
}

.rightx {
    background-color: #f3f3f3;
    margin-left: 50%;
    height: 1200px;

}

.dl-bordered {
    border: 1px solid #ddd;
	border-radius:8px;
}
.dl-bordered dt {
    border-right: 1px solid #ddd;
	padding-right:12px;
	width:25%;
	margin-right:12px;
  float:left;
  text-align:right;
}
.dl-bordered dd {
	padding-right:12px;
	border-bottom: 1px solid #ddd;
	margin-left:0;
  
	
}
.dl-bordered dt:last-of-type, .dl-bordered dd:last-of-type {
	border-bottom:none;
}
