/********************************
 CSS rules common to entire site
*********************************/

/****************
Element Defaults
(Keep minimal, prefer
classes and IDs instead)
*******************/

:focus
{
    outline: 0;
}

a:link, a:visited
{
    font-weight: bold;
    color: #444;
    text-decoration: none;
}

a:hover
{
    color: black;
    text-decoration: none;
}

em
{
}

body
{
    background: #DEE0E1 url(/images/layout/bg.png) center top repeat-y;
    font: normal 10px Helvetica, Arial, Verdana, sans-serif;
    color: black;
    text-align: center;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6
{
    margin: 0px;
}

h1
{
    font-size: 16px;
    margin-bottom: 20px;
}

h2
{
    font-size: 12px;
}

h2 .enter,
.enter
{
    font: normal 30px 'Times New Roman', Times, serif;
    text-transform: uppercase;
}

h3
{
    font-size: 12px;
    font-weight: normal;
    color: #444;
}

h3 strong
{
    color: black;
}

p
{
    font: normal 12px Helvetica, Arial, Verdana, sans-serif;
    line-height: 1.7em;
    color: #555;
}

img
{
    border: none;
    display: inline;
}

table
{
    border-collapse: collapse;
    border-spacing: 0px;
}

td
{
    vertical-align: top;
}

blockquote
{
    margin: 0px 50px 25px 85px;
}

blockquote p
{
    font: bold italic 16px Helvetica, Arial, Verdana, sans-serif;
    color: black;
}

blockquote p em
{
    font: italic 16px Helvetica, Arial, Verdana, sans-serif;
}

/***************
 Common Classes
****************/
.block
{
    display: block;
}

.rollover
{
    display: block;
    float: left;
    display: inline;
}

.rollover:hover
{
    visibility: visible;
}

.rollover img
{
    width: 100%;
    height: 100%;
    border: 0;
}

.rollover:hover img
{
    visibility: hidden;
}

.border
{
    background: url(/images/layout/border-bgd.png) no-repeat;
    padding: 10px 15px 15px 10px;
    display: block;
}

p.intro
{
    font-size: 13px;
}

.float-r
{
    float: right;
    margin-top: -20px;
}

.black
{
    color: black;
}

/***********
 Common IDS
************/

#wrap
{
    background: #cbcccd url(/images/layout/bg-inner.png) center top repeat-x;
    width: 901px !important;
    width/**/: 1001px;
    margin: 0px auto 0px auto;
    padding: 50px;
    text-align: left;
}

#navigation
{
    background: url(/images/layout/navigation-bgd.png) repeat-x;
    width: 897px;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px;
    text-align: left;
}

#navigation li

{
    font: 12px 'Times New Roman', Times, serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    display: inline;
    vertical-align: middle;
    margin-left: 0px;
    padding: 0px;
}

#navigation li a:link,
#navigation li a:visited
{
    font-weight: normal;
    padding: 10px 25px;
    color: black;
    text-decoration: none;
    border-left: 1px ridge;
}

#navigation li a:hover
{
    background: url(/images/layout/navigation-bgd-ho.png) repeat-x;
    text-decoration: none;
}

#navigation li a:link.selected,
#navigation li a:visited.selected
{
    background: url(/images/layout/navigation-bgd-ho.png) repeat-x;
}

#header
{
}

#logo
{

}

#page
{
    margin: 50px 325px 40px 105px !important;
    margin/**/: 50px 160px 40px 52px;
}

#testimonials
{
    background: url(/images/layout/testimonial-bgd.jpg) bottom no-repeat;
    float: right;
    width: 240px;
    margin: 50px 0px 0px 0px;
    padding: 20px;

}

#testimonials p
{
    font-size: 11px;
}

#footer
{
    text-align: left;
    color: #a8a9ab;
    margin-top: 10px;
}

#footer hr
{
    clear: both;
    border-top: #a8a9ab 1px solid;
}

#footer a:link,
#footer a:visited
{
    color: #a8a9ab;
}

#logo-cb
{
    float: right;
    margin-bottom: 50px;
}

#reclad
{
    width: 275px;
    float: right;
    clear: right;
    padding: 20px 0px 0px 10px;
}

#reclad div
{
    float: left;
    margin-right: 10px;
}

/***********
Home
************/
#homepage
{
    margin: 50px 0px 25px 0px;
}


#home-enter
{
    margin: 10px 0px;
}

#home-enter a:link,
#home-enter a:visited
{
    color: #444;
}

#home-enter a:hover
{
    color: black;
    text-decoration: none;
}

#architects
{
    background: url(/images/home/architects-enter.png) no-repeat;
    width: 450px;
    height: 50px;
    padding: 50px 0px;
    text-align: center;
    display: block;
}

#homeowner
{
    background: url(/images/home/home-enter.png) no-repeat;
    width: 450px;
    height: 50px;
    padding: 50px 0px;
    text-align: center;
    display: block;
}

/* Popup */

.popup
{
    position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(/images/layout/homepage/popup-overlay.png) repeat;
	z-index: 200;
}


.popup-content
{
    position: absolute;
    z-index: 201;
    left: 50%;
    top: 0px;
    margin-left: -512px;
    width: 959px;
	background: url(/images/layout/homepage/award-background.png) no-repeat;
	height: 752px;
	padding-top: 60px;
	padding-left: 75px;
}

#homepage .popup-content h2
{	
	font: normal 14px 'Georgia', serif;
	margin: 5px 0px;
	color: #333;
}

#homepage .popup-content h1
{	
	font: normal 24px 'Georgia', serif;
	color: #333;
}

#homepage .popup-content h3
{	
	text-align: right;
	font: normal 14px 'Georgia', serif;
	color: #999;
	margin: 5px 88px 0px 0px;
}

#homepage .popup-content h3 a:link,
#homepage .popup-content h3 a:visited
{	
	text-align: right;
	font: normal 14px 'Georgia', serif;
	color: #000;
}


#homepage .popup-content h1 span
{	
	color: #af6705;
}

#close-popup
{
	position: absolute;
	top: 60px;
	width: 100px;
	margin-left: 760px;
	text-align: right;
	font: normal 12px 'Georgia', serif;
	text-transform: uppercase;
	color: #083d83;	
}

#popup-slideshow
{
	clear: left;	
	height: 538px;
	width: 870px;
}

/***********
Snippets
************/
#snippets
{
    margin: 0;
    padding: 0;
}

#snippets li
{
    display: inline;
    float: left;
    margin-right: 12px;
}

/* Forms */

fieldset
{
    padding: 10px;
    border: none;
    background: white;
}

legend
{
    display: none;
}

fieldset label
{
    font-size: 11px;
    float: left;
    width: 120px;
}

fieldset h2
{
    margin: 10px 0px;
    border-top: 1px solid #ccc;
    padding-top: 5px;
}

input.text
{
    margin-left: 10px;
    margin-bottom: 3px;
    border: none;
    padding: 3px;
    background: #e2e3e4;
}

textarea
{
    background: #e2e3e4;
}

input.file
{
    float: left;
    margin-right: 10px;
}