/*Complex Cases: Layout CSS*/

/************************************************************************



1 - UNIVERSAL Tags

************************************************************************/

html > body * {

	outline:none;

}

body {

	margin:0;

	padding:0;

	font: normal 12px Verdana, Geneva, sans-serif;

	color:#212121;

	line-height:18px;

	background:#fff;



}

h1, h2, h3, h4, h5, h6, form, label, input, legend, textarea, select, ul, ol, li, dl, dt, dd, p, div {

	margin:0px;

	padding:0px;

	

}

ul, ol {

	list-style:none;

	margin:0px;

	padding:0px;

}

h2, h3, h4 {

	}

h1 {

	color:#167ccc;

	font-size:18px;

	text-transform: uppercase;

	margin-bottom:20px;

}

h2 {

	color:#167ccc;

	font-size:18px;

	text-transform: uppercase;

}

h3 {

	color:#167ccc;

	font-size:18px;

}

h4 {

color:#167ccc;

font-weight:bold;



}

img {

	border:none;

	margin: 0px;

	padding: 0px;

}

a {

	color:#03599c;

	text-decoration:none;

}

a:hover {

	text-decoration:none;

	color:#396ca4;

}

.fleft {

	float:left;

}

.fright {

	float:right;

}

.font12 {

	font-size:12px;

}

.font10 {

	font-size:10px;

}

.font14 {

	font-size:14px;

}

.font11 {

	font-size:11px;

}

.pink {

	color:#ec008c;

}

a.pink:hover {

	text-decoration:underline;

}

.green {

	color:#70a104;

}



.white {

	color:#fff;

}



.border-bot-wt{

border-bottom:1px dotted #fff;

}



.pad-top-10{

padding-top:10px;

}

.pad-bot-10{

padding-bottom:10px;

}



.hundred{width:100%;}



.clr{clear:both; line-height:10px;}

.border{background:url(../images/border.gif) left bottom repeat-x; padding-bottom:10px; width:100%; float:left;}

/***********************************************************************

2 - Layout CSS

************************************************************************/

#wrapper, .bound {

	margin:0px auto;

	width:959px;

}



.top-out{background:#fff url(../images/top-bg.gif) 0 0 repeat-x; float:left;}



.phone{color:#fff; float:right; font-style:italic; height:20px; padding:2px 10px 0px 0px;}



.header{float:left; width:959px; padding:23px 0px 0px 0px;}



.header .logo{float:left; margin:0px 30px 0px 10px;}



.header .right{float:right; margin:10px 10px 0px 0px;}

.header .right a{ color:#6795c8; font-weight:bold; font-style: italic; font-size:14px;}

.header .right a:hover{ color:#396ca4;}

.header .right img{float:left; margin-right:7px;}

.header .right span{float:left; margin-top:8px;}



#nav{float:left; width:959px; border-top:1px solid #d0d0d0; padding:10px 0px 10px 0px;}



#nav li{float:left; margin:0px 8px;}



#nav li a{float:left; padding:0px 0px 0px 22px; text-transform:uppercase; color:#212121; }

#nav li a span{float:left; padding:3px 22px 4px 0px;}



#nav li a:hover, #nav li a.active{ background:url(../images/nav-left.png) 0 0 no-repeat;}

#nav li a:hover span, #nav li a.active span{ background:url(../images/nav-right.png) right top no-repeat; color:#fff;}





.main-out{background:url(../images/main-bg.jpg) 0 0 repeat-x; float:left; padding-top:27px; min-height:350px; min-height:auto !important; min-height:350px;}



.banner{background:url(../images/banner.png) 0 0 repeat-x; float:left; width:280px; height:202px; margin-bottom:20px; color:#fff; font-size:22px; padding:30px 15px 0px 664px; line-height:36px; text-align:center;}



.row{float:left; width:947px; padding:5px; background:url(../images/row-3.png) left top no-repeat;  margin-bottom:13px;}

.row .fleft{  width:555px; padding:10px;  position:relative; height:160px; min-height:auto !important; min-height:160px;}

.row h2{ color: #193C62; font-size: 20px; font-weight: normal; margin-bottom: 20px;  text-transform: uppercase;}

.website-image {  padding:8px 7px 0 0; position:relative; }
.website-image img {  border:solid 1px #ccc; }
.img-shadow { background:url(../images/shadow-small.png); position:absolute; top:165px; left:15px; width:319px; height:11px; }


.row .fleft .visit{ position:absolute; bottom:10px; right:18px; }

.row .fleft .visit a{ background:url(../images/button-visit-bg.gif) 0 0 repeat-x; display:block; font-style:normal; font-size:12px; padding: 4px 20px; color:#fff; background-color:#214263; border-radius:11px; -moz-border-radius:11px; -webkit-border-radius:11px; border-top:solid 1px #102840;border-bottom:solid 1px #102840;border-left:solid 1px #102840;border-right:solid 1px #102840;}
.row .fleft .visit a:hover { background:url(../images/shadow-button-visit.png) 0 0 no-repeat; background-color:#366492; color:#fff; }


.footer{ float:left; border-top:2px solid #dddddd; padding-top:10px; text-align:center; color:#908f8f; margin:10px 0px 15px 0px;}



#main{float:left; width:929px; padding:15px; min-height:300px;}

#main p{ margin-bottom:15px;}