/* Start of CMSMS style sheet 'Layout: Left sidebar + 1 column' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

.clearb{
clear: both;
margin:0;
padding:0;
height:0;
display: hidden;
}


/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

/*
set font size for all divs,
this overrides some body rules
*/


/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #18507C; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #18507C;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   color: #ccc;
}

/*****************
basic layout 
*****************/
body {
   background:#fff url(uploads/images/aaronbg.jpg) repeat-x;
   color: #666;
   margin:1em;    /* gives some air for the pagewrapper */
}

/* center wrapper, min max width */
div#pagewrapper {

   margin: 0 auto;       /* this centers wrapper */
width:777px;
}

ul#iconlist{
list-style-type: none;
padding-left:0px;
width:400px;
display:inline-block;
}

div#main ul#iconlist li{

margin: 0 0 5px 0;
float:left;
padding-right:10px;
}

ul#iconlist li img{
float:left;
}

ul#iconlist li div.client, .client{
float:right;
width:370px;

}


#main ul#clientlist{
clear:left;
list-style-type:none;
float:left;
padding-left:0;
margin-left:0;
}

ul#clientlist li{
width:500px;
float:left;
padding-bottom:20px;
}

.clientlogo{
width:130px;
float:left;
}

ul#iconlist hr{
clear:both;
}


ul#horilist {
list-style-type: none;
font-size:0.8em;
padding:10px 0;
float:left;
}


div#main ul#horilist li{
margin-bottom:5px;
float:left;
border: 1px solid #ccc;
width:170px;
height:150px;
margin:0 10px 0 0;
padding:5px;
}

div#main ul#horilist li a{
padding:2px;
background-color:#C63D29;
color:#fff;
border:1px solid #000;
text-decoration: none;
width:100px;
display: block;
text-align: center;
}
div#main ul#horilist li a:hover{
background-color:#EFA095;
}



#main ul#addresslist{
list-style-type: none;
padding:10px 0;
float:left;
}

#main ul#addresslist li div.siteaddress{
border: 1px solid #ccc;
height:60px;
margin:0 10px 0 0;
padding:5px;
width:370px;
float:left;
}

#main ul#addresslist li{
width:500px;
margin:0;
height:80px;
}

#main ul#addresslist li a{
padding:5px;
background-color:#C63D29;
color:#fff;
border:1px solid #000;
text-decoration: none;
width:95px;
float:right;
line-height:60px;
height:60px;
text-align:center;
}
#main ul#addresslist li a:hover{
background-color:#EFA095;
}




/*** header ***/

div#header{
background: url(uploads/images/logo.gif) no-repeat top left;
height:80px;
}

div#header h1{
padding-top:30px;
background: url(uploads/images/aaronlogo.gif) no-repeat bottom right;
height:45px;
text-indent: -5000px;
}

div#header h1 a{
float:right;
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
color:#EC1E28;
font-family: times new roman, serif;
padding-right:10px;
font-size:30px;
text-transform:uppercase;
}

/* position for the search box */
div#search {
   float: right;
   width: 23em;    /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

div.breadcrumbs {
   font-size: 90%;        /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
}

div.breadcrumbs span.lastitem { 
   font-weight:bold; 
}

div#content {
   margin: 0 auto;  
   border-left: 1px solid #285F8F;
   border-right: 1px solid #285F8F;
overflow: hidden;
background-color:#fff;
position:relative;
}

#nothome div#content {
background:#fff  url(uploads/images/sidebarlogos.jpg) bottom left no-repeat;
 border-bottom: 1px solid #285F8F;
}

#homepage div#content {
   border-bottom: 1px solid #285F8F;
   border-top: 1px solid #285F8F;
background:#fff  url(uploads/images/homefooterlogos.gif) bottom right no-repeat;
float:left;
}

#nothome div#footer {
  /* border-bottom: 1px solid #285F8F;
   border-left: 1px solid #285F8F;
   border-right: 1px solid #285F8F;*/
color: #2A9AE4;
}

#nothome div.horizontalnav{
   border-top: 1px solid #285F8F;
   border-left: 1px solid #285F8F;
   border-right: 1px solid #285F8F;
}

div#main {
float:right;
width:619px;
border-top:3px solid #ccc;

}

div#maincontent{
padding: 15px 20px 0 20px;
line-height:1.9em;
}


#sidepanel{
height:100px;
}

body#homepage div#main{
border-top:1px solid #fff;
}


div#sidebar {
   float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 156px;     /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX IE double margin bug */
   margin-left: 0;
}

div#footer {
   /* keep footer below content and menu */
/*position: absolute;
bottom:0;
right:0;
   border-bottom: 1px solid #285F8F;
   border-left: 1px solid #285F8F;
   border-right: 1px solid #285F8F;*/
}

div#footer p {
   font-size: 1.6em;
line-height:40px;
   text-align: right;  /* centered text */
   margin: 0;
padding-right:20px;
font-weight:bold;
color: #2A9AE4;
}

div#footer p a {

}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}

/* relational links under content */
div.left49 {
  width: 49%; /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}




/********************
CONTENT STYLING
*********************/


/* HEADINGS */
div#content h1 {
   font-size: 2em; /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content h2 {
	color: #2A9AE4; 
	font-size: 1.5em; 
	text-align: left; 
	padding-bottom: 1px;
/* set borders around header */
        line-height: 1.5em;
/* and some air under the border */
        margin: 0 0 0.5em 0;
}
div#content h3 {
   color: #294B5F; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   color: #294B5F; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   color: #294B5F; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0; /* some air around p elements */
   line-height: 1.4em;
   padding: 0;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}


pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;


}

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}


/* END LISTS */

ul#primary-nav{
overflow:hidden;
list-style-type:none;
line-height:29px;
text-transform:uppercase;
background: #ccc url(uploads/images/button_blue_bg.gif) repeat-x top left;
  list-style: none;
width:775px;
}

ul#primary-nav li{
float: left;
background: url(uploads/images/button-div.gif) center right no-repeat;
}

ul#primary-nav li a{
width:155px;
display: block;
font-size:0.8em;
text-align:center;
text-decoration: none;
color:#fff;
}


ul#primary-nav li a:hover{
background-color: #025B93;
}

#changefont{
float: right;
padding-right:5px;
padding-top:15px;
padding-bottom:10px;
}

#changefont a{
font-size:10px;
color: #666;
height:15px;
width:15px;
text-decoration: none;
padding:3px;
}

#changefont a:hover{
background-color:#EFA095;
color:#fff;
}

.smallfont{
font-size: 10px;
}

.bigfont{
font-size: 13px;
}

#homepageboxes{
padding:0;
margin:0;
float:left;
}

div#main ul#hompagelinks{
list-style-type:none;
border-bottom:3px solid #ccc;
text-transform:uppercase;
background: #AB3021 url(uploads/images/button_red_bg.gif) repeat-x scroll 0 0;
float:right;
margin:0;
border-top:1px solid #fff;
width:100%;
padding:0;
}

div#main ul#hompagelinks li{
float: left;
margin:0;
line-height:33px;
}

ul#hompagelinks li a{
width:206px;
display: block;
font-size:1em;
text-align:center;
text-decoration: none;
color:#fff;
margin:0;
font-weight: bold;
}

ul#hompagelinks li a:hover{
background-color: #AB3021;
}

#secondblock{
border-left:1px #ccc solid;
border-right:1px #ccc solid;
}

.frontblock{
width: 165px;
float:left;
padding: 10px 20px 0px;

color:#666;
font-size:0.8em;
margin-top:5px;
text-align: justify;
font-weight:bold;
}

.frontblock p{
line-height:1.6em;
}



#bottomquote{
background: url(uploads/images/quotebg.gif) right top no-repeat;
width:210px;
padding-left:40px;
padding-right:30px;
float:left;
color: #307DA7;
}

.testimonial{
background: url(uploads/images/quotetop.gif) left top no-repeat;
width:450px;
padding: 6px 40px 0;
position:relative;
}

.bottomrightquote{
position:absolute;
right:0;
bottom:0;
width:38px;
height:62px;
background: url(uploads/images/quotebottom.gif) right bottom no-repeat;
}

#quoteaddress{
font-size:0.7em;
color: #0D486A;
text-align:right;
padding-right:40px;
}

.contactform fieldset {padding: 0; border: 0;}  
.contactform fieldset legend {display: none;}  
.contactform div {width: 100%; padding: 0.25em 0 0.25em 0;}  
.contactform div label {display: block;}  
.contactform div.required {color: #f00;}

#tree{
background: url(uploads/images/top_of_tree.jpg) top left no-repeat;
height:225px;
}

#tree p{
padding:5px;
color: #fff;
width:110px;
margin-left:20px;
font-size:0.9em;
/*
background-color:#679636;
opacity:.80;
filter: alpha(opacity=80);*/
}

#tree p a{
color:#fff;
}

#treetop{
color: #679636;
font-weight: bold;
font-family: arial, helvetica;
font-size: 16px;
text-align: left;
padding-top:90px;
padding-bottom:7px;
margin-left:20px;
width:110px;
}

#ibis{
float:left;
}

#bottomlinks{
padding-top:5px;
color:#FFFFFF;
text-transform: uppercase;
clear:left;
font-size:0.8em;
}

#bottomlinks ul{
float:right;
list-style-type: none;
}

#bottomlinks li{
display: inline;
padding: 0 10px;
}

#bottomlinks a{
color: #FFFFFF;
text-decoration: none;
}

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

li.Site_map{
border-right: 1px solid #04293F;
}


li.Disclaimer{
border-left: 1px solid #05334F;
}

#gaswork{
position:absolute;
bottom:55px;
right:5px;
}
/* End of 'Layout: Left sidebar + 1 column' */