* {
	margin:0;
	padding:0;
	list-style:none;
}
html, body{
	text-align:center; 
	font:normal 14px Tahoma, sans-serif; 
	color:#333; 
	background:#ededef;
	line-height:180%;
	}
img{
    border:0;
}
p{padding:5px 0 10px;}
dd{
    margin-bottom:10px;
}
li{
	background:#fff url('img/blue-arrow.png') no-repeat 0 10px;
	padding:2px 0;
	padding-left:15px;
}
.input, select, textarea{
    padding:2px;
    border:1px solid #e1d9d0;
    font:1em Arial, sans-serif;
    -webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
}
.input:hover, select:hover, textarea:hover{
    background-color:#eee;
}
.submit{
    padding:5px 14px;
    border-width:0;
    background:#1b63aa;
    color:#fff;
    font:normal 1em Arial, sans-serif;
    -webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
}
.submit:hover{background:#e1e1e1;color:#333;cursor:hand;}

form, fieldset{
	border:0;
}

#header_link{ 
	width:100%;
	margin:0;
	padding:0;
	background:none;
}

#header_link .container{
	padding:10px 0 30px 0;
	width:960px;
	display:block;
	clear:both;
	text-align:center;
	margin:0 auto;
}

#baner{
	background:#dcdcde;
	width:100%;
	font-size:13px;
}
#baner .theme-default .nivoSlider {
	width:100%;
	height:300px;
}
#baner .nivo-caption {
	position:absolute;
	left:50%;
	top:40px;
	width:960px;
	margin-left:-480px;
	background:rgba(255,255,255,.5);
}
#logo{
	width:100%;
	margin:0;
	padding:0;
	background:#fff;
}
#logo .container{
	width:960px;
	height:60px;
	display:block;
	margin:0 auto;
	padding:20px 0;
	text-align:left;
	background:#fff;
}
#logo h1{
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size:48px;
	line-height:1;
	color:#0066cc;
}
#logo h1 span{
	font-weight: 400;
	font-size:34px;
	line-height:1;
	color:#666;
}
.nav, .top, .bottom{
	width:960px;
	display:block;
	margin:0 auto;
	padding:0 0px;
}
.top a{
	padding:10px 20px 10px 14px;
	background:#1b63aa;
	color:#fff;
	display:block;
	float:left;
	text-decoration:none;
	margin-right:4px;
	-webkit-border-radius: 0 0 5px 5px; 
	-moz-border-radius: 0 0 5px 5px; 
	border-radius: 0 0 5px 5px; 
	background-color: #0066cc;
}
.top a:hover{
	background:#ffcc00;
	color:#333;
}

.bottom a{
	padding:10px 20px 10px 14px;
	background:#1b63aa;
	color:#fff;
	display:block;
	float:left;
	text-decoration:none;
	margin-right:2px;
	-webkit-border-radius: 0 0 5px 5px; 
	-moz-border-radius: 0 0 5px 5px; 
	border-radius: 0 0 5px 5px; 
	background-color: #0066cc;
}
.bottom a:hover{
	background:#ffcc00;
	color:#333;
}

#middle_link{
	background:none;
	width:100%;
	margin:0 auto;
}

#middle_link .container{
	background:none;
	padding:0 0 50px 0;
	width:960px;
	display:block;
	clear:both;
	text-align:center;
	margin:0 auto;
}

#foot{
	background:#dcdcdd;
	width:100%;
}
#foot .container{
	background:#dcdcdd;
	padding:0 0 100px 0;
	width:960px;
	margin:0 auto;
	display:block;
	clear:both;
	text-align:center;
    font-size:13px;
}
h3{
	padding:20px 0 10px 0;
	font-family: 'Open Sans', sans-serif; 
	font-weight: 400; 
	color:#1b63aa;
	font-size:18px;
}
.span1{
	float:left;
	width:48%;
	margin-right:2%;
}
.span2{
	float:right;
	width:48%;
	margin-left:2%;
}
.span3{
	clear:both;
	display:block;
	width:100%;
}
.box{
	clear:both;
	padding:20px;
	text-align:left;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	background: #fff; 
	-webkit-box-shadow: 0 0 5px rgba(194,187,179,.75); 
	-moz-box-shadow: 0 0 5px rgba(194,187,179,.75); 
	box-shadow: 0 0 5px rgba(194,187,179,.75);
}

.box img{float:right;margin:0 0 5px 15px;}

.left-panel{
	float:left;
	width:48%;
	margin-right:2%;
}
.right-panel{
	float:right;
	width:48%;
	margin-left:2%;
}

a{
	color:#1b63aa;
	text-decoration:none;
}

a:hover{
	color:#333;
}

.googlemap iframe{width:100%;height:350px;margin:0;padding:0;border:1px solid #ccc;}

/* RESPONSIVE WEB DESIGN - media queries */
@media screen and (max-width:1024px){ /* RWD Step 1 */
#logo .container{width:95%;padding: 10px 2.5% 15px;}
.nav, .top, .bottom{width:95%;padding: 0 2.5%;}
#baner .theme-default .nivoSlider{width:100%;height:150px;}
#baner .nivo-caption {position:absolute;left:5%;top:10px;width:95%;margin-left:-2.5%;}
#header_link .container{width:95%;padding: 10px 2.5% 20px;}
#middle_link .container{width:95%;padding: 0 2.5% 30px;}
#foot .container{width:100%;padding: 0 0 50px;}
.box img{max-width:50%;}
}

@media screen and (max-width:768px){ 
#logo .container{height:auto;}
#logo h1, #logo h1 span{font-size:32px;}
}

@media screen and (max-width:640px){ /* RWD Step 2 */
.span1{float:left;width:100%;margin-right:0;}
.span2{float:right;width:100%;margin-left:0;}
.span3{clear:both;display:block;width:100%;}
.left-panel{float:left;width:100%;margin-right:0;}
.right-panel{float:right;width:100%;margin-right:0;}
#logo h1, #logo h1 span{font-size:24px;}
#logo .container{height:auto;}
#baner .nivo-caption{font-size:12px;padding:5px 10px;line-height:1.5em;}
}

@media screen and (max-width:320px){ /* RWD Step 3 */
#baner .theme-default .nivoSlider{width:100%;height:130px;}
#baner .nivo-caption{font-size:11px;padding:5px 10px;line-height:1.5em;}
}
