/* 
Global Styles for Prudential Home Tour Website.
designed by Josh Clark
Lead Designer at Prudential Real Estate Professionals
 */

/*
------------------------------------------------------
DEFAULT STYLES
------------------------------------------------------*/
html {
background:url(../images/global/bg.gif) repeat-x #4C6382;
}

html, body {
margin: 0;
padding:0;
width:100%;
height: 100%;

}

body {
font: 80.5%/1.3em Verdana, Arial, Helvetica, sans-serif;
background: url(../images/global/footerhouses1.jpg) bottom center no-repeat;
}


/*
------------------------------------------------------
CONTAINER / CONTENT
------------------------------------------------------*/
#wrapper {
width: 850px;
margin: 0px auto 50px auto;
padding:0;
position:relative;
border:none;
}

/*
------------------------------------------------------
HEADER
------------------------------------------------------*/
#header {
	margin: 0px;
	margin-bottom: 15px;
}

#header h1, #header .description {
display: none;
}
#header #headerimg p {
	display: none;
}

.homelink{
	margin:0px;
	width: 220px;
	height: 120px;
}

.homelink a, .homelink a:link, .homelink a:visited {
display: block;
width: auto;
height: 120px;
text-align: center;
border:none;
text-decoration:none;
}

.homelink a:hover {
border-bottom: none;
}

#headerimg {
height: 150px;
width:850px;
background: url(../images/global/header.jpg) top left no-repeat;
}
/*
------------------------------------------------------
NAV
------------------------------------------------------*/
#nav {
margin-bottom:30px;
}

#nav ul {
margin: -90px 0px 20px 235px !important;
padding: 5px 0 5px 0;
text-align: left;

}

#nav ul li {
padding: 0px 0px 0px 15px!important;
font-size: 1em;
font-weight:bold;
text-align: left;
display:inline;
}

#nav ul li a {
display: inline;
color:#FFF;
text-decoration:none;
}

#nav ul li a:hover {
color:#CCC;
border-bottom: #fff 1px dotted;
}

/*
------------------------------------------------------
CONTENT
------------------------------------------------------*/

#content {
margin-top:20px;
height:100%;
}

/*
------------------------------------------------------
LEFT COLUMN
------------------------------------------------------*/

#leftcol {
padding: 0px 10px 10px 0px;
width:613px;
float:left;
}

#tour {
background-color:#FFF;
padding: 5px;
border: #003366 1px solid;
}

.tutorial {
padding:5px;
background:#333333;
border:1px #ffffff solid;
margin: 20px;
text-align:center;
}
/*
------------------------------------------------------
RIGHT COLUMN
------------------------------------------------------*/

#rightcol {
margin:0px auto 10px 630px;
}

.promo {
background-color:#fff;
margin-bottom:12px;
width: 200px;
height:161px;
border:#003366 1px solid;
}

#rightcol a:link, #rightcol a:hover, #rightcol a:visited, #rightcol img {
text-decoration:none;
border:none;
}

.lightboxhide {
display:none;
}

#footer {
text-align:center;
margin: 0px auto 0px 0px;
color:#FFFFFF;
padding: 5px 10px;
}