/* Reset defaults */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {
	margin:0;
	padding:0;
	vertical-align:baseline;
	list-style-position: inside;
}

/* stops shorter pages from jumping due to default scrollbar */
html { min-height:100%; margin-bottom:1px; }

/* Defaults */
:focus {outline:0}
a, a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color: #000000;
}
body {
	font-family: Arial;
	font-size: 62.5%;
	background-color: #CCFFFF;
	background-image: url(../images/header-bg.jpg);
	background-repeat: repeat-x;
}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
img {border:0;vertical-align:bottom}
fieldset {border:0}
p {margin:0 0 1em}

/* Containers */
#skip {height:0px;overflow:hidden;width:0px}
#page {width:1024px;margin:0 auto}

/* Header */
#header{
	position:relative;
	height:127px;
	background-image: url(../images/bg-header-image.jpg);
	background-repeat: no-repeat;
	background-position: 100px 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
}
/* logo */ 
#header h1{
	background:url(../images/logo.jpg) no-repeat 0 0;
	position:absolute;
	width:339px;
	left:89px;
	top:13px;
}
#header h1 a{
	display:block;
	height:54px;
	text-indent:-9999px;
}

/* menu */ 
#header ul{
	position:absolute;
	left:80px;
	top:94px;
}
#header li{
	width:93px;
	float:left;
	list-style:none;
	display:inline;
	height:1%;
	overflow:hidden;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
}
#header li.first{
	width:110px;
}
#header li a{
	display:block;
	background:url(../images/news-button.gif) no-repeat 0 0;
	height:23px;
	padding:7px 0 0 0;
	text-align:center;
	color:#fff;
	font:1.2em Verdana;
	text-transform:capitalize;
}

/* Sidebar */
#sidebar{
	float:left;
	overflow:hidden;
	width: 264px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 4px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
#anchor {
	background-image: url(../images/commercial_g.gif);
	width: 252px;
	margin-bottom: 0px;
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
	height: 77px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 12px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 12px;
}

#anchor:hover {
	background-image : url(../images/commercial_g2.gif);
}
#anchortravel {
	background-image: url(../images/travel_g.gif);
	width: 252px;
	margin-bottom: 0px;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	height: 77px;
	padding-top: 12px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 12px;
	background-repeat: no-repeat;
}
#anchortravel:hover {
	background-image : url(../images/travel_g2.gif);
}
#anchorhome {
	background-image: url(../images/home_g.gif);
	width: 252px;
	margin-bottom: 0px;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	height: 77px;
	padding-top: 12px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 12px;
	background-repeat: no-repeat;
}
#anchorhome:hover {
	background-image : url(../images/home_g2.gif);
}
#anchormotor {
	background-image: url(../images/motor_g.gif);
	width: 252px;
	margin-bottom: 0px;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	height: 77px;
	padding-top: 12px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 12px;
	background-repeat: no-repeat;
}
#anchormotor:hover {
	background-image : url(../images/motor_g2.gif);
}
#anchorcaravan {
	background-image: url(../images/caravan_g.gif);
	width: 252px;
	margin-bottom: 0px;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	background-repeat: no-repeat;
	height: 95px;
	padding-top: 12px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 12px;
}
#anchorcaravan:hover {
	background-image : url(../images/caravan_g2.gif);
}
#anchorpet {
	background-image: url(../images/pet.gif);
	width: 250px;
	padding: 7px;
	margin-bottom: 3px;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
}
#anchorpet:hover {
	background-image : url(../images/petlit.gif);
}
#anchorboat {
	background-image: url(../images/boat.gif);
	width: 250px;
	padding: 7px;
	margin-bottom: 3px;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
}
#anchorboat:hover {
	background-image : url(../images/boatlit.gif);
}
#anchorclaims {
	background-image: url(../images/claims_g.gif);
	width: 252px;
	margin-bottom: 0px;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	height: 77px;
	padding-top: 12px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 12px;
	background-repeat: no-repeat;
}
#anchorclaims:hover {
	background-image : url(../images/claims_g2.gif);
}
#anchorcontact:hover {
	background-image: url(../images/contact_g2.gif);
	width: 252px;
	margin-bottom: 0px;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	height: 77px;
	padding-top: 12px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 12px;
	background-repeat: no-repeat;
}
#anchorcontact {
	background-image: url(../images/contact_g.gif);
	width: 252px;
	margin-bottom: 0px;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	height: 77px;
	padding-top: 12px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 12px;
	background-repeat: no-repeat;
}

#header li.first a{
	background:url(../images/news-button-first.gif) no-repeat 0 0;
}
#faces {
}
#header li .current{
	background:url(../images/news-button-current.gif) no-repeat 0 0;
	color:#000066;
	font-weight:bold;
	font-family: Verdana;
	font-size: 1.2em;
}
#header li.first .current{
	background:url(../images/news-button-first-current.gif) no-repeat 0 0;
}
/*tagline*/
#tagline{
	width:880px;
	margin:0 auto 8px auto;
	height:195px;
	background:url(../images/tagline-area.jpg) no-repeat 0 0;
}
#tagline h2{
	font:2.6em Arial;
	color:#600;
	font-weight:normal;
	padding:40px 0 7px 30px;
}
#tagline p{
	padding:0 0 0 50px;
	width:465px;
	font:1.4em Arial;
	color:#333;
	line-height:1.8em;
	margin:0;
}
/* Content*/
#content{
	padding:14px 0 0;
	width:880px;
	margin:0 auto;
	height:1%;
	overflow:hidden;
	background-color: #FFFFFF;
	background-image: url(../images/content-top.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#content .wrap{
	background:#f9f9f7;
	height:1%;
	overflow:hidden;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #0000CC;
	border-left-color: #0000CC;
}
/*the right side of the content is included in .main,the left side of the content is include in #sidebar */
.main{
	float:left;
	width:575px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	background-position: right top;
	background-image: url(../images/contact_us.jpg);
	background-repeat: no-repeat;
}
.commercial {
	float:left;
	width:575px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
/*styling of welcome box*/
.main .welcome{
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	border-bottom-color: #999999;
}
.commercial .welcome {
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	border-bottom-color: #999999;
}
#faces {
	width: 575px;
	margin-top: 15px;
}
.main h2{
	font-size:3.2em;
	font-weight:normal;
	color:#000099;
	padding:7px 0 12px 0;
}

.main h3{
	font-size:1.2em;
	font-weight:normal;
	color:#600;
	padding:7px 0 12px 0;
}
.main .welcome .intro{
	font-size:1.3em;
	line-height:1.4em;
	color:#333333;
	width: 355px;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 220px;
}
.commercial .welcome .intro {
	font-size:1.3em;
	line-height:1.4em;
	color:#333333;
	width: 550px;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 20px;
}

.main .welcome .intro img {
	border: 1px solid black;
	padding: 0px;
}


/*news boxes are the two blocks under welcome box */
.main .news{
	width:575px;
	float:left;
	min-height:276px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
}
* html .main .news{
	height:276px;
}
/*the second news box which has a veticl line shows as background */
.main .last{
	background:url(../images/vline.gif) repeat-y 0 0;
	padding:0 0 0 33px;
}
.news h4{
	padding:20px 0 30px 0;
	font-size:1.8em;
	color:#600;
	font-weight:normal;
}
.news .date{
	font-size:1.2em;
	color:#333;
	font-weight:bold;
	background:url(../images/news-icon.jpg) no-repeat 0 50%;
	padding:5px 0 5px 23px;
}
.news .more a{
	font-size:1.1em;
	color:#600;
	text-decoration:underline;
	padding:0 0 0 5px;
}

/*styling of contact page*/
.contact-form{
	background:url(../images/camera-lens.jpg) no-repeat 100% 0;
	height:1%;
	overflow:hidden;
	margin-top: 50px;
	padding-top: 28px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
.contact-form form{
	border:1px #a8a8a8 solid;
	width:548px;
	position:relative;
	padding:45px 0;
	float:left;
}
.contact-form h3{
	color:#0066CC;
	font-size:2em;
	font-weight:normal;
	position:absolute;
	left:72px;
	top:-16px;
	padding:0 13px;
	background:#f9f9f7;
}
.contact-form label{
	font-size:1.4em;
	width:138px;
	text-align:right;
	float:left;
}
.contact-form input,.contact-form textarea{
	float:left;
	margin:0 0 0 10px;
	border:1px #747570 solid;
	font-size:1.2em;
	color:#a8a8a8;
	width:175px;
	padding:3px;
}
.contact-form p{
	float:left;
	clear:left;
	width:400px;
	margin:0 0 5px 0;
}
.contact-form textarea{
	width:242px;
	height:114px;
	overflow:auto;
}
.contact-form .submit-button{
	width:98px;
	padding:2px 0;
	text-align:center;
	font-size:1.4em;
	text-transform:uppercase;
	margin:0 0 0 148px;
	border:1px #666 solid;
	color:#000;
}
	
}
}

.box .wrap2{
	background:url(../images/services-icon.jpg) #c8ccb2 no-repeat 184px 10px;
	width:251px;
	padding:0 0 8px 10px;
}
.box .newsletter{
	background:url(../images/newsletter-icon.jpg) #c8ccb2 no-repeat 175px 7px;
}
.box .contact{
	background:url(../images/contact-us-icon.jpg) #c8ccb2 no-repeat 166px 2px;
}

.box .newsletter span{
	display:block;
	padding:22px 0 17px 0;
	font:1.1em Arial;
	color:#333;
}
.box h3{
	width:117px;
	background:url(../images/box-line.gif) no-repeat 0 100%;
	font-size:2.0em;
	color:#600;
	padding:21px 0 2px 13px;
}
.box ul{
	padding:8px 0 0 5px;
}
.box li{
	background:url(../images/arrow.gif) no-repeat 0 50%;
	padding:4px 0 4px 15px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
}
.box li a{
	font:1.2em Arial;
	color:#333;
}
.box form{
	overflow:hidden;
	height:1%;
}
.box .input-box{
	border:1px #740000 solid;
	width:152px;
	font:1.2em Arial;
	color:#333;
	padding:4px 3px 4px 3px;
	margin:0 6px 0 0;
	display:inline;
}
.box input{
	float:left;
}
.box address{
	font-style:normal;
}
.box .phone{
	padding:24px 0 0 0;
}
.box .submit-button{
	background:url(../images/newsletter-submit-button.jpg) no-repeat  0 0;
	border:0;
	width:80px;
	text-align:center;
	padding:4px 0 5px 0;
	color:#fff;
	font:1.2em Arial;
}
/* Footer */
#footer{
	text-align:center;
	font-size:1.2em;
	color:#fff;
	background-color: #000099;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: repeat-x;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 13px;
	padding-left: 0;
}
#footer ul{
	padding:0 0 25px 0;
}
#footer ul li{
	display:inline;
	border-left:1px #fff solid;
	padding:0 9px 0 10px;
}
#footer li.first{
	border:0;
}
#footer li a{
	color:#fff;
	text-transform:capitalize;
}
/*  used to float images in content area left or right so text flows around it */
imgleft {
	float: left;
	padding: 16px;
}

.imgright {
	float: right;
	padding: 16px;
}
