@charset "utf-8";

/* RESET */
* { margin: 0; padding: 0; }

body { background: url(../images/bg/bg.gif) top left repeat #e9e9e9; font-family: Arial, Verdana, sans-serif; color: #999; }

p { font-family: Arial, Helvetica, sans-serif; font-size: 75%; padding: 5px 20px 5px 5px; }

.clear { clear: both; }
.img_right { float: right; padding: 0 25px 0 10px; }
.img_left { float: left; padding: 0 25px 0 10px; }

img {border: none; display: block; }

a { text-decoration: underline; color: #00aeef; }
a:hover { text-decoration: none; }
a:focus { outline-style: none; }

object { display: block; }


/* CONTAINER */
#container { width: 990px; margin: 2px auto 0 auto; text-align: center; overflow: visible; }

/* HEADER */
#header { position: relative; background: url(../images/headers/header.png) center top no-repeat; width: 993px; height: 156px; }

#header h1 { position: relative; background: url(../images/bg/logo.png) no-repeat; top: -6px; left: -12px; height: 155px; width: 153px; text-indent: -9999px; overflow: hidden; }

/* NAV */
#nav { list-style-type: none; position: relative; border: none; margin: 0; padding: 0; top: -115px; }

#nav li { display: inline; }

#nav li a { position: absolute; display: block; height: 49px; width: 48px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 65%; text-decoration: none; text-align: center; text-indent: -9999px; }

#nav li.home a { background:url(../images/menu/home_c.jpg) top center no-repeat; left: 195px; }
#nav li.home a:hover { background: url(../images/menu/home_c.jpg) bottom center; }

#nav li.services a { background:url(../images/menu/design_c.jpg) top center no-repeat; left: 275px; }
#nav li.services a:hover { background: url(../images/menu/design_c.jpg) bottom center; }

#nav li.process a { background:url(../images/menu/process_c.jpg) top center no-repeat; left: 354px; }
#nav li.process a:hover { background: url(../images/menu/process_c.jpg) bottom center; }

#nav li.contact a { background:url(../images/menu/contact_c.jpg) top center no-repeat; left: 434px; }
#nav li.contact a:hover { background: url(../images/menu/contact_c.jpg) bottom center; }

#nav li.portfolio a { background:url(../images/menu/portfolio_c.jpg) top center no-repeat; left: 514px; }
#nav li.portfolio a:hover { background: url(../images/menu/portfolio_c.jpg) bottom center; }

/* NEWS */
#header .news { position: absolute; width: 275px; height: 95px; top: 20px; right: 50px; background-color: #dedbca; overflow: hidden; }

/* CONTENT */
#content { background: url(../images/bg/bg_content.png); text-align: left; padding: 10px 48px 10px 48px; color: #8b8c8f; overflow: auto; margin-bottom: 0px; margin-top: 0; }

h2 { background: url(../images/bg/images/text_top_border_2.png) left top no-repeat; height: 17px; text-indent: -9999px; overflow: hidden; margin: -10px 0 0 0; }

h4 { margin: 5px 20px -5px 5px; color: #00aeef; font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: normal; }

/* FORM */
#form_content { margin: 10px 0 0 0; background: url(../images/bg/bg_form.png) no-repeat left top; min-height: 200px; }
form { border: none; padding: 10px 5px 5px 60px; }
form div { clear: left; margin: 0; padding: 2px 0 0 0; }
form div label { float: left; width: 20%; font: normal 70% Arial, Helvetica, sans-serif; color: #fff; overflow: hidden; }
legend { font-family: Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold; font-variant: small-caps; color: #fff; margin: 3px 0 3px 0; }
input.txt { font-family: Arial, Helvetica, sans-serif; color: #666; border: 1px solid #00aeef; }
input.btn { color: #fff; background-color: #63c9ef; border: none; margin-right: 50px; }
fieldset { border: none; margin-top: 3px; padding: 2px; }
#form_content button { position: absolute; top: 280px; right: 88px; background-color: #63c9ef; border: none; width: 42px; min-height: 10px; cursor: pointer; }

/* TEXT */
#text { background:url(../images/bg/images/text_gb_2.png) top left repeat-y; }
#text_foot {background: url(../images/bg/images/text_foot_2.png) bottom left no-repeat; height: 18px; }

.highlight { color: #00aeef; font-weight: normal; font-size: 110%; }
.highlightTwo { color: #00aeef; font-size: 120%; }
.highlightThree { color: #666; }
.highlightFour { color: #00aeef; font-weight: normal; }

/* FOOTER */
#footer { background: url(../images/bg/bg_footer.png) no-repeat; height: 86px; width: 993px; margin-top: 0; }
#footer p { margin-top: 0; padding-top: 5px; font-size: 70%; text-align: center; }
#footer a { text-decoration: none; color: #999; }
#footer a:hover { text-decoration: underline; }
#footer_form { background: url(../images/bg/bg_footer.png) no-repeat; height: 86px; width: 993px; margin-top: 0; }

/* SITE INFO */
#site_info { position: relative; margin: -82px 0 0 95px; text-align: left; width: auto; }
#site_info h5 { background: url(../images/site_info_logo2.png) no-repeat; width: 190px; height: 20px; text-indent: -9999px; }
#site_info p { text-align: left; color: #999; font-size: 70%; margin: -3px 0 0 -5px; }
#site_info a { text-decoration: none; color: #999; }
#site_info a:hover { text-decoration: underline; color: #00aeef; }
.validation { font-size: 100%; font-variant: small-caps; padding: 2px 0; margin-left: 5px; }

#site_info .solidworks { position: absolute; top: -2px; left: 728px; }