/* RESET
---------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, strong, ol, ul, li, fieldset, form, label{
	background: transparent;
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

:focus											{ outline: 0; }

body {
	background-color: #fff;
	color: #3404040;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:560px;
}

html, body										{ height: 100%; }
div, li											{ float:left; }
ol, ul											{ float:left; list-style: none; }
blockquote										{ float:left; border-left:3px solid #1c8f8b; font-style: italic; padding:20px; margin:20px; width:513px; }
strong											{ font-weight: bold; }
em											{ font-style: italic; }
hr											{ display: none; }
textarea										{ font-size:12px; font-family: Arial, Helvetica, sans-serif; }
cite											{ float:left; width:100%; }

.right											{ float: right; }
.left											{ float: left; }
.hide											{ display: none; }
.clear											{ clear: both; }

.clearfix:after										{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix										{ display: block; }
html[xmlns] .clearfix									{ display: block; }
* html .clearfix									{ height: 1%; }

/* COMMON ELEMENTS
---------------------------------------*/
a											{ color:#17548d; text-decoration:none; }
a:hover											{ text-decoration:underline; }

h1, h2 a 										{ float:left; font-weight: bold; font-size: 18px; text-indent:-9999px; line-height: 18px; margin-bottom: 0; width:100%; }
h2 a											{ display:block; width:245px; height:100%; }

p											{ float:left; line-height:18px; padding-bottom:0; width:100%; }
.wrapper										{ padding:0 30px; width:500px; }



/* LAYOUT
---------------------------------------*/
#shell, #shell-large									{ width:560px; height:600px; overflow:hidden; }
#shell-large										{ height:725px; }
#header											{ width:100%; height:85px; }
#logo											{ display:block; padding:20px 30px 7px 30px; width:500px; height:21px; }
#main-title										{ display:block; padding:0 30px 10px 30px; width:500px; height:25px; }
#content										{ padding:0 30px 25px 30px; width:500px; }
#msg											{ padding-top:15px; width:100%; }
#msg span										{ float:left; padding:3px 5px; color:#fff; font-weight:bold; text-align:center; width:490px; }
span.error										{ background-color:red; }
span.success										{ background-color:green; }

#copyright										{ color:#a3a3a3; font-size:11px; text-align:center; padding:10px 0 20px; width:100%; }
#copyright a										{ color:#b5babc; }
#copyright a:hover									{ color:#94afd3; text-decoration:none; }



/* FORM GENERAL SETTINGS
---------------------------------------*/

.lastName										{ visibility:hidden; }
.form-left										{ padding-right:18px; width:285px; }
.form-right										{ width:197px; }
input, select										{ background:#fff; border:1px solid #a5a5a5; font-size:14px; font-weight:bold; padding:5px; width:273px; }
.form-right input, .form-right select							{ width:185px; }
label											{ float:left; color:#d28e93; font-size:14px; padding-bottom:5px; width:100%; }
#datepicker										{ float:left; padding:17px 0 11px; width:100%; }
#date2											{ font-size:10px; width:100%; overflow:hidden; }
input.submit										{ border:none; width:auto; cursor:pointer; }


/* RED
---------------------------------------*/

.red-bg											{ background:url(images/pop-ups/bg-red.jpg) no-repeat; }
.red-bg #logo										{ background:url(images/pop-ups/milton-daily-homes-logo-red.png) 30px 20px no-repeat; }
.red-bg #main-title									{ background:url(images/pop-ups/title-take-a-tour-of-milton-homes.png) 30px 0 no-repeat; }
.red-bg #content									{ color:#ff2e3e; }
.red-bg #copyright									{ color:#d29ea2; }
.red-bg #copyright a, .red-bg #copyright a:hover					{ color:#d28e93; }
.red-bg input.submit									{ background-color:#ff2e3e; color:#fff; }


/* PURPLE
---------------------------------------*/

.purple-bg										{ background:url(images/pop-ups/bg-purple.jpg) no-repeat; }
.purple-bg #logo									{ background:url(images/pop-ups/milton-daily-homes-logo-purple.png) 30px 20px no-repeat; }
.purple-bg #main-title									{ background:url(images/pop-ups/title-meet-me-at-starbucks.png) 30px 0 no-repeat; }
.purple-bg #content									{ color:#e988d4; }
.purple-bg #copyright									{ color:#cd84bd; }
.purple-bg #copyright a, .purple-bg #copyright a:hover					{ color:#cd84bd; }
.purple-bg input.submit									{ background-color:#e988d4; color:#fff; }
.purple-bg label									{ color:#cd84bd; }

/* BLUE
---------------------------------------*/

.blue-bg										{ background:url(images/pop-ups/bg-blue.jpg) no-repeat; }
.blue-bg #logo										{ background:url(images/pop-ups/milton-daily-homes-logo-blue.png) 30px 20px no-repeat; }
.blue-bg #main-title									{ background:url(images/pop-ups/title-come-to-a-home-buyers-class.png) 30px 0 no-repeat; }
.blue-bg #content									{ color:#0083fe; }
.blue-bg #copyright									{ color:#8fb1d1; }
.blue-bg #copyright a, .blue-bg #copyright a:hover					{ color:#8fb1d1; }
.blue-bg input.submit									{ background-color:#0083fe; color:#fff; }
.blue-bg label										{ color:#8fb1d1; }