/* Stylesheet created for Premier Build website by Nathan Beck 2008 all rights reserved */


body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form{
	margin: 0;
	padding: 0;
}

body {
	vertical-align: top;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(images/bodybg.png);
}

img {border: none;}

p { line-height: 18px; color: #222; }

a {text-decoration: none; color: #0840a6; }

h2 {
	font-size: 22px;
	color: #014294;
	font-weight: normal;
	font-family: Garamond, Century, Times, serif;
	padding: 10px 0 10px 0;
}
	
h3 {
	font-size: 15px;
	color: #444;
	font-weight: bold;
	padding-top: 10px;
}

#innerbody {
	width: 100%;
	height: 220px;
	background: url(images/innerbodybg.png) repeat-x;
}

#wrapper {
	width: 800px;
	margin: 0 auto;
	padding: 20px 0;
}

#wrappertop {
	width: 800px;
	height: 50px;
	float: left;
	display: inline;
	background: url(images/wrappertop.png) no-repeat;
}

#banner {
	width: 780px;
	height: 130px;
	padding: 10px;
	float: left;
	display: inline;
	background: url(images/bannerbg.png) repeat-x;
}

#wrappermiddle {
	width: 720px;
	padding: 20px 40px;
	float: left;
	display: inline;
	background: url(images/wrapperbg.png) repeat-y;
}

#wrapperbottom {
	width: 800px;
	height: 30px;
	float: left;
	display: inline;
	background: url(images/wrapperbottom.png) no-repeat;
}

#logo {
	width: 300px;
	height: 90px;
	display: inline;
	float: left;
}

#menu {
	width: 500px;
	height: 30px;
	margin-top: 10px;
	display: inline;
	float: left;
}

img#phonenumber {
	float: right;
	display: inline;
}


/* Footer Styles */

#footer {
	width: 780px;
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
	float: left;
	display: inline;
	color: #0840a6;
	font-size: 11px;
	font-family: Calibri, Verdana, Arial, sans-serif;	
}

#footer a {
	color: #0840a6;
}

#footer a:hover {
	text-decoration: underline;
}

#footerleft {
	width: 390px;
	float: left;
	text-align: left;
	display: inline;
}

#footerright {
	width: 390px;
	float: right;
	text-align: right;
	display: inline;
}

/* Menu Styles */

#menu ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

#menu ul li {
	height: 30px;
	margin-right: 10px;
	float: left;
	display: inline;
	background-position: top;
}

#menu ul li#menuhome {width: 70px;background: url(images/menuhome.png) no-repeat;}
#menu ul li#menuhome:hover {background-position: bottom;}

#menu ul li#menuproducts {width: 190px;background: url(images/menuproducts.png) no-repeat;}
#menu ul li#menuproducts:hover {background-position: bottom;}

#menu ul li#menucontact {width: 100px;background: url(images/menucontact.png) no-repeat;}
#menu ul li#menucontact:hover {background-position: bottom;}

#menu ul li a {
	height: 30px;
	width: 100%;
	font-size: 0px;
	display: block;
}

/* Splash */

#splash {
	width: 720px;
	height: 140px;
	float: left;
	display: inline;
	margin-bottom: 15px;
}

#splash ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

#splash ul li {
	width: 140px;
	height: 140px;
	margin-right: 5px;
	float: left;
	display: inline;
	background-position: top;
}

#splash ul li#splash1 {background: url(images/splash1.png) no-repeat;}
#splash ul li#splash1:hover {background-position: bottom;}

#splash ul li#splash2 {background: url(images/splash2.png) no-repeat;}
#splash ul li#splash2:hover {background-position: bottom;}

#splash ul li#splash3 {background: url(images/splash3.png) no-repeat;}
#splash ul li#splash3:hover {background-position: bottom;}

#splash ul li#splash4 {background: url(images/splash4.png) no-repeat;}
#splash ul li#splash4:hover {background-position: bottom;}

#splash ul li#splash5 {background: url(images/splash5.png) no-repeat; margin-right: 0;}
#splash ul li#splash5:hover {background-position: bottom;}


/* Contact Page */

#contact {
	width: 470px;
	float: left;
	display: inline;
}

span#contactname {margin-right: 55px;}
span#contactemail {margin-right: 56px;}
span#contactcompany {margin-right: 35px;}
span#contactphone {margin-right: 5px;}

input.textbox {
	width: 213px;
	height: 16px;
	padding: 2px;
	background: #fff;
	border: 2px solid #8ebdf4;
	color: #444;
}

textarea.textarea {
	border: 2px solid #8ebdf4;
}

#sidebar {
	width: 250px;
	float: left;
	display: inline;
}

p#address {
	width: 210px;
	border: 5px solid #8ebdf4;
	padding: 15px;
	color: #444;
	line-height: 20px;
}

/* Fiddly Bits */

.listleft {
	list-style-type: none;
	padding: 0;
	margin: 20px 0 20px 20px;
	float:left;
	display: inline;
	width: 340px;
}

.listleft li {
	padding-left: 20px;
	margin-bottom: 10px;
	background: url(images/arrow.png) no-repeat top left;	
}

.listright {
	list-style-type: none;
	padding: 0;
	margin: 20px 0;
	float:left;
	display: inline;
	width: 350px;
}

.listright li {
	padding-left: 20px;
	margin-bottom: 10px;
	background: url(images/arrow.png) no-repeat top left;	
}