﻿/* Reset Page - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
	}
 
 table {
	border-collapse: collapse;
	border-spacing: 0;
	}
 
 fieldset,img { border:0;}
 
 address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
	}
 
 ol,ul {list-style: none;}
 
 caption,th {text-align: left;}
 
 q:before,q:after {content:'';}
 
 abbr,acronym { border: 0;}

/* Defaults - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

html {
    text-align: center;
    min-width: 960px;
    padding: 0;
    margin: 0;
	background-color: #ffffff;
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
 	}

body {
     text-align: left;
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     padding: 0;
	 font-size: 62.5%;

 }
 
 #wrapper{
 	width: 992px;
	margin: 0 auto;
	}

.left  {float:left;}
.right {float:right;}
.white {color:#fff; font-size:1.2em;}
.grey  {color:#999;	font-size:1.1em;}
.black {color:#000; margin-left:10px;}
.bold {font-weight:bold;}

h1 { color:#1c4046; font-weight:bold; font-size:1.2em;}

/* Nav - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

 #menu {
	background:url(images/nav_bg.gif) repeat-x;
	width:960px;
	height:32px;
	list-style: none;
	margin: 0 auto;
	}
 
 #menu li {
	float: left;
	margin: 0;
	padding: 0;
	padding-left:10px;
	}

 #menu a {
 	font-size: 1.1em;
	font-weight:bold;
	color: #004E90;
	display: block;
	float: left;
	margin: 0;
	padding: 7px 7px;
	text-decoration: none;
	}

 #menu a:hover {
	background: #fff url("images/nav_bg_hover.gif");
	color: #666;
	height:15px;
	
	}
	

/* header - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 
  #top_section{
 	width: 100%;
	margin: 0 auto;
	height:123px;
	background:url(images/header_bg.gif) top repeat-x;
	}
	
 #logo {
 	background:url(images/logo.png)  no-repeat;
	width:960px;
	height:84px;
	margin: 0 auto;
	padding-bottom:10px;
	}
	
 #header {
 	background:url(images/header.jpg) center no-repeat;
 	width:960px;
	height: 226px;
	margin: 0 auto;
	}
	
 #findoutmore { padding: 170px 0px 0px 55px;}
 
 .rollover a {
	display:block;
	width: 141px;
	height:30px;
	background: url("images/findout.gif") 0 0 no-repeat;
	}
	
.rollover a:hover { background-position: 0 -30px;}
.rollover a:active {background-position: 0 -60px;}
	
 #header-sml {
 	background: #fff url(images/location_bg.gif) left no-repeat;
	height:44px;
	width:960px;
	margin:0 auto;
	}
	
 #header-sml p {
 	padding: 16px 10px 0px 10px;
	font-weight:bold;
	}
	
/* Content - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

 #main {
 	background:url(images/body_bg.gif) repeat-y;
	margin: 0 auto;
	width:992px;
	min-height:300px;
 	}
		
 #main a:link, a:visited  {color:#3ba4b6; text-decoration:none;}
 #main a:hover {color:#9eb750;}
	
 #main_top {
 	background:url(images/body_top.gif) top no-repeat;
	margin: 0 auto;
	height:23px;
	}
	
 #content {
 	width:650px;
	font-size:1.1em;
	padding-left:30px;
	}
	
 #content p{
 	width:310px;
	padding-top:10px;
	}
 
 #content ul {
 	width:300px;
 	padding:10px 0px 0px 17px; 
 	}
	 
 #content ul li {
 	list-style:circle;
	padding-bottom:10px;
	}

 #content .viewall   {list-style:url(images/view_all_icon.gif) inside;}
 #content .viewall a {margin-left: 5px;}
 
 #content span {padding-bottom:20px;}
	
 #ourteam {
 	width:650px;
	float:left;
	border-top: #ccc 1px solid;
	}
	
 #ourteam p {
 	width:400px;
	float:right;
	padding-top:30px;
	}
	
 #ourteam h1 {padding-top:10px;}
 
 #teampic {
 	background:url(images/teampic.jpg) center no-repeat;
	float:left;
	width:640px;
	height:80px;
	}
	
 #Services {
 	background:url(images/sidesection_bg.gif) top no-repeat;
	height:400px;
	width:268px;
	padding-right:30px;
	}
	
 #Services ul {
 	width:210px;
	padding-left:40px;
	}
	
 #Services li {
 	display:block;
	border-bottom:dashed #ccc 1px; 
	}
	
 #Services p  {padding-bottom:5px;}
 #Services h1 {padding: 10px 0px 0px 30px;}
 
 #Services h2 {
 	color:#3890a1; 
	font-weight:bold; 
	font-size:1.1em;
	padding-top:10px;
	}
	
 #content_right {
 	width:600px;
	float:right;
	padding: 15px 30px 20px 0px;
	font-size:1.1em;
 	}
	
 #content_right p { 
 	padding-top:10px;
	line-height:1.4em;
 }
 
  .end-section {
 	border-bottom:#d9d9d9 1px solid;
	padding-bottom:15px;
	}

#SpiceGas ul{
	padding-left:20px;
	}
#SpiceGas li{
	display:block;
	list-style:circle;
	padding-bottom:10px;
}
#SpiceGas li li{
	display:block;
	list-style:disc;
	padding-bottom:5px;			
}
/* Side - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

 #side {
    float: left;
	width:300px;
	padding-left:30px;
	background:url(images/side_bg.gif) top no-repeat;
	min-height:500px;
 	}
	
 #side ul, #side h1, #side img {padding: 15px 0px 0px 20px;}
 
 #side li {
 	list-style:url(images/plus.gif) inside;
 	padding-bottom:8px; 	
	font-size:1.2em;
	color:#000000;
	}
 
 #side li a {color:#12bdda;}
 
  
/* footer text- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#footer{
	background: #f6f6f6 url(images/footer.gif) top no-repeat;
	margin: 0 auto;
	width:992px;
	height:100px;
	}
	
#footer p {
	padding:65px 0px 0px 20px;
	color:#666;
	}
	
#footer a:link, a:visited  {color:#2c8797; text-decoration:none;}
#footer a:hover {color:#000000;}

