@import url("plugins/crossbrowser.css");

/* GENERAL LAYOUT */

* {margin:0;padding:0;outline:none;}

body {font:12px "Trebuchet MS", Verdana, Arial, sans-serif; background:#005A7A url('../images/bg/background.jpg') repeat-x;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}
img {border:none;}

#main {width:920px; margin:40px auto;}

#header {height:120px; background:url('../images/bg/header.png') no-repeat;position:relative;}
#header img#logo {margin:25px 20px; float:left;}

#header #client_login {font-size:11px;position:absolute;top:25px;right:20px;color:#7A939A;background:url(../images/icons/client.png) no-repeat;padding-left:20px;}

#main_menu {margin-top:65px; float:right; }
#main_menu {font:normal 12px "Trebuchet MS",Arial,Verdana,Tahoma,sans-serif;}
#main_menu *{margin:0;padding:0;}
#main_menu ul{top:-999em;position:absolute;}
#main_menu li {float:left;list-style:none;position:relative;z-index:100;text-align:center; border-right:1px solid #ccc; line-height:15px;}
#main_menu li img {margin:0 10px;}
#main_menu li:last-child {border:none;}
#main_menu a {display:block; color:#B5C3D2; padding:5px 10px;}
#main_menu li:hover ul, ul#menu li.sfHover ul{left:-2px;top:28px;}
#main_menu li li:hover ul, ul#main_menu li li.sfHover ul{left:150px;top:-1px;}
#main_menu li ul { background-color:#003B50; margin:-5px 0 0 20px;}
#main_menu li li{float:none; width:120px; display:block; border-right:none; margin:2px 5px; border-bottom:1px solid #336273;}
#main_menu li li a{float:none;text-align:left;margin:0;}
#main_menu li li a:hover{background-color:#336273; text-decoration:none;}
#main_menu li a {display:block;}
#main_menu li ul li {*margin:-4px 0; z-index:1000;}
#main_menu li.menu_fax a {color:#FFF; font-weight:bold;}

#content {margin-top:-15px;}

#footer {width:966px; height:52px; padding-top:44px; margin:-30px auto; text-align:center; font-size:10px; background:url('../images/bg/footer.png') no-repeat; color:#666;}
#footer .copyright {margin-left:50px;}
#footer .separator {margin:0 20px;}
#footer .org {display:none;}
#footer a {color:#666;}
#footer span {float:left;margin-right:5px;}
#footer .tel-label-work {float:left; background:url("../images/icons/tel.png") no-repeat; width:11px; height:8px;}
#footer .tel-label-fax {float:left; background:url("../images/icons/fax.png") no-repeat; width:11px; height:10px; margin-top:0px;}
#footer .vcard .tel .type {display:block; text-indent:-9000px; margin:2px 7px 0 10px;}

/* HOME */

#mask {position:relative;z-index:100;width:920px;height:330px;overflow:hidden;background:url('../images/bg/home.png') no-repeat  670px 0;}
#mask #services li {width:920px;height:330px;color:black;line-height:15px;display:inline;}
#mask #services li h2 {margin:5px 0 10px 0; font-size:30px;}
#mask #services li a {color:red}
#mask #services img.feature {width:700px; float:left;}
#mask #services .text {width:180px; margin:10px 15px 0 15px; height:270px; float:right; border-bottom:1px solid #666; color:#b5c3d2; font-family: Arial,Helvetica,sans-serif; font-size:11px;}
#mask #services .text h2 {font:16px "Trebuchet MS",Arial,Verdana, Tahoma, sans-serif; color:#FFF;}
#mask #services p {margin:10px 0;}

#navigation {position:absolute;bottom:10px;right:30px;z-index:110;}
#navigation p {width:17px; height:17px; float:left; margin-bottom:10px;}
#navigation .button-previous {margin-right:10px; }
#navigation .button-next {}

/* INFOPAGE */
#title {width:897px; height:40px; padding-top:20px; padding-left:23px; background:url('../images/bg/title.png') no-repeat;}
#title h1 {background:url('../images/icons/title-marker.png') no-repeat 0 1px; padding-left:25px; color:white; font-size:20px; font-weight:normal;}

.content_cms {padding:24px; background:#FFF;}
.content_cms a {text-decoration:underline; color:#00435B;}
.content_cms p {margin-bottom:14px;}
.content_cms ul,
.content_cms ol  {margin:10px 20px 15px 20px;}
.content_cms h2 {color:#005A7A;}
.content_cms ul {list-style:none;}
.content_cms ul li {padding-left:15px; background:url('../images/icons/bullet.png') no-repeat 0 50%; margin:5px 0;}
.content-bottom {background: url('../images/bg/content-bottom.png') no-repeat bottom center; height:25px; width:920px; }

/* FORMS */

fieldset {border:none; padding:15px 0; clear:both; margin-top:10px;}
fieldset ol {list-style:none;}
fieldset ol li {display:block; clear:both;}
fieldset legend span {background:url('../images/bg/fieldset-legend.png') no-repeat; padding:8px 0 0 12px; width:878px; height:21px; font-weight:bold; display:block;}
fieldset div.column_a, fieldset div.column_b {width:410px; float:left;}
fieldset div.column_a {border-right:1px solid #ccc;}
fieldset div.column_b {margin-left:10px;}
fieldset#contact legend {text-transform:uppercase;}
fieldset#contact label, 
fieldset#ownership label, 
fieldset#concept label,
fieldset#architect label,
fieldset#insurance label  {display:block; width:133px; float:left; margin:5px 0;}
fieldset#contact input,
fieldset#ownership input,
fieldset#concept input,
fieldset#architect input,
fieldset#insurance input {width:250px; margin:5px 0; background-color:#E1E5E7; border: 1px solid #ccc; height:20px;}
fieldset#contact select {width:267px; margin:5px 0;}
fieldset#table_a label {margin:5px 0;}
fieldset#table_a input {margin:3px 0;}
fieldset#table_a p {margin:5px 0;}
fieldset#table_a .indent {margin:0 0 5px 15px;}
fieldset#description { margin-bottom:0;}
fieldset#files {margin-top:0; padding:0;}
fieldset#files div {margin-top:0;margin-left:133px;}
fieldset.buttons ol {background:url('../images/bg/fieldset-legend.png') no-repeat; width:890px; height:29px; margin:0; padding:0;}
fieldset.buttons ol li {margin:0; padding-top:5px;}
fieldset.buttons ol li input {font-size:0px;line-height:0px;font-size:13px; border:none; width:79px; height:20px; text-indent:-9999px; margin:0 5px 10px 0; background:url("../images/bt/submit.png") no-repeat; float:right;}

/* FAX Form */

fieldset#fax {width:592px; margin:10px auto; background:url('../images/bg/fax-form.png') no-repeat;} 
fieldset#fax label  {display:block; width:200px; float:left; margin:5px 0; color:#333;}
fieldset#fax input {width:350px; margin:5px 0; background-color:#E1E5E7; border:1px solid #ccc; height:20px;}
fieldset#fax hr {width:90%; color:#eee; margin:15px auto; height:1px;}

/* Contact */
div#contact {min-height:500px;}
div.contact_info, div.contact_form {width:420px; float:left;}
div.contact_info {}
div.contact_form {margin-left:10px; }
.contact_form fieldset {margin-top:0;}
.contact_form label {display:block; color:#333;}
.contact_form input {width:410px; margin:5px 0; background-color:#E1E5E7; border:1px solid #ccc; height:20px;}
.contact_form textarea {width:410px; margin:5px 0; background-color:#E1E5E7; border:1px solid #ccc; height:62px;}
.contact_form input.button {font-size:0px;line-height:0px;font-size:13px;border:none; width:79px; height:20px; text-indent:-9999px; margin:0 5px 10px 0;   background:url("../images/bt/submit.png") no-repeat; float:right;}
dl#contact_data {margin-top:20px; width:375px; height:215px; background:url('../images/bg/contact.png') no-repeat; padding-top:10px; color:#333;}
dl#contact_data dt {font-weight:bold; margin-top:12px; margin-left:40px; padding-left:20px;}
dl#contact_data dd {margin-left:60px;}
dl#contact_data dt.address {background:url('../images/icons/contact-address.png') no-repeat 0 50%;}
dl#contact_data dt.phone   {background:url('../images/icons/contact-phone.png')   no-repeat 0 50%;}
dl#contact_data dt.fax     {background:url('../images/icons/contact-fax.png')     no-repeat 0 50%;}
dl#contact_data dt.email   {background:url('../images/icons/contact-email.png')   no-repeat 0 50%;}

/*Messages*/
fieldset label.error  {color:red; clear:both;} 
div.notice {border:solid 2px green;background-color:#B2DFB8;color:green;padding:3px 5px;margin-bottom:10px;}
div.error {border:solid 2px red;background-color:#FDB5AF;color:red;padding:3px 5px;margin-bottom:10px;}