/**** © 2007 soVision Ltd ****/
/** CSS Styles for Mark Richard Insurance  **/

/* Site Wide Colours               
		Background	:	#B4C2E2
		Dark Blue	:	#002D64
		Green		:	#16943C

		
		    */
		
body{
	background:#B4C2E2 url(../../images/background-blend.jpg) top repeat-x;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	color:#002D64;
}
/* HOLDING STRUCTURE */
.container{
	margin:0px auto 0px auto;
	padding:0px;
	border:0;
	width:946px;
}
.top{
	height:16px;
	background:url(../../images/background-top.gif) bottom no-repeat;
	padding:0px;
	margin:0px;
}
.left_margin {
	float:left;
	position:relative;
	width:8px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.holding_area
{
	float: left;
	position: relative;
	width: 938px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url(../../images/background-right.gif) right repeat-y;
}
.page{
	margin:0px 0px 0px 0px;
	width:930px;
	background:#FFFFFF;
	float:left;
	position:relative;

}
.right_margin
{
	float: right;
	position: relative;
	width: 8px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	background: url(../../images/background-right.gif) repeat-y right 50%;
}
/* HEADER */
.header
{
	background: url(../../images/mark-richard-heading.jpg) #ffffff no-repeat left top;
	padding: 0px;
	margin: 0px;
	float: left;
	width: 930px;
}
.logo{
	margin-left:24px;
	border:none;
	float:left;
}
.tel{
	color:#002D64;
	font-weight:bold;
	font-size:3em;
	margin:40px 0px 0px 160px;
	float:left;
	letter-spacing:-.02em;
}
.strap{
	font-size:.35em;
	margin:-8px 0px 0px 2px;
	float:left;
	letter-spacing:.07em;
}
.date{
	color:#002D64;
	font-weight:bold;
	font-size:.75em;
	text-align:center;
	width:230px;
	margin-left:700px;
}
/* FOOTER */
.foot
{
	height: 18px;
	background: url(../../images/background-bottom.gif) no-repeat 50% top;
	padding: 8px 20px 0px 20px;
	font-size: 0.8em;
	color: #FFFFFF;
}
.foot a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.foot a:hover{
	text-decoration:underline;
}
.foot_left{
	float:left;
	position:relative;
}
.foot_right{
	float:right;
	position:relative;
}

/* LEFT NAV */
.leftnav{
	float:left;
	position:relative;
	width:140px;
	margin:0px 0px 210px 6px;
}
.leftnav ul{
	padding:0px;
	margin:0px 0px 2px 0px;
	width:140px;
}
.leftnav li{
	list-style:none;
	margin:0px 0px 1px 0px;
	font-size:.9em;
	color:#FFFFFF;
}
.leftnav li a{
	display:block;
	background:#16943C url(../../images/nav-background-green.gif) right repeat-y;
	color:#FFFFFF;
	text-decoration:none;
	padding:2px 4px 2px 4px;
	margin:0px;
	min-height:18px;
	font-weight:normal;
}
.leftnav li a:hover{
	color:#FFFFFF;
	text-decoration:none;
	zoom:1;
	/* for IE */
  	filter:alpha(opacity=70);
  	/* CSS3 standard */
  	opacity:0.7;
  	/* for Mozilla */
  	-moz-opacity:0.7;
}
.nav_sectiontitle{
	background:#002D64 url(../../images/nav-background-blue.gif) right repeat-y!important;
	color:#FFFFFF!important;
}
.nav_sectiontitleselected
{
	background:#002D64 url(../../images/nav-background-blue.gif) right repeat-y!important;
	color:#FFFFFF!important;
	text-decoration:none;
	zoom:1;
	/* for IE */
  	filter:alpha(opacity=80);
  	/* CSS3 standard */
  	opacity:0.8;
  	/* for Mozilla */
  	-moz-opacity:0.8;
}
.nav_selected
{
	color:#FFFFFF;
	text-decoration:none;
	zoom:1;
	/* for IE */
  	filter:alpha(opacity=80);
  	/* CSS3 standard */
  	opacity:0.8;
  	/* for Mozilla */
  	-moz-opacity:0.8;	
}	

/* PAGE CONTENT */
.page_content{
	margin:8px 0px 8px 18px;
}
.main-column{
	float:left;
	position:relative;
	width:749px;
	min-width:757px;
	max-width:757px;
}
.left-column{
	float:left;
	position:relative;
	width:522px;
	min-width:535px;
	max-width:535px;
	padding:0px 12px 0px 0px;
	margin:0px 8px 0px 8px;
	background:url(../../images/border-green-dot.gif) right repeat-y;
}
.single-column{
    width:700px;
	float:left;
	position:relative;
	padding:0px 12px 0px 0px;
	margin:0px 8px 0px 8px;
}
.right-column{
	float:left;
	position:relative;
	width:182px;
	margin:16px 8px 0px 0px;
	text-align:center;
}
.right-column-address{
	float:right;
	width:182px;
	margin:-220px 8px 0px 0px;
	vertical-align:bottom;
}
/* PAGE FOOT */
.page-foot{
	clear:both;
	margin:0px 0px 0px 0px;
}
.page-foot-line{
	background:#002D64 url(../../images/nav-background-blue.gif) right repeat-y;
	position:relative;
	font-size:3px;
	margin:0px 6px 0px 1px;
}
.page-foot-nav{
	font-size:.8em;
	text-align:center;
	margin:2px 6px 8px 6px;
}
.team-pic{
	float:left;
	margin:-200px 0px 0px 12px;
}
/* TEXT STYLING */
h1{
	margin:0px 0px .5em 0px;
	font-size:1.8em;
}
h2{
	margin:0px 0px .5em 0px;
	font-size:1.4em;
}
h3{
	margin:0px 0px .5em 0px;
	font-size:1.2em;
}
h4{
	margin:0px 0px .5em 0px;
	font-size:1.1em;
}
p{
	margin:0px 0px .75em 0px;
	font-size:1em;
}
a{
	color:#002D64;
	text-decoration:none;
	font-weight:bold;
}
a:hover{
	color:#002D64;
	text-decoration:underline;
}
.quote{
	margin:0px 0px .75em 0px;
	font-size:1em;
	font-style:italic;
	font-weight:bold;
	line-height:1.75em;
}
.quote-66{
	padding:0px 6px 0px 0px;
}
.quote-99{
	padding:0px 0px 0px 6px;
}
/* HOME PAGE FEATURES */
.feature{
	float:left;
	position:relative;
	margin:0px 0px 6px 0px;
}
.feature-box{
	float:left;
	position:relative;
	width:164px;
	height:151px;
	margin:0px 16px 6px 0px;
	padding:4px 80px 4px 8px;
}
.feature-box-right{
	float:left;
	position:relative;
	width:164px;
	height:151px;
	margin:0px 0px 6px 0px;
	padding:4px 80px 4px 8px;
}
.feature h2{
	margin:0px 0px 0px 0px;
}
.feature p{
	margin:3px 0px 3px 0px;
}
.feature ul{
	margin:3px 0px 0px 28px;
}
.feature li{
	list-style:url(../../images/bullet.gif);
}
/* KEY CONTACTS */
.key-contact{
	background:url(../../images/border-green-horizontal.gif) bottom repeat-x;
	margin:0px 0px 12px 0px;
	padding:0px 0px 8px 0px;
}
.key-contact-last{
	margin:0px 0px 12px 0px;
	padding:0px 0px 8px 0px;
}
.key-contact img,.key-contact-last img{
	float:right;
	position:relative;
	margin:0px 0px 12px 8px;
}
.green{
	color:#16943C;
	font-size:.75em;
}
.green b{
	font-size:1.4em;
}
/* MISC. */
.clear{
	clear:both;
}

input.button{
	font-size:0.8em;
	margin:0px 16px 0px 0px;
	border:3px double #16943C;
	border-top-color:#5BB376;
	border-left-color:#5BB376;
	background-color:#16943C;
	color: #fff;
}

input.buttonhov{
	background-color:#5BB376;
}

/* Quotation forms stuff */

.formTag120
{
	width:120px;
	float:left;
	padding:4px 0px 4px 0px;
}
.formTag200
{
	width:200px;
	float:left;
	padding:4px 0px 4px 0px;
}

.formTag350
{
	width:350px;
	float:left;
	padding:4px 0px 4px 0px;
}

.formTag
{
	float:left;
	padding:4px 0px 4px 0px;
}

.formElement
{
	float:left;
	vertical-align:middle;
}


.policyColumnHeader
{
	font-weight:bold;
	width:70px;
	float:left;
	padding:4px 0px 4px 0px;
}
.policyColumn
{
	width:70px;
	float:left;
	padding:4px 0px 4px 0px;
}

.claimColumnHeader
{
	font-weight:bold;
	width:110px;
	float:left;
	padding:4px 0px 4px 0px;
}
.claimColumn
{
	width:110px;
	float:left;
	padding:4px 0px 4px 0px;
}

.tinyInfo
{
	font-size: .6em;
}