/* 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}

/* 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}
body {font:62.5% Arial;background:url(../images/header-bg.jpg) #d7d9c6 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:124px;
	background:url(../images/bg-header-image.jpg) no-repeat 490px 0;
	margin:0 0 12px 0;
}
/* logo */ 
#header h1{
	background:url(../images/logo.jpg) no-repeat 0 0;
	position:absolute;
	width:501px;
	left:57px;
	top:8px;
	visibility: visible;
	height: 81px;
}
#header h1 a{
	display:block;
	height:54px;
	text-indent:-9999px;
}

/* menu */ 
#header ul{
	position:absolute;
	left:58px;
	top:93px;
}
#header li{
	width:160px;
	float:left;
	list-style:none;
	margin:0 2px 0 0;
	display:inline;
	height:1%;
	overflow:hidden;
}
#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;
}
#header li.first a{
	background:url(../images/news-button-first.gif) no-repeat 0 0;
}
#header li .current{
	background:url(../images/news-button-current.gif) no-repeat 0 0;
	color:#333;
	font:1.4em Verdana;
	font-weight:bold;
}
#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{
	background:url(../images/content-top.jpg) no-repeat 0 0;
	padding:14px 0 0;
	width:880px;
	margin:0 auto;
	height:1%;
	overflow:hidden;
}
#content .wrap{
	border-left:1px #bcc0a1 solid;
	border-right:1px #bcc0a1 solid;
	background:#f9f9f7;
	height:1%;
overflow:hidden;
	padding:0 0 15px 0;
}
/*the right side of the content is included in .main,the left side of the content is include in #sidebar */
.main{
	float:left;
	width:540px;
	padding:0 0 0 30px;
}
/*styling of welcome box*/
.main .welcome{
	float:left;
	padding:0 0 20px 0;
	background:url(../images/line.gif) no-repeat 50% 100%;
	margin:0 0 10px 0;
}
.main h2{
	font-size:2.4em;
	font-weight:normal;
	color:#600;
	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.6em;
	color:#000;
}

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


/*news boxes are the two blocks under welcome box */
.main .news{
	width:470px;
	float:left;
	padding:0 33px 0 0;
	min-height:276px;
}
* html .main .news{
	height:276px;

}
.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 .article{
	color:#000;
	font-size:1.3em;
	padding:4px 0 25px 5px;
	line-height:1.6em;
}
.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;
	padding:28px 0 0 100px;
	height:1%;
	overflow:hidden;
	margin-top: 50px;
}
.contact-form form{
	border:1px #a8a8a8 solid;
	width:548px;
	position:relative;
	padding:45px 0;
	float:left;
}
.contact-form h3{
	color:#a48a44;
	font-size:2.0em;
	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:#000000;
	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;
}

/* Sidebar */
#sidebar{
	float:left;
	height:1%;
	overflow:hidden;
	margin:0 0 0 20px;
}
.box{
	border:1px #bcbc9e solid;
	background:#fff;
	padding:1px;
	margin:0 0 2px 0;
}
.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{
	list-style:none;
	background:url(../images/arrow.gif) no-repeat 0 50%;
	padding:4px 0 4px 15px;
}
.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{
	width:200px;
	font-size:1.2em;
	padding:20px 0 0 0;
	line-height:1.4em;
}
.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{
	background:url(../images/footer-bg.jpg) #660000 repeat-x;
	text-align:center;
	padding:30px 0 13px 0;
	font-size:1.2em;
	color:#fff;
}
#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;
}