/** ***/

.clear { clear: both; }

body {
 padding: 0; margin: 0;
 color: #444;
 background: none #363636 !important;
 font: 14px  Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
 color: #ff8a00;
 margin: 0;
}

h1 {
 padding-bottom: 20px;
 font:  2.8em arial, sans;
 }


h2 { font-size: 1.2em; }

ul { padding: 0; margin: 0 0 1em 1.5em; }

p { margin: 0 0 1em 0; }

a {
 color: #ff8a00; 
 color: #086ba2; 
 font-weight: bold;
 text-decoration: none;
}
a:hover {text-decoration: underline; }

a img {
/* border: none;*/
}

#wrapper {
 margin: 0 auto;
 width: 801px;
 background-color: white;
 position: relative;
}

#header {
 background: white;
 float: left;
 width: 100%;
 padding-bottom: 20px;
}

#header img { float: left; }

#header ul {
 float: left;
 margin: 5px 0;
 padding: 0 20px;
 list-style: none;
 border-right: 0px solid #ddd;
}

#header ul#login {
 float: right;
 border: none;
}

#header ul li {
 padding-bottom: 10px;
}

#header a {
 color: #888;
 text-decoration: none;
 font-size: 1.3em;
 font-weight: normal;
}
#header a:hover, a.current { color: #ff8a00; }
body.home a.home, body.services a.services, body.about a.about,  body.contact a.contact, body.clients a.clients, body.news a.news, body.login a.login  { color: #ff8a00 !important; }

.top {
 clear: both;
 padding: 0 355px 0 75px;
 /*min-height: 306px;*/
 background-position: 100% 20px;
 background-repeat: no-repeat;
}

.top.aboutus { background-image: url(../img/aboutus.jpg); }
.top.clients { background-image url(../img/clients.jpg); }
.top.contactus { background-image: url(../img/contactus.jpg); }
.top.home { 
 background-image: url(../img/home.jpg);
 background-position: 100% 0;
 }
.top.services { background-image: url(../img/services.jpg); }
.top.news {
 background: url(../img/news.jpg) top right no-repeat;
 height: 95px;
}
div.top.altitude{
 background-image: url(../img/altitude_200x65.gif);
 background-position: 90% 20%;
}

.middle {
 padding: 0 75px;
}

.bottom {
 padding: 1em 75px;
 background-color: #f5f5f5;
 background-image: none !important;
 clear: both;
}

#footer {
 padding: 1em 0;
 text-align: center;
 clear: both;
 background-color: #c4c4c4;
 font-size: 8pt;
}
#footer a {
 color: #444;
 font-weight: normal;
}

a#altitude_link {
 display: block;
 float: left;
 width: 110px; height: 110px;
 margin-right: 3px;
 background: url(../img/altitude_button.jpg);
 text-indent: -10000px;
}
* html a#altitude_link { margin-right: 0; }
a#altitude_link { background-position: top right; }
a#altitude_link:hover { background-position: top right; }

a#savings_link {
 display: block;
 float: left;
 width: 110px; height: 110px;
 margin-right: 3px;
 background: url(../img/savings_button.jpg);
 text-indent: -10000px;
}
* html a#savings_link { margin-right: 0; }

a#contact_us_button {
 display: block;
 position: absolute;
 width: 200px; height: 60px;
 top: 355px; left: 520px;
 background: url(../img/contact_button.jpg);
 text-indent: -10000px;
}
* html a#contact_us_button { margin-right: 0; }
a#contact_us_button:hover { background-position: top left; }

p.altitude {
 padding: 30px 5px 0 5px;
 float: left;
 width: 250px;
}

p.savings {
 padding: 20px 0px 0 5px;
 float: left;
 width: 160px;
}

/** altitude page **/
a#altitude_video {
 display: block;
 float: left;
 width: 300px;
 height: 163px;
 padding: 0 10px 10px 0;
 background: url(../img/altitude_screenshot.jpg) no-repeat;
 text-indent: -4000px;
}

/** clients page **/
ul.logos {
 padding: 0; margin: 0;
}

ul.logos li { 
 list-style: none;
 float: left;
 width: 130px; height: 130px;
 text-indent: -4000px;
}
ul.logos .manulife { background-image: url(../img/clients/manulife.jpg); }
ul.logos .aig { background-image: url(../img/clients/aig.jpg); }
ul.logos .rsa { background-image: url(../img/clients/rsa.jpg); }
ul.logos .img { background-image: url(../img/clients/img.jpg); }
ul.logos .mnui { background-image: url(../img/clients/mnui.jpg); }
ul.logos .equitable { background-image: url(../img/clients/equitable.jpg); }
ul.logos .petro { background-image: url(../img/clients/petro.jpg); }
ul.logos .mobilemiser { background-image: url(../img/clients/mobilemiser.jpg); }
ul.logos .orion { background-image: url(../img/clients/orion.jpg); }
ul.logos .widcaster { background-image: url(../img/clients/widcaster.jpg); }
ul.logos .voicemailtel { background-image: url(../img/clients/voicemailtel.jpg); }
ul.logos .eucocit { background-image: url(../img/clients/eucocit.jpg); }
ul.logos .ingle { background-image: url(../img/clients/ingle.jpg); }
ul.logos .imagine { background-image: url(../img/clients/imagine.jpg); }
ul.logos .novus { background-image: url(../img/clients/novus.jpg); }

/** web development page **/
.website_description {
 clear: both;
 padding: 1em 0;
}

.website_description a.thumb {
 display: block;
 float: left;
 width: 200px; height: 200px;
 margin: 0 5px 5px 0;
 text-indent: -4000px;
}

.services .website_description a.thumb { margin: 0 7px; }
* html .services .bottom * {position: relative; }
* html .services .bottom .thumb {position: static; }

.website_description p, .website_description h2 {
 position: relative; /** ie peekaboo bug **/
}

.website_description a#cafe { background-image: url(../img/thumbs/cafe.png); }
.website_description a#cba { background-image: url(../img/thumbs/cba.png); }
.website_description a#eucocit { background-image: url(../img/thumbs/eucocit.png); }
.website_description a#ingleTravel { background-image: url(../img/thumbs/ingleTravel.png); }
.website_description a#yak { background-image: url(../img/thumbs/yak.png); }
.website_description a#hsn { background: url(../img/thumbs/hsn.png) -1px 0 no-repeat; }
.website_description a#equitable { background-image: url(../img/thumbs/equitable.png); }
.website_description a#quoting_engine { background-image: url(../img/thumbs/quoting_engine.png); }
.website_description a#kids_futures_form { background-image: url(../img/thumbs/kids_futures_form.png); }
.website_description a#ingle_travel_form { background-image: url(../img/thumbs/ingle_travel_form.png); }

/** contact form **/

.contactus form {
 width: 40%;
 float: left;
}

.contactus label {
 display: block;
 float: left;
 clear: left;
 width: 30%;
}

div.input, div.submit {
 float: left;
 margin: 5px 0;
 width: 100%;
}

div.input input, div.input textarea  {
 display: block;
 float: left;
 clear: right;
 width: 60%;
}

div.submit {
 text-align: center;
}

.contactus #map {
 width: 360px;
 float: right;
}

body.login form {
 width: 400px;
 margin: auto;
}