@import url("../css/reset.css");



/*  Globals
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
body {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #666;
	margin: 0 0 20px 0;
	background:url(../gfx/bg.jpg) repeat-x 0 0 #F2E9CB;
} 
hr { display: none; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
.small {
	font-size: 11px;
}
blockquote .small {
	font-weight: bold;
}
h1 {
	font: 28px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #EDE0B6;
}
h2 {
	font: 17px Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	padding: 8px 0;
	border-bottom: 1px dashed #ccc;
}
a {
	color: #65746B;
	text-decoration: none;
}
a:hover {
	color: #48282D;
}
a img {
	border:none;
	outline: none;
}

/* Global Containers
--------------------------------------------------------------------------------------------------- */
#wrapper {
	width: 990px;
	margin: 0 auto;
	position: relative;
}	
#head {
	height: 142px;
	background:url(../gfx/head-bg.jpg) no-repeat 0 0;
	position: relative;
}
#container {
	background: url(../gfx/con-bg.png) repeat-y 0 0;
	padding: 5px 0 25px 0;
	margin: 0;
}
#bot_nav {
	height: 20px;
	background:url(../gfx/con-bt_corner.png) no-repeat 0 0;
	position: relative;
}
#footer {
	margin: 10px 0 0 0;
	height: 44px;
	background: url(../gfx/footer_bg.gif) no-repeat 0 0;
	position: relative;
}

/* Inner Container
--------------------------------------------------------------------------------------------------- */
#core {
	width: 945px;
	height: 520px;
	background:url(../gfx/intro_bg.gif) no-repeat 0 0;
	margin: 0 auto;
	position: relative;
}
#core #primary_photo {
	width: 925px;
	height: 500px;
	position: absolute;
	top: 10px;
	left: 10px;
}

/* ----- TEXT BOX ---------- */
#core #box {
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 26px;
	color: #666;
	position: absolute;
	z-index: 1000;
	top: 60px;
	left: 10px;
	width: 404px;
	height: 359px;
}
#core #box p {
	margin: 0 0 15px 0;
}
#core #box dt {
	height: 99px;
	text-indent:-9999px;
}
#core #box dd .large {
	font-size: 18px;
}
#core #box dd {
	height: 220px;
	background:url(../gfx/box_bg.png) no-repeat;
	padding: 20px 40px;
}
#core #box dt#default {background:url(../gfx/txt/default.png) no-repeat;}
#core #box dt#updates {background:url(../gfx/txt/updates.png) no-repeat;}
#core #box dt#easy {background:url(../gfx/txt/easy.png) no-repeat;}
#core #box dt#application {background:url(../gfx/txt/application.png) no-repeat;}
#core #box dt#thanks {background:url(../gfx/txt/thanks.png) no-repeat;}
#core #box dt#signup {background:url(../gfx/txt/signup.png) no-repeat;}
#core #box dt#welcome {background:url(../gfx/txt/welcome.png) no-repeat;}
#core #box dt#community {background:url(../gfx/txt/community.png) no-repeat;}
#core #box dt#roommates {background:url(../gfx/txt/roommates.png) no-repeat;}
#core #box dt#preview {background:url(../gfx/txt/proofs.png) no-repeat;}
#core #box dt#services {background:url(../gfx/txt/services.png) no-repeat;}
#core #box dt#twu {background:url(../gfx/txt/twu.png) no-repeat;}

/* ----- SCROLL BOX ---------- */
#core #scrollbox {
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 26px;
	color: #666;
	position: absolute;
	z-index: 1000;
	top: 60px;
	left: 10px;
	width: 404px;
	height: 359px;
}
#core #scrollbox p {
	margin: 0 0 15px 0;
}
#core #scrollbox ul {
	margin: 0 0 0 20px;
}
#core #scrollbox dt {
	height: 99px;
	text-indent:-9999px;
}
#core #scrollbox dt.location_head {
	background:url(../gfx/txt/location.png) no-repeat;
}
#core #scrollbox dt.yourplace_head {
	background:url(../gfx/txt/yourplace.png) no-repeat;
}
#core #scrollbox dt.lifestyle_head {
	background:url(../gfx/txt/lifestyle.png) no-repeat;
}
#core #scrollbox dt.privacy_head {
	background:url(../gfx/txt/privacy.png) no-repeat;
}
#core #scrollbox dd .large {
	font-size: 18px;
}
#core #scrollbox dd {
	height: 220px;
	background:url(../gfx/box_bg.png) no-repeat;
	padding: 20px 0;
}


/* ----- WIDE BOX ---------- */
#core #widebox {
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 26px;
	color: #666;
	position: absolute;
	z-index: 1000;
	top: 35px;
	left: 10px;
	width: 650px;
	height: 450px;
}
#core #widebox p {
	margin: 0 0 15px 0;
}
#core #widebox dt {
	height: 61px;
	line-height: 61px;
	font-size: 25px;
	font-weight: bold;
	color: #fff;
	padding: 0 30px;
	background:url(../gfx/widebox_head.png) no-repeat;
}
#core #widebox dd {
	height: 349px;
	background:url(../gfx/widebox_bg.png) no-repeat;
	padding: 20px 30px;
}

#core #widebox .plans li {
	width: 250px;
	height: 150px;
	float: left;
	margin: 5px 10px 10px 10px;
	text-align:center;
	font-size: 11px;
}
.play {
	float: right;
	margin: 0px 0px 10px 0px; 
	width: 80px;
	padding: 0px;
	text-align:center;
}
.play a {
	text-decoration: none;
  	font: normal 10px Arial, Helvetica, sans-serif;
}
.help {
	margin: 10px 0px 10px 22px; 
	padding: 0px;
}
.help a {
	text-decoration: none;
  	font: normal 10px Arial, Helvetica, sans-serif;
}
div.pullquote {float: right; width: 220px; color: #444;
   border: solid #CCCCCC; border-width: 2px 0;
   font: 11px Arial, Helvetica, sans-serif;
   padding: 17px 7px 3px 7px; margin: 0px 12px; background: #FFF url(../gfx/bg/pullqt.jpg) no-repeat;}
.pullquote ul li {
    margin: 0 0 2px 0;
    padding: 0 0 0 12px;
    list-style: none;
	line-height: 1.2em;
}
.pullquote ul {
    margin: 0px !important;
}
td.details { 
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	padding: 0 0 12px 7px;
	margin: 0px;
} 
td.squares { 
	background: url(../gfx/nav/squares.gif) no-repeat 0 4px;
	padding: 2px 0 0 0;
	width: 12px;
	height: 10px;
} 
#textsm { 
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	padding: 0px;
}

table#contact{ 
	margin: 0px 0px 0px 30px;
}

.form3 {width: 200px;
	text-align: left;
	margin: 4px 0px 0px 0px;
	padding: 3px 0px 3px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: normal; 
	color: #777;}
	
.form2 {width: 150px;
	text-align: left;
	margin: 4px 0px 0px 0px;
	padding: 2px 0px 2px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: normal; 
	color: #777;}
	
.form1 {display: none;
		margin: 0px;}

div.addy {float: right; width: 150px; color: #444;
   border: solid #CCCCCC; border-width: 2px 0;
   font: 11px Arial, Helvetica, sans-serif;
   padding: 44px 20px 60px 20px; 
   margin: 10px 40px 0px 40px; 
   background: #FFF url(../gfx/bg/pullqt.jpg) no-repeat;
   line-height: 1.4em;}

#address {
	padding: 10px 0 0 24px;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
  	color:#9f9c9c;
	margin: 0px;
}
#address a {
	color: #695250;
	font-weight: normal;
}
#address a:hover {
	color: #dd0000;
	text-decoration: none;
}

/* GALLERY
--------------------------------------------------------------------------------------------------- */
.gallery1,
.gallery2,
.gallery3 {
	float: left; width: 140px;
  	font:  10px/12px Verdana, Arial, Helvetica, sans-serif;
  	color:#777;
	text-align: center;
	margin: 0px 10px 10px 0px;
}
.gallery4 {
	float: left; width: 140px;
  	font:  10px/12px Verdana, Arial, Helvetica, sans-serif;
  	color:#777;
	text-align: center;
	margin: 0px 0px 10px 0px;
}
.galtext {
	width: 400px;
	margin: 3px 0px;
	text-align: left;
}
#galwrap {
		margin: 0px 0px 20px 0px;
}

/* ----- SCROLL BOX ---------- */
#core #scroll_info {
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 26px;
	color: #666;
	position: absolute;
	z-index: 1000;
	top: 78px;
	left: 10px;
	width: 404px;
	height: 359px;
}
#core #scroll_info p {
	margin: 0 0 15px 0;
}
#core #scroll_info dt {
	height: 99px;
	background:url(../gfx/intro_title.png) no-repeat;
	text-indent:-9999px;
}
#core #scroll_info dd .large {
	font-size: 18px;
}
#core #scroll_info dd {
	height: 220px;
	background:url(../gfx/intro_box_bg.png) no-repeat;
	padding: 20px 0;
}
#core .scrollbox {
	width: 354px;
	height: 195px;
	padding: 0 20px;
	overflow: auto;
}
#core .scrollbox ul li {
	background: url(../gfx/nav/squares.gif) no-repeat 0 5px;
	font-size: 12px;
	margin: 10px 0;
	padding: 0 0 0 25px;
	line-height: 18px;
}


/* Head
--------------------------------------------------------------------------------------------------- */
#logo a {
	width: 144px;
	height: 105px;
	display:block;
	background:url(../gfx/logo.png) no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	top: 10px;
	left: 15px;
}
#head_nav {
	position: absolute;
	top: 8px;
	right: 54px;
}
#head_nav li.first,#foot_nav li.first,#bot_nav ul li.first{
	border: 0;
}
#head_nav li,#foot_nav li {
	float: right;
	border-left: 1px solid #D1D6D3;
}
#head_nav li a {
	font-size: 11px;
	font-weight: bold;
	margin: 0 15px;
	color: #EDE0B6;
}
#foot_nav li a{
	font-size: 10px;
	font-weight: normal;
	margin: 0 15px;
	color: #EDE0B6;
}
#head_nav li a:hover, #foot_nav li a:hover {
	color: #fff;
	text-decoration: none;
}

/* HEAD TITLE */
#head h2 {
	height: 28px;
	position: absolute;
	top: 56px;
	right: 64px;
	text-indent: -9999px;
}
#main #head h2 {
	width: 688px;
	height: 34px;
	background:url(../gfx/header.png);
	padding: 0;
	border: 0;
}

/* Tab Navigation
--------------------------------------------------------------------------------------------------- */
#tab_nav {
	position: absolute;
	top: 117px;
	left: 240px;
}
#tab_nav li {
	float: left;
	margin: 0 2px;
	display: inline;
}
#tab_nav li a {
	font: 15px Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0 10px;
	height: 30px;
	whitespace: no-wrap;
	text-align: center;
	line-height: 30px;
	color: #9BA19E;
	display: block;
	background: url(../gfx/nav/tab_off_bg.jpg) repeat-x 0 0;
	float: left;
}
#tab_nav li a:hover, #tab_nav li.active a {
	color: #fff;
	background: url(../gfx/nav/tab_on_bg.jpg) repeat-x 0 0;
}

/* bot_nav
--------------------------------------------------------------------------------------------------- */
#bot_nav ul {
	float: right;
	position: absolute;
	top: -10px;
	right: 12px;
}
#bot_nav ul li {
	float: left;
	border-left: 1px solid #ccc;
}
#bot_nav li a{
	font-size: 10px;
	font-weight: bold;
	margin: 0 15px;
	color: #8C9790;
}
#bot_nav li a:hover {
	color: #48282D;
	text-decoration: underline;
}

/* big_nav
--------------------------------------------------------------------------------------------------- */
#core .btn_request {
	display: block;
	width: 177px;
	height: 37px;
	margin: 0 0 10px 0;
	text-indent: -9999px;
	background:url(../gfx/nav/btn_request.png) no-repeat 0 0;
}
#core .btn_request:hover {
	background:url(../gfx/nav/btn_request.png) no-repeat 0 -37px;
}
#core .btn_updates {
	display: block;
	width: 177px;
	height: 37px;
	margin: 0 0 10px 0;
	text-indent: -9999px;
	background:url(../gfx/nav/btn_updates.png) no-repeat 0 0;
}
#core .btn_updates:hover {
	background:url(../gfx/nav/btn_updates.png) no-repeat 0 -37px;
}
#core .live_button {
	width: 166px;
	height: 65px;
	background:url(../gfx/nav/live_bg.png) no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	bottom: 8px;
	right: 8px;
	z-index: 999;
}
#core .live_button:hover {
	width: 166px;
	height: 65px;
	background:url(../gfx/nav/live_bg.png) no-repeat 0 -65px;
	text-indent: -9999px;
}

/* Footer
--------------------------------------------------------------------------------------------------- */
#foot_nav {
	position: absolute;
	top: 15px;
	right: 15px;
}
.credit {
	position: absolute;
	top: 16px;
	left: 20px;
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #D1D6D3;
}
.credit a {
	color: #D1D6D3;
}

/* Helpers 
--------------------------------------------------------------------------------------------------- */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */