@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0;}
body { background: #000065; font-family: Arial, Helvetica, sans-serif; font-size: 1em;}

h1 {font-size: 1em; color: #fff;}
h2 {font-size: 1em; color: #fff;}
p, li {font-size: 0.75em; color: #fff;}
ul li {padding: 5px 0; margin: 0 0 0 20px;}

a:link, a:visited, a:active {color: #fff; text-decoration: none;}
a:hover {color: #fff; text-decoration: underline;}

#wrapper {width: 726px; margin: 20px auto 0 auto;}
.content {width: 726px; float: left;}
.banner {background: url(images/glob_logo_temp.gif) top right no-repeat; height: 78px; width: 720px;}

#main_box {width: 487px; float: left; position: relative;}
#main_box p {padding: 0 10px;}

/* main page backgrounds */

.home {background: url(images/hugo_boss_image_5.jpg) no-repeat; height: 435px; padding: 10px 0;}
.about {background: url(images/hugo_boss_image_1.jpg) no-repeat; height: 435px; padding: 10px 0;}
.services {background: url(images/services.jpg) no-repeat; height: 435px; padding: 10px 0;}
.clients {background: #fff; height: 447px; padding: 6px 0 0 0;}
.news {background: #fff; height: 447px; padding: 6px 0 0 0; color: #000;}
.news h1, .news h2, .news p {color: #000;}
.news a:link, .news a:visited, .news a:hover, .news a:active {color: #000;}
.fit {background: url(images/fit_outs.jpg) no-repeat; height: 435px; padding: 10px 0;}
.refurb {background: url(images/refurbishment.jpg) no-repeat; height: 435px; padding: 10px 0;}
.engineering {background: url(images/engineering.jpg) no-repeat; height: 435px; padding: 10px 0;}
.design {background: url(images/design.jpg) no-repeat; height: 435px; padding: 10px 0;}
.plain {background: #35359a; height: 435px; padding: 10px 0;}

/* client images */

.client_image {float: left; width: 372px; height: 283px; margin: 0 0 32px 6px; display: inline;}

.left {float: left; width: auto; margin: 0 10px 0 0;}

.nav {width: 100px; float: right; display: inline;}
.nav a:link, .nav a:visited, .nav a:active {color: #fff; text-decoration: none;}
.nav a:hover {color: #fff; text-decoration: underline;}

.floating_box {width: 186px; height: 275px; position: absolute; top: 0; left: 388px; background: url(images/float_box.png) no-repeat; padding: 10px;}
.floating_box h1, .floating_box p {color: #fff;}
#main_box .floating_box p {padding: 0;}
#main_box .floating_box a {color: #fff;}
.text {width: 100%; float: left;}
.right_column {width:236px; float: right;}

.top_right_box, .bot_right_box {float: left;}
.bot_right_box {width: 216px; height: 146px; background: url(images/bot_right_box.png) no-repeat; padding: 10px;}
.top_right_box {width: 116px; height: 264px; background: url(images/top_right_box.png) no-repeat; padding: 20px 10px 10px 110px;}

.thumb_wrapper {width: 476px; margin: 0 0 0 6px; float: left;}
.thumb_small {width: 60px; float: left; margin: 0 4px 4px 0;}
.thumb_large {width: auto; float: right;}

#bullet_wrapper { width: 216px; float: left; margin: 10px 0 0 0;}
.b_left, .b_right {width: 100px; float: left; margin: 0 8px 0 0;}
.b_left li, .b_right li {padding: 0;}

/* footer */

.footer {with: 700px; clear: both; padding: 0 0 10px 10px;}
.footer p {color: #ff;}
.footer a {padding: 0 40px 0 20px; font-size: 1em;}
.footer a:link, .footer a:visited, .footer a:active {color: #fff; text-decoration: none;}
.footer a:hover {color: #fff; text-decoration: underline;}

.googlemap {width: 360px; float: left; display: inline; margin: 5px 0 10px 10px;}
.googlemap a:link, .googlemap a:visited, .googlemap a:hover, .googlemap a:active {font-size: 0.8em; color: #fff;}
.address {width: 300px; float: left;}