/*
Theme Name: Vienneau Insurance
Theme URI:
Description: Original theme developed by Media Mechanics for Vienneau Insurance.
Version: 1.0
Author: Media Mechanics
*/

/* CSS Reset */
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,a,em,img,strong,sup,dl,dt,dd,ol,ul,li,fieldset,form,label{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

body{
	background: #3c4144;
	color: #3c4144;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	text-align: center;
}

/* TEXT ELEMENTS */
h1, h2, h3{font-weight:normal;}
h1{color:#004962;font-size:26px;margin:10px 0 20px 0;}
h1 span{color:#704b1e;font-size:22px;}
h2{color:#704b1e;font-size:22px;margin-bottom:5px;}
h3{color:#cbb778;font-size:18px;margin:0 0 5px 0;}

p{line-height:1.5;margin:0 0 15px 0;}
strong{font-weight:bold;}
em{font-style:oblique;}

a, a:link, a:visited, a:hover, a:active{color:#004962;}

/* LAYOUT */
#container{
	margin: 40px auto 10px auto;
	width: 814px;
	background: #fff url(images/bg-container.jpg) top left repeat-y;
	text-align: left;
}

#header{
	width: 814px;
	height: 135px;
	background: #fff;
}
#logo{float:left;margin:40px 0 0 35px;}
#tagline{
	clear: right;
	color: #cbb778;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin: 20px 25px 0 0;
	text-align: right;
	width: 400px;
}
#tagline span{color:#004962;font-size:18px;}

#masthead{height:199px;border-bottom:1px solid #003e53;}

#sidebar{float:left;width:200px;margin:0 0 0 20px;padding-bottom:30px;}
#sidebar h2{clear:both;border-bottom:1px solid #fff;margin-top:30px;}
#sidebar .quote_icon{float:left;width:65px;margin:10px 0 0 -0;text-align:center;}
#sidebar .quote_icon a{font-size:11px;}
#sidebar .quote_icon .last{margin-right:0;}

#content{float:left;margin:10px 0 0 25px;width:540px;}
#content ul, #sidebar ul{margin:0 0 20px 25px;}
#content ul li, #sidebar ul li{list-style-type:square;margin-top:10px;}

/* NAVIGATION */
#nav li, #nav_header li, #nav_content li, #nav_footer li{display:inline;}
#nav{
	clear: both;
	width: 814px;
	height: 37px;
	background: transparent url(images/nav-bg.jpg) top left repeat-x;
}

#nav li{
	float: left;
	background: url("images/nav-divider.jpg") top right no-repeat;
	margin-top:7px;
}
#nav li.last{background:none;}
#nav a{
	color: #fff;
	display: block;
	float: left;
	font-size: 14px;
	text-decoration: none;
	padding: 3px 20px 4px 20px;
}

/* SEARCH */
#nav li#search #s{width:140px;margin-right:5px;border:1px solid #003e53;}


#nav_header{display:block;float:right;margin:0x 30px 0 0;width:240px;}
#nav_header li{float:left;line-height:30px;}
#nav_header li a{border-left:1px solid #ccb778;font-size:14px;text-decoration:none;padding:0 8px;}
#nav_header li a.first{border-left:none;}
#nav_header li.french{background-color:#ccb778;}
#nav_header li.french a{margin:5px 0;color:#fff;}


/* FOOTER NAVIGATION */
ul#nav_content{clear:both;margin:20px 0;}
ul#nav_content li a{border-right:1px solid #ccc;padding:0 6px;}
ul#nav_content li.last a{border:0;}

#footer{margin-bottom:20px;color:#ccb778;font-size:12px;text-align:center;}

/* MISC */
.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
.landing{
	width: 400px;
	margin-left:60%;
}