/*------------------

Why Insure
Css - Handstand

-------------------*/

/*--------------------Reset---------------------*/

html { overflow-y:scroll; }  /*Forces Scrollbar */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:12px;font-family:Arial,Helvetica,sans-serif;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}

body {line-height:1.5;}
a img {border:none;}
.img-reset {margin:0;padding:0;}
a {color: #989898;}
a:hover {color: #ababab;}
ul {padding-left: 16px;}

h1, h2, h3, h4 {margin:0;padding:0;font-weight:normal;}

h1 {font-size: 28px;line-height:normal;margin: 0 0 14px;}
h2, h2 a {font-size: 14px;font-weight: bold;}

.typo {
	margin: 0 0 14px;
}

h1, h2, h3, h4, p{
	margin-bottom: 20px;
}

/*--------------------Remove-Mozilla-Linked-Dotted-Borders-------------------*/

a:active, a:focus, input[type="image"] {
	outline: 0;
}

/*--------------------Wrapper & Header-------------------*/


body {
	background: url('../images/bg.jpg') repeat-x;
	width: 100%;
	margin: 0;
}

#container {
	background: url('../images/bg2.jpg') top center no-repeat;
	min-height: 633px;
	margin: 0 auto;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
}

#header {
	height: 200px;
	
}

#title {
	margin: 35px 0 0 10px;
	float: left;
	display: inline;
}

/*--------------------Navigation-------------------*/

#nav {
	background: url("../images/nav-bar.jpg");
	height: 40px;
	padding-left: 565px;
	width: 395px;
	float: left;
}

#nav li {
	float: left;
	padding: 0;
	list-style: none;
	display: block;
}

#roll-1 {
	background: url('../images/nav-sprite.gif') no-repeat 0 0;
	display: block;
	height: 40px;
	width: 85px;
}

#roll-1:hover {background-position: 0 -40px; }

#roll-1.active {background-position: 0 -80px; }

#roll-2 {
	background: url('../images/nav-sprite.gif') no-repeat -85px 0;
	display: block;
	height: 40px;
	width: 88px;
}

#roll-2:hover {background-position: -85px -40px; }

#roll-2.active {background-position: -85px -80px; }

#roll-3 {
	background: url('../images/nav-sprite.gif') no-repeat -173px 0;
	display: block;
	height: 40px;
	width: 80px;
}

#roll-3:hover {background-position: -173px -40px; }

#roll-3.active {background-position: -173px -80px; }

#roll-4 {
	background: url('../images/nav-sprite.gif') no-repeat -253px 0;
	display: block;
	height: 40px;
	width: 123px;
}

#roll-4:hover {background-position: -253px -40px; }

#roll-4.active {background-position: -253px -80px; }

.roll-5 {
	background: url('../images/more.jpg') no-repeat 0 0;
	display: block;
	height: 35px;
	width: 130px;
	margin: 0 16px;
}

.roll-5:hover {background-position: 0 -35px; }

.hidden {
	display: none;
}

.side {	
	float: left;
}

.side li {
	padding: 0;
	list-style: none;
	display: block;
	margin-bottom: 10px;
}

.side li.last {
	margin-bottom: 0;
}

.side li a {
 color: #000;
}

/* --------------Content --------------------------- */

#content {
	clear: both;
	background: #d9d5d6;
	padding: 20px;
	width: 920px;
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0 0 20px;
}

#left {
	width: 230px;
	margin-right: 20px;
	float: left;
}

.sidebar-top {
	height: 34px;
	background: url('../images/sidebar-top.jpg');
}

.sidebar-top-2 {
	height: 34px;
	margin: 20px 0 0;
	background: url('../images/sidebar-top2.jpg');
}

.sidebar-mid {
	background: #fff;
	padding: 12px 0 0;
	min-height: 12px;
	height: auto !important; 
}

.sidebar-btm {
	clear: both;
	background: url('../images/sidebar-btm.jpg') #fff no-repeat bottom left;
	padding: 6px;
	height: 12px;
}

#right {
	float: left;
	width: 670px;
}

#right-content-top {
	height: 10px;
	background: url('../images/content-top.jpg');
}

#right-content-mid {
	float: left;
	width: 630px;
	background: #fff;
	min-height: 14px;
	padding: 10px 20px 20px;
	height: auto !important; 
}

#right-content-btm {
	clear: both;
	background: url('../images/content-btm.jpg') #fff no-repeat bottom left;
	height: 7px;
}

#right-content-mid h2, #right-content-mid p, #footer p, #right ul, .product-box img {
	margin: 0 0 14px;
}

#right h3 {
	font-size: 16px;
	font-weight: bold;
	color: #d52022;
	margin: 0 0 14px;
}

.product-box {
	float: left;
	display: inline;
	width: 166px;
	padding: 10px;
	border: 2px solid #d9d5d6;
	margin: 0 30px 14px 0;
}

.product-box.last {
	margin: 0 0 14px 0;
}

.product-box p {
	text-align: center;
	font-weight: bold;
}

.in-contain {
	float: left;
	margin: 0 0 14px;
	display: inline;
}

.in-left {
	float: left;
	width: 440px;
}

.in-right {
	float: left;
	width: 170px;
	margin: 0 0 0 20px;
}

.in-left-50 {
	width: 295px;
	margin: 0 20px 0 0;
	float: left;
}

.in-right-50 {
	width: 315px;
	float: left;
}
.in-right-200 {
	width: 200px;
	float: right;
	margin-left: 30px;
}

.tbl-info {
    background: #f1f1f1;
    text-align: left;
    margin-bottom: 14px;
}

.tbl-info th {
	background: #e3e3e3;
	font-weight: bold;
	padding: 4px 8px;
}

.tbl-info td {
	padding: 4px 8px;
}


/*--------------Form----------------*/


.col-left {
	width: 300px;
	float: left;
}

.col-right {
	width: 330px;
	float: left;
}

#form {
	float: left;
	display: inline;
	width: 330px;
	margin-bottom: 14px;
}

#form p {
	padding-left: 0 !important;
}

.error-text, .red {
	color: #F00;
}

#form label {
	float: left;
	width: 120px;
	font-size: 14px;
	color: #000;
}

#form input.box {
	padding: 2px;
	float: left;
	color: #928d89;
	font-size: 12px;
	width: 149px;
	border: 1px solid #cecece;
}

#form textarea {
	border: 1px solid #cecece;
	float: left;
	color: #928d89;
	font-size: 12px;
	padding: 2px;
}

#form select {
	color: #928d89;
	border: 1px solid #cecece;
	font-size: 12px;
	width: 155px;
	float: left;
}

.submit {
	padding: 0 5px;
}

/*.submit {
	background:  url('../images/submit-button.jpg');
	color: #fff;
	border: 0;
	text-indent: -9999px;
	line-height: 1px;
	overflow: hidden;
	cursor: pointer;
	height: 30px;
	margin: 14px 0;
	width: 80px;
}

.submit:hover {
	background:  url('../images/submit-button.jpg') 0 -30px;
}*/

.row {
	margin-top: 14px;
	float: left;
	width: 330px;
}

.row.first {
	margin-top: 14px !important;
}

.error-text {
	color: #900 !important;
}

/*---------------------------------------------*/


/* ---------------------Footer ------------------------*/

#footer {
	text-align: center;
	font-size: 11px;
	color: #626262;
}

/* --------------------Overrights--------------------------- */

.clear {
	clear: both;
}

.no-margin {
	margin: 0 !important;
}

.img-float {
	float: left;
	margin: 0 0 14px;
}

.img-float.bottom {
	margin: 0;
}


/***********blog****************/
/***********blog****************/
/***********blog****************/
/***********blog****************/
/***********blog****************/


#blogroll{ min-height: 400px;}

.block{
	overflow: hidden;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}

.block h1,
.block h2,
.block h3,
.block h4,
.blcok p{
	margin: 0 0 15px 0;
}

.block h1{ font-size: 30px; }
.block h2{ font-size: 25px; }
.block h3{ font-size: 20px; }
.block h4{ font-size: 18px; }
.block small{
	display: block;
	margin: 0 0 15px 0;
}
.block p{}

.block ul{ list-style: disc; }
.block ul li{ margin: 0 0 15px 0;}

.block ol{ list-style: disc; }
.block ol li{ margin: 0 0 15px 0;}


.block .info{
	overflow: hidden;
}
.block .info h1{
	margin-bottom: 15px;
}
.block .info p{
}
.block .info small{
	margin-bottom: 15px;
}

.block .thumb{
	float: left;
	margin: 0 15px 15px 0;
}
.block .thumb img{
	display: block;
	margin: 0;
	padding: 0;
	border: none;
}

.block .callto{}
.block .callto a {
    display: block;
    background: url(../images/button-bg.jpg) repeat-x;
    padding: 0 20px;
    line-height: 30px;
    height: 30px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    border-radius: 5px;
}
.block .callto a:hover{
	opacity: 0.8;
}

.block.article .thumb{
	float: right;
	margin: 0 0 20px 20px !important;
	width: 200px; height: 200px;
}

.block.article .thumb img{
	width: 100%; height: auto;
}

.posts{}
.posts li{}
.posts li a{}
.posts li a:hover{}

.facebook {
	display: inline-block;
	zoom: 1;
	background: url(../images/facebook.png) center center no-repeat;
	padding: 2px 3px;
	text-indent: -9999px;
	width: 70px;
	height: 20px;
	line-height: 20px;
}

#nav {
    width: 100%;
    padding: 0;
    overflow: hidden;
    text-align: right;

}
#nav li{
	display: inline-block;
	float: none;
	margin-left: -3px;
}
#nav li a{
	display: block;
	height: 40px; line-height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background: url(../images/nav-bg.jpg) left -40px repeat-x;
	padding: 0 20px;
	text-decoration: none;
	font-size: 14px;
}
#nav li a.active,
#nav li a:hover.active
{
	background: url(../images/nav-bg.jpg) left top repeat-x;
}
#nav li a:hover{
	background: url(../images/nav-bg.jpg) left bottom repeat-x;
}

.sidebar{
	background: #fff;
	overflow: hidden;
	border-radius: 5px 5px 0 0;
}
.sidebar-mid{
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 0 0 5px 5px;
	padding-bottom: 20px;
}

.sidebar h2{
	background: url(../images/header-bg.jpg) right center no-repeat;
	height: 23px; line-height: 23px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	padding: 0 10px;
	margin: 10px;
	margin-bottom: 0;
	overflow: hidden;
	border-radius: 5px;
}

.in-contain{ overflow: hidden;}
.in-left{ width: 60%; }
.in-right{ width: 30%; float: right; }

.in-left img,
.in-right img{ width: 100%; height: auto; float: right !important; }

.product-box {
    float: none;
    display: inline-block;
    margin: 0 11px 14px 0;
}
.redtext {
    color: #E31212;
}

/* #Media Queries
================================================== */

#right-content-mid {
    float: none;
    width: auto;
    background: none;
    padding: 0;
}

#right{ width: 65%; padding: 20px; overflow: hidden; background: #fff; border-radius: 5px; margin: 0 0 20px 0; float: right; }
#left{ width: 24%; padding: 20px; overflow: hidden; background: #fff; border-radius: 5px; margin: 0 0 20px 0; float: left; }

.slicknav_menu{ display: none; }

.sidebar {
	padding: 0;
}

.sidebar h2 {
    padding: 0 15px;
    margin: 0;
}

#nav {
    border-radius: 10px 10px 0 0;
}

.next-button {
    display: block;
    float: left;
    clear: both;
    margin: 0 0 20px 0;
}
hr {
    height:1px; 
    border:none; 
    color:#000; 
    background-color:#737171;
    margin: 30px 0;
}


@media only screen and (max-width: 959px) {
	
body{ background: #e9e9e9; }
	
#wrapper {
    margin: 0 auto;
    width: 96%;
}
	
#container{
	background: url(../images/header-bg-mobile.png) center top no-repeat;
}

#header {
    height: 200px;
	text-align: center;
}

#title {
    margin: 35px auto 0 auto;
    float: none;
	padding: 0;
    display: inline-block;
}

#content {
    width: auto;
    border-radius:  0 0 10px 10px;
	margin-bottom: 30px;
}

#right{ width: 60%; }
#left{ width: 25%; }



#nav {
    border-radius: 10px 10px 0 0;
    margin-top: -20px;
}

#blogroll{ min-height: 100px;}

.block .thumb {
	width: 150px;
	height: 150px;
}
.block .thumb img{
	width: 100%;
	height: auto;
}

.product-box.last {
	margin-right: 11px;
}

.in-left-50,
.in-right-50{
	width: 40%;
	float: left;
}
.in-left-50 img,
.in-right-50 img{
	width: 100%;
	height: auto;
}
.in-right-200 {
    float: none;
	clear: both;
    margin: 0 0 20px 0;
}

/* 959px */
}

@media only screen and (max-width: 767px) {
	
.slicknav_menu{ 
	display: block;
}

#nav { display: none; }

#container{
	margin-top: 40px;
}

#content {
    position: relative;
    margin: -20px 0 30px 0;
    border-radius: 10px;
}


#right,
#left{ float: none; width: auto; }

#left{ margin-bottom: 20px;}

.block .thumb {
	width: 100px;
	height: 100px;
}

.block.article .thumb {
    width: 150px;
    height: 150px;
}

.col-left,
.col-right {
    width: auto;
    float: none;
}

#form {
    width: auto;
}
#form label {
    float: none;
    width: auto;
	display: block;
}

#form input.box {
    float: none;
	width: 95%;
	display: block;
}

#form textarea {
    float: none;
	width: 95%;
	display: block;
}

.row {
	width: 100%;
}

.product-box {
    width: 145px;
}
.product-box img{
	width: 100%;
	height: auto;
}

/* 767px */
}


@media only screen and (max-width: 479px) {

#content{ padding: 0; background: none;}
#left, #right{ padding: 15px;}

.block .thumb {
	float: none;
	max-width: 200px;
	margin: 0 0 20px 0;
}
	
.block.article .thumb {
	float: none;
	margin: 0 0 20px 0 !important;
}

.in-left{ width: 50%; }
.in-right{ width: 40%; }

.product-box {
    float: none;
    display: block;
    width: auto;
    padding: 10px;
    border: 2px solid #d9d5d6;
    margin: 0 0 20px 0;
	text-align: center;
	
}

.roll-5 {
    display: inline-block;
    height: 35px;
    width: 130px;
    margin: 0 auto;
}	

.product-box img{
	width: auto;
}

img.responsive{ width: 100%; height: auto;}

.in-left-50,
.in-right-50{
	width: auto;
	float: none;
}


.frame{
	overflow: scroll;
	width: 90%;
}

/* 479px */
}

@media only screen and (max-width: 300px) {

/* 300px */
}