/* //////////   Reset   //////////*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body {background:#6699cc url(../img/bg/body.png) repeat-x;text-align:center;font:76%/1 'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Helvetica,Arial,sans-serif;color:#333;padding-top:30px;}
* {margin:0;padding:0;}
:focus {outline:0;}

img {border:none;}
ul {list-style:none; }
a {text-decoration:none;}
#clearBoth {clear:both;}


/*
////////   LAYOUT  ////////*/

#container {width:900px;margin:0 auto;padding:40px 35px 0 35px;text-align:left;background:url(../img/bg/container.png) repeat-y;}
#home #container {padding-top:0;}
#container.wide {padding-left:65px;width:870px;}

#mainContent {float:left;width:480px;padding:0 50px 0 30px;border-right:1px dotted #ddd;}
#mainContent2 {float:left;width:600px;padding:0 50px 0 30px; border-right:1px dotted #ddd;}

#secondaryContent {float:right;width:280px;padding-right:30px;}
#secondaryContent2 {float:right;width:185px;padding: 0px 10px 0px 20px;}


/*
////////   HEADER  ////////*/

#header {width:970px;margin:0 auto;height:109px;background:url(../img/bg/header.png);position:relative;}

a#logo {float:left;text-indent:-9999px;background:url(../img/bg/logo.png) no-repeat;width:300px;height:94px;position:absolute;left:35px;bottom:0px;}

#header ul {position:absolute;right:20px;bottom:15px;text-align:left;}
#header ul li {float:left;text-align:center;}
#header ul li a {display:block;font-size:1em;color:#666;margin-right:10px;width:82px;height:20px;padding-top:7px;background:url(../img/bg/navi.png) no-repeat;text-shadow:#eee 1px 1px 1px;}
#header ul li a:hover {color:#222;}

#header ul li.current a {color:#fff;background:url(../img/bg/current.png) no-repeat;text-shadow:#000 1px 1px 1px;}
#header ul li.current a:hover {color:#fff;}

#contactInfo {position:absolute;right:35px;bottom:70px;color:#666;font-size:0.9em;}
#contactInfo a {color:#666;}
#contactInfo a:hover {text-decoration:underline;}
#contactInfo img {vertical-align:middle;}

/*
////////   HOMEPAGE  ////////*/

#intro {margin-left:-30px;position:relative;}
#home h1 {text-indent:-9999px;float:left;}

#action {float:left;position:absolute;bottom:15px;right:0px;z-index:999;}

#home #slider, #slider li {margin:0;padding:0;list-style:none;height:320px;}
#slider li .sliderContent {position:absolute;bottom:0;left:0;z-index:999;width:900px;padding:20px 30px 10px 30px;background:url(../img/bg/transparentWhite_copy.png);}
#slider li .sliderContent h2 {color:#000;font-size:1.3em;margin:0 0 5px;}
#slider li .sliderContent p {float:left;color:#000;font-size:1em;line-height:1.3em;width:600px;margin-top:0;}

#featuredArea {float:left;width:100%;background:url(../img/bg/featuredArea.png) no-repeat;padding-top:30px;}
.featured1 {float:left;width:293px;padding-right:20px;}
.featured2 {float:left;width:293px;padding-right:20px;}
.featured.last {float:right; width:252px; height: 170px; padding:0px 0px 0px 10px; background: #ececec url(../img/icons/oil_drop.png) no-repeat; background-position: 180px 40px; border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;}
.featured1 ul li, .featured p {padding-bottom:5px;}
.featured1 ul li {list-style-type:circle; margin-left:35px}

.featured1 h1 {width: 225px; height: 20px;text-indent:-9999em; background-image: url(../img/icons/payment_plans.png); margin-bottom:15px;}
.featured2 h1 {width: 177px; height: 20px;text-indent:-9999em; background-image: url(../img/icons/service_area_homepage.png); margin-bottom:15px;}
.featured h2 {clear:both; font-size:4em; color:#333333; margin:0; padding: 30px 0px 0px 15px;}
.featured h2 img {vertical-align:middle;}
.featured h3 {clear:both; font-size:1.8em; color:#333333; margin:0; padding: 0px 0px 15px 25px;}
.featured blockquote span, #container ul li span {color:#999;}
.featured blockquote {background:url(../img/bg/blockquote2.png) no-repeat 0 3px;margin-left:-12px;padding-left:12px;}

a.linkButton {float:left;clear:both;color:#fff;background:#ff6633;padding:5px 10px;margin:0 6px 6px 10px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;text-shadow:#444 1px 1px 1px;}
a.linkButton:hover {text-decoration:underline;}

#important-news { float:left; width: 640px; height:50px; margin: 0px; padding: 20px 0px 0px 0px; }
#important-image { float: left; padding: 20px 15px 0px 0px;}
#important-news a:active {position: relative; top: 1px;}
#divider { float:left; padding-top:10px;}


/*
////////   CONTENT  ////////*/

h1,h2 {font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;}
h1 {font-size:1.7em;color:#2F150F;}
h2 {font-size:1.3em;color:#006699;margin-top:30px;}
h3 {font-size:1.1em;margin-top:20px;}

#container p, #container ul, #container ol {clear:both;font-size:1.1em;line-height:1.4em;margin:7px 0;}

#container p a, #container ul li a {font-weight:bold;color:#660000;}
/* #container a:active {position: relative; top: 1px;}*/
#container p a:hover, #container ul li a:hover  {text-decoration:underline;}
#mainContent ul, #secondaryContent ul, #secondaryContent2 ul {list-style-type:circle; margin-left:35px}
blockquote {background:url(../img/bg/blockquote.png) no-repeat 0 3px;margin-left:-21px;padding-left:21px;}
blockquote span {color:#666}
#secondaryContent {color:#000000;}


/*
////////   FOOTER  ////////*/

#footer {width:900px;margin:0 auto;clear:both;height:45px;background:url(../img/bg/footer.png) no-repeat;padding:53px 35px 0 35px;}

#footer p {float:left;font-size:0.9em;color:#c1dff5;}
#footer p a {color:#c1dff5;}
#footer p a:hover {text-decoration:underline;}
#footer p em {color:#99ccff;font-weight:bold;}
#footer p.right {float:right;}


/* images */

#secondaryContent img {margin-top:0px;}

/*
////////   CONTACT FORM  ////////*/

form#contact fieldset {border:none;margin-top:20px;}
form#contact fieldset input, form#contact fieldset textarea {background:#f8f8f8;border:1px solid #ddd;color:#666;font:1em Verdana,sans-serif;padding:4px;}
form#contact fieldset input {padding-left:26px;background-position:5px 50%;background-repeat:no-repeat;width:200px;}
form#contact fieldset input.name {background-image:url(../img/icons/form-name.png);}
form#contact fieldset input.phone {background-image:url(../img/icons/form-phone.png);}
form#contact fieldset input.email {background-image:url(../img/icons/form-email.png);}
form#contact fieldset .inputShadow {background:url(../img/bg/inputShadow.png) left bottom no-repeat;padding-bottom:9px;}

form#contact fieldset input:focus, form#contact fieldset textarea:focus {border:2px solid #ccc;padding:3px 3px 3px 26px;background-position:4px 50%;}
form#contact fieldset textarea:focus {padding-left:3px;}
form#contact fieldset label {color:#333;padding:10px 0 3px 0;display:block;}

form#contact fieldset textarea {width:435px;overflow:auto;}
form#contact fieldset button {color:#fff;background:#ff6633;padding:6px 10px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;text-shadow:#444 1px 1px 1px;border:0;cursor:pointer;}
form#contact fieldset button:hover {color:#eee;}

.required {color:#AD0000;font-weight:bold;font-size:1.2em;}
p.messageSent, p.messageError {background:#FFFBCF url(../img/icons/messageSent.png) 12px 50% no-repeat;border:1px solid #FFF47F;padding:5px 5px 5px 38px;font-size:1em;color:#333;margin:10px 0;width:400px;}
p.messageError {color:#eee;background:#E76757 url(../img/icons/messageError.png) 12px 50% no-repeat;border-color:#FF4F5A;}
#mainContent p.messageError a {color:#fff;text-decoration:underline;}