/*
main body style and background divs
*/

* {
margin:0; padding:0;
}

body {
background: #f9fbfc url(../images/bg.gif) 50% 394px no-repeat;
margin:0px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size:11px;
line-height:1.4em;
color:#4F4F4F;
}
div#body {
width:1000px;
min-width:1000px;
margin:auto;
position:relative;
}

/*
global styles etc
*/

img {border:0px;}
table {font-size:1em;}
td {vertical-align:top;}

a:link 		{color:#2b5cbe; font-weight:normal; text-decoration:none;}
a:visited 	{color:#2b5cbe; font-weight:normal; text-decoration:none;}
a:hover		{color:#ffffff; font-weight:normal; text-decoration:none; background: #2b5cbe;}

a:hover.none {background:transparent;}


ul {
padding: 2px 0 5px 15px;
}

li {
list-style: none;
line-height: 15px;
padding-left: 20px;
margin-bottom: 6px;
background: url(../images/li.png) left 5px no-repeat;
font-size: 1.1em;
}

li ul {
padding-top: 5px;
}
li ul li {
font-size: 0.9em;
}


h1 {font-size: 1.5em; font-weight: normal; padding:0 0 10px 0; margin: 0 0 5px 0; color:#2b5cbe; text-align:right; background: url(../images/h1-bg.gif) bottom right no-repeat;}
h2 {font-size: 1.3em; font-weight: normal; padding: 10px 0 6px 0; margin:0px; color:#2b5cbe;}
h3 {font-size: 1.2em; font-weight: normal; padding: 8px 0 4px 0; margin:0px; color:#2b5cbe;}
h4 {font-size: 1em; font-weight: normal; padding: 6px 0 2px 0; margin:0px; color:#2b5cbe;}

address {font-style: normal;}

acronym {border:none;}

.right {float:right;}
.left {float:left;}
.clearer {clear: both;height: 0px;overflow: hidden;line-height: 0px;font-size: 0px;}
.clear {clear:both;}
.clear-l {clear:left;}
.clear-r {clear:right;}

.color 	{color:#2b5cbe;}
.big   {font-size:1.5em;}
b.big, b.normal  {font-weight:normal;}
.small {font-size: 0.9em;}

p.big {padding-bottom: 15px;}

.inside {padding:10px;}

.left-align {text-align: left;}

.box	{
background: #fff url(../images/bg-box-tile.gif) top center repeat-x;
padding:20px;
padding-top:18px;
height:auto;
position:relative;
}

.thin	{width:220px;}
.wide 	{width:600px;}

div#bg-content-end p {
padding-bottom: 6px;
}

.slicks {
display: none;
border-bottom: 1px solid #dfe7f0;
padding-bottom: 5px;
}
.slicks .slicks {
border: 0;
padding-bottom: 5px;
}

.inner {
padding-left: 20px;
}

.close-link {
display: block;
border-top: 1px solid #dfe7f0;
padding-top: 4px;
text-transform: capitalize;
}

.close-link:hover {
background: none;
text-decoration: underline;
color: #2b5cbe;
}

/*
page backgrounds and structure
*/

body#home div.wide {width:640px;}

div#header {
height: 100px;
padding: 0 20px;
}

a#number, a#bookmark-us {
padding:10px;
margin: 25px 8px 10px 10px;
}
a#bookmark-us {
margin-left: 160px;
}
a#logo img {
margin-top: 15px;
}
a#logo {
display: block;
float: left;
width: 286px;
text-align: center;
}
a#logo:hover {
color: #2b5cbe;
background: none;
}

/*
content styles and positioning
working from top down
*/

/*
Buttons and Nav
*/

ul#nav {
position:absolute;
right:30px;
top:82px;
z-index: 95;
padding:0;
margin: 0;
}

ul#buttons, ul#nav {
padding-left:0px;
}
ul#buttons li, ul#nav li {
display:block;
float:left;
padding: 0;
margin: 0;
background: none;
list-style: none;
}

/*
Banner
*/

div#banner {
height:287px;
width:966px;
margin: 0 auto;
position: relative;
z-index: 90;
}

div#mask {
background: url(../images/mask.png) no-repeat;
width: 966px;
height: 287px;
position: absolute;
z-index: 91;
}

/*
Content Area
*/

div#bg-content-tile {
background: url(../images/bg-content-tile.png) top center repeat-y;
}
div#bg-content-top {
background: url(../images/bg-content-top.png) top center no-repeat;
}
div#bg-content-end {
background: url(../images/bg-content-end-tile.gif) bottom center repeat-x;
margin-left:17px;
margin-right:17px;
padding:30px;
}
body#home div#bg-content-end {
padding-right:10px;
}
body#home div#bg-content-end  h1 {
margin-right:12px;
}

/*
Footer sections
*/

div#footer {
background: url(../images/bg-footer.jpg) top center no-repeat;
height:auto;
padding-bottom:100px;
}
div#footer div.left {
width:270px;
text-align:left;
margin-left:35px;
margin-top:50px;
}
div#footer div.left p:first-line {
line-height:3em;
}
div#footer div#quick-links.left,
div#footer div#info.left {
margin-left:57px;
}
div#footer div#quick-links.left p {
padding-bottom:0px;
}
div#quick-links a {
display:block;
text-transform: lowercase;
}
div#info {
position: relative;
}

#oftec {
position: absolute;
top: 0;
left: 0;
margin: 38px 0 0 2px;
}
#iphe {
position: absolute;
margin: 45px 0 0 75px;
}
#gas {
position: absolute;
margin: 38px 0 0 140px;
}

/*
page specific styles
*/

/*
about page
*/

body#about div.wide p.big {
width:400px;
margin:auto;
margin-bottom:29px;
text-align:center;
}
body#about div.wide  p.big a {
font-size:0.8em;
}


/*
Services page
*/

.left ul li a {
display:block;
}

div#gallery a {
border:1px solid #F0E5DE;
background-color:#F6F0E6;
padding:5px;
width:98px;
height:70px;
float:left;
margin:5px;
}


/*
Contact page
*/

#mobile-phone {
margin-left: -20px;
}

body#contact div.box {padding-bottom:0px;}

form {
margin-bottom:10px;
}
input{
margin:1px;
padding:1px;
border:1px solid #C9D1D4;
background:#fff;
width:200px;
font-size:1.4em;
color:#2b5cbe;
}
textarea {
font-family: Verdana,Helvetica,Arial,sans-serif;
margin:1px;
padding:1px;
border:1px solid #C9D1D4;
background:#fff;
width:200px;
font-size:1.4em;
color:#2b5cbe;
}

input.submit {
margin-top:10px;
margin-bottom:10px;
padding:auto;
border:0px;
background: url(../images/send-email.png);
width:100px;
height:30px;
cursor: pointer;
}

input:hover {background: #EFF4F6;}

textarea:hover {background: #EFF4F6;}

input:hover.submit {
background: url(../images/send-email.png) 100px 0;
}