* {padding:0; margin:0;}
html { display:block; height:100%; width:100%; background: #FFFFFF;;
}
body { background:url(images/background.jpg) no-repeat center top #FFFFFF;; font-family:Century Gothic, sans-serif; font-size:0.80em;}
#wrap { width:940px; margin:auto; min-height:900px; }
#topbar {height:40px;}
#ribbon {height:160px; }
#ribbonright {width:440px; float:right; margin-top:20px; }
#ribbonleft {width:500px; height:100px; float:left; margin-top:20px; }
#header {height:39px;}
#topnav {background:#111; height:50px; background:url(images/menubar.jpg) repeat-x; font-family:Century Gothic, sans-serif; font-weight:bold;}
.clear {clear:both;}
#content {
	background:#FFF url(images/background_home.jpg) no-repeat scroll top left; position: relative;
    padding: 0px; 
    width: 940px; 
	height: 520px;
    border:1px solid #000000; 
    border-width: 0 0px 1px 1px 1px;
	border-top-color: #003366; 
    margin:0 auto;	
	list-style: none;
}
#contentProducts {
	background:#FFF url(images/background_gallery.jpg) no-repeat scroll top left; position: relative;
    padding: 0px; 
    width: 940px; 
	height: 520px;
    border:1px solid #000000; 
    border-width: 0 0px 1px 1px 1px;
	border-top-color: #003366; 
    margin:0 auto;	
	list-style: none;
}
#contentServices {
    padding: 0px; 
    width: 940px; 
	height: 1050px;
    border:1px solid #000000; 
    border-width: 0 0px 1px 1px 1px;
	border-top-color: #003366; 
    margin:0 auto;	
	list-style: none;
}
#contentGallery {
    padding: 0px; 
    width: 940px; 
	height: 750px;
    border:1px solid #000000; 
    border-width: 0 0px 1px 1px 1px;
	border-top-color: #003366; 
    margin:0 auto;	
	list-style: none;
}
#contentQuote {
    padding: 0px; 
    width: 940px; 
	height: 555px;
    border:1px solid #000000; 
    border-width: 0 0px 1px 1px 1px;
	border-top-color: #003366; 
    margin:0 auto;	
	list-style: none;
}
#left {width:650px; float:right; }
#sidebarProducts {
	width:230px;
	position:absolute;
	left:27px;
	top:413px;
	padding:10px;
	height: 64px;
}
.unilock {background:transparent url(images/unilock-logo.png) no-repeat scroll top left;}
#sidebarProducts .container {margin-right:25px}
#sidebarHome {
	width:330px;
	position:absolute;
	left:31px;
	top:304px;
	padding:20px;
	height: 174px;
}
.suburbs {background:transparent url(images/chicagoland-suburbs.png) no-repeat scroll top left;}
#sidebarHome .container {padding:0px;margin-right:25px; }
#left .container, #sidebar .container {padding:10px;} 
#leftServices {width:800px; float:right; margin-right:20px; }
#sidebarServices {width:120px; float:left; }
#leftServices .container, #sidebar .container {padding:10px;}
h1#sitename {font: bold 2.00em 'Century Gothic', sans-serif; color:#fff; text-shadow:#000 1px 1px 1px; display:block; padding:30px 0 0 0;}
h1#home {FONT: bold 21px Century Gothic, sans-serif; COLOR: #003366; text-decoration: none; margin-bottom:15px; letter-spacing:-0.1em; }
h1#services {FONT: bold 18px Century Gothic, sans-serif; COLOR: #003366; text-decoration: none; margin-bottom:15px; letter-spacing:-0.1em; }
h1#requestquote {FONT: bold 42px Century Gothic, sans-serif; COLOR: #003366; text-decoration: none; margin-bottom:15px; letter-spacing:-0.1em; }
#header ul, #sidebar ul {list-style:none; display:block;}
.fontactive { FONT: 17px Century Gothic, sans-serif; COLOR: #FFFFFF; }
.menu {
    padding: 0px; 
    width: 940px; 
    border:1px solid #000000; 
    border-width: 0 1px 1px 1px 1px; 
    margin:0 auto;	
	list-style: none;
}
.menu li {
	margin: 0 auto;
	height: 39px;
	background-color: #003366; 
}
.menu li a{
	display: block;
	padding: 8px 0px 0px 0px;
	height: 31px;
	background-image: url(images/menu_bg.png);
	font: 17px Century Gothic, sans-serif; COLOR: #000000; text-decoration: none;
}

.home {width: 90px; height: 39px;}
.about {width: 126px; height: 39px;}
.services {width: 118px; height: 39px;}
.process {width: 143px; height: 39px;}
.products {width: 157px; height: 39px;}
.gallery {width: 155px; height: 39px;}
.contact {width: 151px; height: 39px; }
ul.menu li a:hover {background: #0066CC; font-family: Century Gothic, sans-serif; COLOR: #FFFFFF; text-decoration: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#introtext p {font:italic 1.3em Century Gothic, sans-serif; color:#ccc; display:block; padding:10px 15px 0 15px; width:60%; float:left; line-height:1.4em;}
#introtext h2 {display:block; padding:10px 15px 0 15px; width:60%; float:left; font:bold italic 1.8em Century Gothic, sans-serif; color:#fff; text-shadow:#000 1px 1px 1px;}
#introtext p span {background:#000;}
#content p {line-height:1.5em; margin-bottom:1.5em;}
.post {padding-bottom:10px; margin-bottom:10px; }
.post#home {margin-right: 10px;}
.post#postquote {padding-bottom:10px; margin-top:10px; margin-right: 10px;}
.post h2 {display:block; FONT: 62px Century Gothic, sans-serif; COLOR: #003366; text-decoration: none; margin-bottom:15px;}
.postcontent {margin-left:185px; }
.postcontentProducts {margin-left:45px; margin-right:40px; }
.postheader {width:100px; float:left;}
.postheader .postinfo {font-size:0.80em!important; width:90px; padding:5px; display:block;}
.postheader .postinfo span {display:block;}
a {font-weight:bold; color:#0066CC; text-decoration:none;}
a:visited, a:active {font-weight:bold; color:#0066CC; text-decoration:none;}
.post a:hover {
	font-weight:bold; color:#0066CC; text-decoration:underline; background-color: #FFF;
}

.shadow {
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.3);
-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.3);
box-shadow: 1px 1px 5px rgba(0,0,0,.3); 
}
.readmore a {display:inline-block; background:#936; color:#fff; font:bold 0.8em Century Gothic, sans-serif; padding:2px; border:none;}
.readmore a:visited, .readmore a:active {display:inline-block; background:#936; color:#fff; font:bold 0.8em Century Gothic, sans-serif; padding:2px; border:none;}
.pagination {background:#f4f4f4; margin:10px;}
.pagination span a {display:block; font:bold 1.2em Century Gothic, sans-serif; color:#000; padding:5px;}
.leftalign {float:left;}
.rightalign {float:right;}
#footer {padding:15px; text-align:center; FONT: 1.07em Century Gothic, sans-serif; color:#333333; text-decoration:none;}
#footer a {FONT: 0.98em Century Gothic, sans-serif; color:#333333; text-decoration:none;}
#footer a:visited, #footer a:active {color:#333333;}
#footer a:hover {color:#003399; text-decoration:underline;}
#credits {FONT: 0.98em Century Gothic, sans-serif; COLOR: #333333; text-decoration: none;}
#credits a {FONT: 0.98em Century Gothic, sans-serif; COLOR: #333333; text-decoration: none;}
#footer p {margin-bottom:10px; margin-top: 5px; margin-right: 7px; }
.alignleft {float:left;}
.alignright {float:right;}

img.spacing {
border: 0px ;
padding: 10px 30px 20px 0px ;
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.3);
-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.3);
box-shadow: 1px 1px 5px rgba(0,0,0,.3); 
}

p.spacing {
border: 0px ;
padding: 10px 30px 20px 0px ;
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.3);
-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.3);
box-shadow: 1px 1px 5px rgba(0,0,0,.3); 
}

.formcontainer {padding:20px 20px 10px 0;}
.formcontainer form {padding:0 15px 0 35px;}
.formcontainer .field {padding:5px;}
.formcontainer label {display:block;}
.formcontainer input {display:block;}
.formcontainer textarea {display:block;}
input.txt {border: solid 1px #ccc; width:230px; padding:2px;}
textarea.txt {border: solid 1px #ccc; width:230px; padding:2px;}
#pagebottom {font:11px Century Gothic, sans-serif;}
.alignleft {float:left;}
.alignright {float:right;}
img.alignleft {margin-right:10px;}
img.alignright {margin-left:10px;}
.post ul {list-style:none; margin-bottom:18px;}
.post ul li { display:block; padding:3px 10px 3px 20px; }
.post ol {
	padding-left:30px;
	
}
.post ol li { padding:3px 10px 3px 0; }
blockquote {display:block; width:230px; float:right; font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-left:15px; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; padding:10px;}
blockquote p {margin-bottom:10px!important; color:#000!important;}

#quote
{
    display: block;
    width: 236px;
    height: 67px;
    background: url("images/requestquote_off.png") no-repeat 0 0;

}
#quote:hover
{ 
    background: url("images/requestquote_on.png") no-repeat 0 0;
}
#quote span
{
    display: none;
}

.astericks {color: #ff0000; font-weight: bold;}