html,body,p,div,ul,li,img,h1,h2,h3,h4,h5{border:0;margin:0;padding:0;vertical-align:baseline;}
body{ background: #fefefe ; font: 12px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;line-height:1; color:#222; }
html, body{ height: 100%; }
h2 { font: 200 24px/30px helvetica, "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; }
ul,ul li{list-style:none;}
hgroup{display:block;}
a{text-decoration:none; color:#ff7901;outline:none;border:none;}
a:hover{ color:#088df3;text-decoration: underline; }
a img{outline:none;border:0 none;text-decoration:none;}
.clear{ clear: both; }
.spacer2 { padding: 1px 0 2px 0; }
.spacer5 { padding: 5px; }
.spacer20 { padding: 20px; }
/*
#success {
background-color:#B3FFB3;
border: 1px solid #007900;
margin: 5px;
padding: 10px;
font-family: Verdana, Geneva, sans-serif;
color: #004F00;
font-weight: bold;
}
#error {
background-color:#FFDFDF;
border: 1px solid #F00;
margin: 5px;
padding: 10px;
font-family: Verdana, Geneva, sans-serif;
color: #970000;
font-weight: bold;
}
#error .login {
width: 400px;
background-color:#FFDFDF;
border: 1px solid #F00;
margin: 5px;
padding: 10px;
font-family: Verdana, Geneva, sans-serif;
color: #970000;
font-weight: bold;
}
#warning {
background-color:#FFEDB7;
border: 1px solid #C90;
margin: 5px;
padding: 10px;
font-family: Verdana, Geneva, sans-serif;
color: #A67C00;
font-weight: bold;
}
*/
/*
#top {width: 100%; position: fixed; top: 0; z-index: 5; background: #f7f7f7 url(./img/bg.jpg) repeat ; padding: 15px 5px 5px 5px; }
#top-container{ width: 500px; margin: 35px auto 0; padding: 0; }
#top .left { display: inline; float: left; width: 50%; }
#top .right { display: inline; float: right; padding-top: 5px;}
#top .right a { border-radius: 2px; background: #222; padding: 5px 7px; font-weight: bold;}
#top .right span {font: bold 14px/20px helvetica, "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; margin-right: 10px; position: relative; top: 2px; }
#logo { font: 700 26px/32px helvetica, "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; display: inline; float: left; }
#logo .lighter { font: 200 26px/32px helvetica, "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; }
#logo a { color: #222; }
#wrapper { width: 500px; margin: 32px auto; background: #e0e0e0 ; border-radius: 3px; box-shadow: 0 0 5px #333; clear: both; position: relative; top: 60px; }
#wrapper h1{ font: 200 26px/32px helvetica, "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-align: center; padding: 10px; border-bottom: 1px solid #bbb; }
.contents { padding: 10px; background: #f9f9f9 ; }
#sgcoders{ position: relative; z-index: 2; left: -7px; top: -10px; padding: 5px; background: #d10a3d; display: inline; float: left; border-radius: 2px; -moz-border-radius: 2px; box-shadow: 0 0 3px #222; color: #fff; }
#sgcoders a{ color: #fff; }
*/
#wrapper{ height: 100%; overflow: auto;}
#wrapper .left{ width: 185px; height: 100%; background: #fdfdfd; display: inline; float: left; position: relative; box-shadow: 1px 0 1px #999; border-right: 1px solid #fff; z-index: 10; }
#logo { position: relative; margin: 10px 8px ;}
#wrapper .box { margin: 20px 15px 5px 20px; padding: 10px 0; font: normal 14px/16px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
#wrapper .right { overflow:hidden; position: relative; height: 100%; z-index: 1; }
.hide { display: none; }
.whatwedo{ background: url('./img/whatwedo.jpg') no-repeat center center fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover; height: inherit; }
.whoarewe{ background: url('./img/whoarewe.jpg') no-repeat center center fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover; height: inherit; }
.tabs { width: 32%; height: 100%; border-right: 5px solid #404040; display: inline; float: left; cursor:pointer;}
.tabs p { clear: both; position: relative; top: 70px; left: 50px; display: block; background: #333; background: rgba( 17, 17, 17, .75); padding: 10px; color: #fff; width: 75%; font: normal 14px/22px helvetica, "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; }
.tabs .split-left{ width: 70%; display: inline; float: left; background: none; border: none;}
.tabs .split-right{ position: relative; top: 60px; width: 30%; display: inline; float: right;}
.tabs .tagline { font: bold 24px/30px helvetica, "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; }
.tabs h2 {font: bold 30px/36px helvetica, "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; padding: 10px; background: #2f2f2f; background: rgba( 17, 17, 17, .75); border: 1px solid #202020; border-left: none; display: inline; color: #fff; position: relative; top: 20px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 5px; }
.contactus { width: 34%; border-right: none; overflow: hidden; background: url('./img/contactus.jpg') no-repeat center center fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover; height: inherit; }
#footer { clear: both; width: 500px; margin: 5px auto 10px; font: 11px/16px helvetica, "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-align: center; position: relative; top: 30px; padding-bottom: 15px; }
#footer a { color: #003ba7; }
#footer a:hover{ color:#cf063a; }
.msg { position: relative; top: 50px; left: 40px; width: 380px; margin-bottom: 5px; clear: both; padding: 10px; display: none; }
.error { background: #ffdfdf; border: 1px solid #ff7383; font-weight: bold; }
.success { background: #dfffe7; border: 1px solid #4be632; font-weight: bold; }
/** forms **/
.form-container-err, .form-container { clear: both; font: normal 12px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; margin-top: 50px; background: #fff; padding: 10px; border: 1px solid #eee; }
.form-container-err { font: 20px/26px helvetica, "Lucida Grande","Lucida Sans Unicode", Arial,Verdana,sans-serif; text-align: center;}
.form-container h2{ font: 30px/36px helvetica, "Lucida Grande","Lucida Sans Unicode", Arial,Verdana,sans-serif; color: #4f4f4f; text-transform: uppercase; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px;}
form .field { clear:both; margin:0px; padding: 7px 0px; }
fieldset, form { padding:0px; margin:0px; border:none ; position: relative; z-index: 1000;}
form legend{font: 200 16px/20px helvetica, "Lucida Grande","Lucida Sans Unicode", Arial,Verdana,sans-serif; border-bottom: 1px dotted #222; width:100%; margin-bottom: 15px; padding: 7px 0; }
.floatLeft{ display: inline; float: left; }
form .field{ clear: both;}
label { text-align: left; margin-right: 15px; width: 105px; font: normal 14px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }
.contact-header{ position: relative; top: 50px; left: 40px; clear: both; font: bold 14px/20px helvetica, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; width: 400px; text-shadow: 0px 2px 2px rgba( 17, 17, 17, 0.35); }
.contact-form { display: inline; float: left; background: rgba( 17, 17, 17, .75); padding: 20px 10px; color: #fff; position: relative; left: 40px; top: 55px; width: 380px; }
/*select { margin-top: 8px; width: 220px; }*/
.shortinput, .input, .longinput { width: 155px;
font: normal 12px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
outline: none;
background:#fff;
border: 1px solid #d5d5d5;
border-radius: 2px;
-moz-border-radius: 2px;
margin: 0 7px 3px 0;
}
.fileinput { position: relative; top: 7px; }
.input{ width: 150px; margin-right: 7px; }
.shortinput{ width: 40px; margin-right: 7px; }
.longinput { width: 220px; }
textarea { height: 70px; font: normal 12px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }
.bigtextarea { height: 100px; }
label, .longinput, .input, .shortinput { padding: 6px 5px 5px 5px; float:left ; outline: none;}
.longinput:focus, .input:focus, input[type=text]:focus, textarea:focus { outline: none; background:#cce0fd; border:1px solid #b6ccec; }
.noborder { background: none; border: none; }
/** end of form **/
/* button
---------------------------------------------- */
.button {
display: inline-block;
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
*display: inline;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
text-decoration: none;
}
.button:active {
position: relative;
top: 1px;
}
.bigrounded {
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}
.big {
font-size: 16px;
padding: .5em 2.0em .52em;
}
.medium {
font-size: 12px;
padding: .4em 1.5em .42em;
}
.small {
font-size: 11px;
padding: .2em 1em .275em;
}
/* color styles
---------------------------------------------- */
/* blue */
.blue {
color: #d9eef7;
border: solid 1px #0076a3;
background: #0095cd;
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
background: -moz-linear-gradient(top, #00adee, #0078a5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
background: #007ead;
background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
background: -moz-linear-gradient(top, #0095cc, #00678e);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
color: #80bed6;
background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
background: -moz-linear-gradient(top, #0078a5, #00adee);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
.disabled {
color: #e9e9e9;
border: solid 1px #555;
background: #6e6e6e;
cursor: default;
}
.disabled:active {
position: relative;
top: 0px;
}
.breadcrumbs { background: #008ccd; font: 200 12px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
padding: .375em 1em .475em; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin:0; border: 1px solid #1460ae;
}
a.button { color: #fff; }
#map_canvas {
display: inline; float: left; background: rgba( 17, 17, 17, .75); padding: 10px; color: #fff; position: relative; left: 65px; width: 400px; height: 358px; top: 0px; border: 1px solid #fff; box-shadow: 0 0 2px #222;
}
@media print {
html, body {
height: auto;
}
#map_canvas {
height: 100%;
}
}