@import url("reset.css");

body {font: 70%/2em Verdana, Arial, Helvetica, sans-serif; background:url(../images/core/bg.gif) 0 0 repeat-x #e3e2e2; color:#333333;}


h1{background:url(../images/core/heading-bg.jpg) 0 0 no-repeat; width:520px; height:57px; position:absolute;top:-18px; left:72px; padding:10px 0 0 50px;}
h2{font-size:1.3em; padding:15px 0 0 0; color:#131448;}
h3{font-size:1.1em; padding:15px 0 0 0; color:#131448;}
h4{font-size:1.5em; padding:20px 0 0 0;}
h5{font-size:1.4em; padding:25px 0 0 0;}
p{padding:20px 0 0 0;}

.print {display:none;}

#container {width:960px; margin: 0 auto; padding:30px 0 0 0;}

#header {}

h2#logo a {background:url(../images/core/logo.jpg) 0 0 no-repeat; width:348px; height:54px; display:block; text-indent:-999em; overflow:hidden; float:left; margin:0 0 0 10px;}

/*************************************-Navigation-************************************/

ul#primary-nav {float:right; margin:26px 0 0 0;}
	ul#primary-nav li {display:inline; float:left; margin-left:25px;}
	ul#primary-nav a {height:17px; text-indent:-999em; display:block; overflow:hidden;}

	ul#primary-nav a#nav-home {background:url(../images/core/nav/nav-home.gif) 0 0 no-repeat; width:70px;}
	ul#primary-nav a#nav-profile {background:url(../images/core/nav/nav-profile.gif) 0 0 no-repeat; width:87px;}
	ul#primary-nav a#nav-products {background:url(../images/core/nav/nav-products.gif) 0 0 no-repeat; width:154px;}
	ul#primary-nav a#nav-links {background:url(../images/core/nav/nav-links.gif) 0 0 no-repeat; width:58px;}
	ul#primary-nav a#nav-contact {background:url(../images/core/nav/nav-contact.gif) 0 0 no-repeat; width:98px;}
	
	#container ul#primary-nav a:hover {background-position:0 -17px;}
	
	body#home #container ul#primary-nav a#nav-home,
	body#profile #container ul#primary-nav a#nav-profile,
	body#products #container ul#primary-nav a#nav-products,
	body#links #container ul#primary-nav a#nav-links,
	body#contact #container ul#primary-nav a#nav-contact,
	body#thankyou #container ul#primary-nav a#nav-contact
	{background-position:0 -17px;}
	
	
/*************************************-Banner-************************************/
 
#banner {width:960px; height:275px; margin:47px 0 34px 0; overflow:hidden;}


/*************************************-Content Containers-************************************/

#content-container {width:960px;  background:url(../images/core/content-bg.jpg) 0 0 repeat-y; position:relative;}
	#top-bg{background:url(../images/core/top-bg.gif) 0 0 no-repeat; width:920px; height:9px; margin:0 0 0 40px; overflow:hidden; line-height:0;}
	#right-bg{background:url(../images/core/right-bg.gif) 0 0 no-repeat; width:7px; height:186px; float:right;}
  #bottom-bg{background:url(../images/core/bottom-bg.jpg) 40px 0 no-repeat; width:960px; float:left; margin:0; height:5px; display:block;}
	#secondary-content {width: 200px;  padding: 0 0 0 15px; float:left; font-size:1.2em; line-height:1.3em; color:#000000; background:url(../images/core/heading-secondary-bg.jpg) 0 0 no-repeat;}
#primary-content {width:604px;  float:left; background:url(../images/core/prime-content-bg.jpg) 184px 0 no-repeat; overflow:hidden; padding: 50px 20px 35px 105px;}


/*************************************-Gallery-************************************/

#gallery { width: 600px; float: left; }
#gallery p { margin-bottom: 1.35em; }
#gallery ul { list-style-type: none; }
#gallery ul li { display: inline; padding: 0 10px 10px 0; float: left; }
#gallery ul li a img { border: 3px solid #f4f4f4; }
#gallery ul li a:hover img { border: 3px solid #F7F93E; }


/*************************************-Content Styles-************************************/

#content-container a {color:#008bca;}
#content-container a:hover {color:#000000; text-decoration:none;}
#primary-content img.right-image {float:right; border:1px #cccccc solid; padding:7px; background:#ffffff; margin:0 0 2px 5px;}
#primary-content img.left-image {float:left; border:1px #cccccc solid; padding:7px; background:#ffffff; margin: 0 5px 2px 0;}

#primary-content .content-division {border-bottom:1px solid #cccccc; padding:10px 0; margin: 10px 0;}
#primary-content .content-division ul{width:600px; display:block;}
#primary-content .content-division ul li { list-style:inside disc; display:inline; width:200px; float:left;}

#primary-content .link-seperator {border-bottom:1px solid #cccccc; padding:15px 0 10px; line-height:1.5em;}
#primary-content .link-seperator p {margin:5px 0;}

#primary-content div#product-accordian div.title {cursor: pointer; margin: 0 0 10px 0;}
#primary-content div#product-accordian div.title img.viewthis {margin: 0 0 0 10px;}
#primary-content div#product-accordian div.title img.product-icon {float: left; display: inline; margin: 0 10px 0 0; width: 40px; height: 37px;}


/*************************************-Form-************************************/

form.form fieldset, form.form ol, form.form li, form.form legend {margin: 0;padding: 0;}
form.form fieldset { border: 0; }
form.form ol { list-style: none; }
form.form li { margin-bottom: 5px; widows:310px; }
form.form label {display: inline-block;width: 150px;vertical-align:top;}

form.form input, form.form select, form.form textarea {
	width: 170px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

form.form textarea { height: 200px; }
form.form select {padding: 0;width: auto;}
form.form li.button { margin-top: 12px; margin-bottom: 0; }
form.form li.button input {
	width: auto;
	border: 0;
	background: #333;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend { display: inline-block;}

form.form input.boxes  {
	width:25px;
	padding:0;
	margin:0;
	border:none;
	background:none;
}




/*************************************-Footer-************************************/
ul#footer-nav {width:271px; float:left; padding:4px 0 8px 62px; font-size:0.95em; line-height:1.3em;}
ul#footer-nav li{display:inline; color:#4e4a4a;}
ul#footer-nav a{text-decoration:none; color:#4e4a4a;}
ul#footer-nav a:hover{text-decoration:none; color:#bcb000;}
img#webfirm-logo{float:right; width:70px; height:17px; margin:12px 10px 0 0;}