/* CSS Document */

body {
font: 0.8em/2em "trebuchet MS", Verdana, Arial, sans-serif;
margin:30px;
padding:0;
background: #000 url(../assets/generic/background.jpg) no-repeat top left fixed;
color:#fff;
}


#container {
margin:0;
padding:0;
min-width: 820px;
}

#containermain {
margin:0;
padding:0;
width: 960px;
}

#content {
background:red;
margin:0 0 0 210px;
padding:0 0 1em 0;
min-height: 730px;
border: 1px solid #0082d1;
background: url(../assets/generic/home-transbg.png) repeat;
}

#side {
position:absolute;
left:30px;
top:45px;
width: 230px;
}

#sidemain {
padding:0;
float:left;
margin:0;
width: 230px;
border:1px solid #0082d1;
background: #000;
}

#sidebg {
float:right;
margin:0 19px 0 0;
padding:0;
width:208px;
height:38px;
background: url(../assets/generic/navbg.png) no-repeat top left;
}

#header {
background: url(../assets/generic/contracts-icon.gif) no-repeat center right;
height: 40px;
padding:0;
margin:0.5em 20px 0.5em 35px;
}

#footer {
margin-top:10px;
width: 748px;
float:left;
clear:both;
margin-left:210px;
border: 1px solid #0082d1;
height:55px;
background:#000;
}

#googleblurb p {font-size:0.8em;}

/* side styles */

#side h3{
width: 169px;
height: 105px;
background: url(../assets/generic/contracts-logo.gif) no-repeat;
text-indent: -9999px;
margin:10px 0 0 20px;
padding:0;
}

#side h4#services {
text-indent: -9999px;
width:146px;
height:22px;
background:url(../assets/navigation/services.gif) no-repeat;
margin:15px 0 0 35px;
}


#side p {
font-size:0.9em;
line-height:1.6em;
margin:1.5em 0 1em 35px;
}

#side p b {
color:#006daf;
}

#side a.reg:link, #side a.reg:visited {color:#006daf; text-decoration:none;}
#side a.reg:hover, #side a.reg:active {color:#fff; }

ul.navlist  {
margin-left: 0;
padding-left: 0;
list-style: none;
}

ul.navlist li {
background:url(../assets/navigation/bullet-blue.gif) no-repeat 20px;
padding:0.2em 0 0.2em 38px;
font-weight:bold;
}

.navlist li a:link, .navlist li a:visited {
color: #fff;
text-decoration:none;
}

.navlist li a:hover, .navlist li a:active {
color: #006daf;
text-decoration:none;
}

.navlist li.last a:hover, .navlist li.last a:active {
color: #0082d1;
text-decoration:none;
}

#side a.email:link, #side a.email:visited {
color:#006daf;
}

#side a.email:hover, #side a.email:active {
color:#fff;
text-decoration:none;
}


/* header styles */

#header ul, #header li {
display: inline;
list-style: none;
color:#FFF;
margin:0;
padding:0;
}

#header li {
font-weight:bold;
border-right: 1px solid;
padding: 0 0.5em;
font-size: 0.9em;
}

#header li.last {
border-right: 0;
}

#header li a:link, #header li a:visited {
text-decoration:none;
color:#fff;
}

#header li a:hover, #header li a:active {
text-decoration:none;
color:#006daf;
}

/* content styles */

#banner {
width:700px;
margin:0 20px 0 0;
padding:0 0 0 35px;
}

#banner img {
border: 1px dotted #006daf;
}

#stretch img.blue {
border: 1px dotted #0089dc;
}


#content p, #content h3{
padding: 0 0 0 40px;
}

#content p {
font-size:0.9em;
padding-right: 2em;
text-align:justify;
}

.left {
float:left;
}

#content h3 {font-size: 1.5em;}

#content h3.blue {color:#0089dc;}


#content p b, #content h3 {
color:#006daf;
}

#content p b.white {
color:#fff;
text-decoration:underline;
}

#content p em {color:#006daf; font-weight:bold;}


#content a:link, #content a:visited {
color:#006daf;
text-decoration:none;
}

#content a:hover, #content a:active {
color:#fff;
text-decoration:underline;
}

#content a.top:link, #content a.top:visited {
color:#fff;
text-decoration:underline;
text-transform:uppercase;
font-weight:bold;
}

#content a.top:hover, #content a.top:active {
color:#006daf;
text-decoration:none;
}

#content ul.qualifications, #content ol {
padding: 0 0 0 40px;
margin:0 0 0 20px;
}

#content ul.qualifications li, #content ol li {
font-size:0.9em;
padding-right: 2em;
}

#content img.content, #content img.event {
margin:10px 2em 0 40px;
}

#content img.event {
border: 1px dotted #006daf;
}

#content div.line {
border-bottom:1px dotted #006daf;
margin: 0 20px 0 40px;
padding:0;
}

a:link img.content , a:visited img.content  {border: 1px dotted #006daf;}
a:hover img.content , a:active img.content  {border: 1px solid #fff;}


#content img.right {
padding:0 1em;
float:right;
clear:left;
}

/* Highlight Page Layout Styles - MAIN */

body#door a#doornav,
body#guard a#guardnav,
body#retail a#retailnav,
body#mobile a#mobilenav,
body#alarm a#alarmnav,
body#building a#buildingnav,
body#event a#eventnav,
body#close a#closenav,
body#home a#homenav,
body#about a#aboutnav,
body#recruit a#recruitnav,
body#contact a#contactnav
{
color:#006daf;
text-decoration:none;
}

/* footer styles */

#footer ul, #footer ul li {
margin:3px 0 0 20px;
padding:0;
display:inline;
float:left;
}

#footer li {
display:block;
height:47px;
text-indent:-9999px;
}

#footer li#city {background: url(../assets/generic/city-and-guilds.gif) no-repeat; width: 52px;}

#footer p {
margin:0.7em 5px 0 0;
float:right;
text-align:right;
font-size:0.8em;
line-height: 1.8em;
}

#footer a:link, #footer a:visited {
color: #fff;
text-decoration:none;
}

#footer a:hover, #footer a:active {
color: #006daf;
text-decoration:underline;
}

/* form styles */

form#stsform {
padding:10px; 
border:1px dotted #006daf; 
font-size:1em; 
margin:0 40px;
}

form#stsform p {
font-size:1em; 
color:#fff; 
text-align:left; 
padding:15px 5px 5px 0; 
margin:0;
}

form#stsform fieldset#feedback p {padding:4px; margin:0;}

form#stsform fieldset {
display:block; 
border:1px dotted #006daf; 
padding:5px 5px 5px 10px; 
margin-bottom:0.5em; 
line-height:1.5em; 
font-size:1em; 
}

form#stsform fieldset:hover {
border:1px dotted #fff; 
}

form#stsform legend {
font-size:0.9em; 
font-weight:bold; 
border:1px dotted #006daf; 
margin-bottom:15px; 
padding:6px; 
background:#000; 
color:#fff;
}

* html form#stsform legend { padding:0 0 30px 0; margin:5px 0 0 0; border:none;}

form#stsform label {
clear:left; 
display:block; 
float:left; 
width:170px; 
text-align:left; 
padding-right:10px; 
color:#fff; 
margin-bottom:0.5em;}

form#stsform input {
border:1px solid #006daf; 
padding-left:0.5em; 
margin-bottom:0.6em; 
width:280px; 
background:#000;
color:#fff;
}

fieldset#interest input{
width: 400px; 
}

form#stsform input:hover { background: #000; border:1px solid #fff; color:#fff;}
form#stsform input:focus {background:#000; border:1px solid #006daf; color:#fff;}

form#stsform select {margin:0 0 1em 0.5em;}

form#stsform textarea {
width:410px; 
height:10em; 
border:1px solid #006daf; 
padding:0.5em; 
overflow:auto;
background:#000;
color:#fff;
}
form#stsform textarea:hover { background:#000; border:1px solid #fff; color:#fff;}
form#stsform textarea:focus {background:#000; border:1px solid #006daf; color:#fff;}


form#stsform #button1, form#stsform #button2 {
color:#fff; 
padding-right:0.5em; 
cursor:pointer; 
width:205px; 
margin-left:8px; 
background:#006daf; 
border:1px solid; 
border-color:#fff #000 #000 #fff;
}

form#stsform #button1:hover, form#stsform #button2:hover {
color:#fff; 
background:#666; 
border:1px solid; 
border-color:#006daf #000 #000 #006daf; 
}

form#stsform fieldset#hidden {display:none;}