/**********************************************************************************************

	Title: CSS
	Author: Jeremy Williams
	Date: 20090930 

***********************************************************************************************
1. YUI Reset CSS

2. General Elements

3. Containers

4. Page Layout

	4.1 Header
	4.2 Logo
	4.3 Navigation
	4.4 Splash
	4.5 Content
	4.6 Content Footer
	4.7 Footer

5. Navigation and Other Clickables

	5.1 Logo Area
	5.2 Content Body
	5.3 Home Page
	5.4 Matchmaking Main Page
	5.5 Matchmaking Get Started Page
	5.6 Online Page
	5.7 Tour Page
	5.8 Locations Page
	5.9 City Pages
	5.10 Dashboard
	5.11 Contact
	5.12 Privacy
	5.13 Terms
	5.14 Site Map
	5.15 Thanks Page
	5.16 Footer

6 Section Content

	6.1 Shared Body Elements (For items that will be used in multiple areas)
	6.2 Home Page
	6.3 Matchmaking Main Page
	6.4 Matchmaking Get Started Page
	6.5 Online Page
	6.6 Tour Page
	6.7 Locations Page
	6.8 Member Login Page
	6.9 Thanks
	6.10 City Pages
	6.11 Dashboard
	6.12 Contact
	6.13 Privacy
	6.14 Terms
	6.15 Sitemap
	6.16 Sidebar Content
	6.17 Footer Content

7 Forms (Not the DIV's but the actual stylization of the form elements)

	7.1 Home 
	7.2 Matchmaking
	7.3 Online
	7.4 Members 

		
***********************************************************************************************/


/* 1. YUI Reset CSS

The foundational YUI Reset CSS file removes and neutralizes the inconsistent default styling of 
HTML elements, creating a level playing field across A-grade browsers and providing a sound 
foundation upon which you can explicitly declare your intentions.
-----------------------------------------------------------------------------------------------
===============================================================================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th {margin:0; padding:0;} 
img {border:0;} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:bold;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-weight:normal;} 
q:before,q:after {content:'';}
abbr,acronym {border:0;}


/* 2. General Elements

I've declared some general items here that will be consistent across the entire site.
-----------------------------------------------------------------------------------------------
===============================================================================================*/

html { }
body {background:url(../images/bg-page.jpg) no-repeat top center #E5E5E5; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
ul {padding:0; margin:0;}
li {padding:0; margin:0; list-style:none;}
h1 {padding:0px 0px 10px 0px; font-size:28px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px; margin:0px 0px 10px 0px;}
p {padding:7px 0px 7px 0px;}
.left {padding:0; margin:0; float:left;}
.right {padding:0; margin:0; float:right;}
.clear {padding:0; margin:0; clear:both;}
.clear-left {clear:left;}
.clear-right {clear:right;}


/* 3. Containers
-----------------------------------------------------------------------------------------------
===============================================================================================*/
	
#container-header {height:30px; background-color:#333; padding:0; margin:auto; overflow:hidden;}
#container-logo {height:140px; padding:0; margin:auto; overflow:hidden;}
#container-content {padding:0; margin:auto;}
#container-content-footer {height:19px; padding:0; margin:auto; overflow:hidden;}
#container-footer {height:160px; padding:0; margin:auto; overflow:hidden;}

/* 4. Page Layout
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* 4.1 Header
-------------------- */
#header {width:960px; height:30px; padding:0; margin:auto; overflow:hidden;}

/* 4.2 Logo
-------------------- */
#logo {width:960px; height:140px; background:url(../images/bg-logo.jpg) no-repeat top center; padding:0; margin:auto; overflow:hidden;}

/* 4.3 Navigation
-------------------- */
#navigation {width:960px; height:40px; background:url(../images/bg-navigation.jpg) no-repeat top center; padding:0; margin:auto; overflow:hidden;}

/* 4.4 Splash
-------------------- */
#splash {width:960px; padding:0; margin:auto; overflow:hidden;}

/* 4.5 Content
-------------------- */
#content {width:960px; background:url(../images/content-body.jpg) repeat-y top center; padding:0; margin:auto;}

/* 4.6 Content Footer
-------------------- */
#content-footer {width:960px; height:19px; background:url(../images/content-footer.jpg) no-repeat top center; padding:0; margin:auto; overflow:hidden;}

/* 4.7 Footer
-------------------- */
#footer {width:960px; height:160px; padding:15px; margin:auto;}


/* 5. Navigation and Other Clickables
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* 5.1 Logo Area
-------------------- */
#logo .left a {width:285px;	height:123px; display:block; overflow:hidden;}

#main-menu li a {width:155px; height:54px; display:block; text-indent:-9999px;}

#main-menu .home a {width:155px; background:transparent url(../images/tab-home.png) 0 0 no-repeat; overflow:hidden;}
#main-menu .matchmaking a {width:155px; background:transparent url(../images/tab-matchmaking.png) 0 0 no-repeat; overflow:hidden;}
#main-menu .online a {width:155px; background:transparent url(../images/tab-online.png) 0 0 no-repeat; overflow:hidden;}
#main-menu .members a {width:155px; background:transparent url(../images/tab-members.png) 0 0 no-repeat; overflow:hidden;}

#main-menu .home a:hover, #main-menu .home a:active {background-position:-155px 0;}
#main-menu .matchmaking a:hover, #main-menu .matchmaking a:active {background-position:-155px 0;}
#main-menu .online a:hover, #main-menu .online a:active {background-position:-155px 0;}
#main-menu .members a:hover, #main-menu .members a:active {background-position:-155px 0;}

#main-menu .home-active {width:155px; height:54px; background:transparent url(../images/tab-home.png) 0 0 no-repeat; background-position:-310px 0; display:block; text-indent:-9999px; overflow:hidden;}
#main-menu .matchmaking-active {width:155px; height:54px; background:transparent url(../images/tab-matchmaking.png) 0 0 no-repeat; background-position:-310px 0; display:block; text-indent:-9999px; overflow:hidden;}
#main-menu .online-active {width:155px; height:54px; background:transparent url(../images/tab-online.png) 0 0 no-repeat; background-position:-310px 0; display:block; text-indent:-9999px; overflow:hidden;}
#main-menu .members-active {width:155px; height:54px; background:transparent url(../images/tab-members.png) 0 0 no-repeat; background-position:-310px 0; display:block; text-indent:-9999px; overflow:hidden;}

/* 5.2 Content Body
-------------------- */
#content-body .infobar a {color:#005a9e; text-decoration:none;}
#content-body .infobar a:hover {text-decoration:underline;}

/* 5.3 Home Page
-------------------- */
#navigation .home li a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#navigation .home li a:hover {color:#666666;}

#content .home a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#content .home a:hover {color:#666666;}

/* 5.4 Matchmaking Main Page
-------------------- */
#navigation .matchmaking li a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#navigation .matchmaking li a:hover {color:#666666;}

#content .matchmaking a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#content .matchmaking a:hover {color:#666666;}

/* 5.5 Matchmaking Get Started Page
-------------------- */
#navigation .match-start li a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#navigation .match-start li a:hover {color:#666666;}

#content .match-start a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#content .match-start a:hover {color:#666666;}

/* 5.6 Online Page
-------------------- */
#navigation .online li a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#navigation .online li a:hover {color:#666666;}

#content .online a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#content .online a:hover {color:#666666;}

/* 5.7 Tour Page
-------------------- */
#navigation .tour li a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#navigation .tour li a:hover {color:#666666;}

#content .tour a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#content .tour a:hover {color:#666666;}

/* 5.8 Locations Page
-------------------- */
#navigation .locations li a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#navigation .locations li a:hover {color:#666666;}

#splash .locations li a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#splash .locations li a:hover {color:#666666;}

#content .locations a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#content .locations a:hover {color:#666666;}

#content .locations .right a {font-size:12px; font-weight:bold; color:#005a9e; text-decoration:none;}
#content .locations .right a:hover {color:#666666;}

/* 5.9 Member Login Page
-------------------- */
#navigation .members li a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#navigation .members li a:hover {color:#666666;}

#splash .members li a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#splash .members li a:hover {color:#666666;}

#content .members a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#content .members a:hover {color:#666666;}

#content .members .right a {font-size:10px; font-weight:bold; color:#005a9e; text-decoration:none;}
#content .members .right a:hover {color:#666666;}

/* 5.9 City Pages
-------------------- */
#content .city a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#content .city a:hover {color:#666666;}

/* 5.10 Dashboard
-------------------- */
#navigation .dashboard li a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#navigation .dashboard li a:hover {color:#666666;}

.dashmenu {margin:5px 0; padding:0; width:180px; /*width of menu*/}

.dashmenu div.silverheader a {width:172px; height:28px; background:transparent url(../images/bg-dashmenu.jpg) no-repeat 0 0; padding:12px 0px 0px 8px; display:block; font-weight:bold; text-decoration:none; color:#333; position:relative; /*To help in the anchoring of the ".statusicon" icon image*/}
.dashmenu div.silverheader a:active {color:#FFF;}
.dashmenu div.silverheader.selected a, .dashmenu div.silverheader a:hover {background:transparent url(../images/bg-dashmenu-hover.jpg) no-repeat 0 0; color:#FFF;}

.dashmenu div.greenheader a {width:172px; height:28px; background:transparent url(../images/bg-dashmenu-upgrade.jpg) no-repeat 0 0; padding:12px 0px 0px 8px; display:block; font-weight:bold; text-decoration:none; color:#FFF; position:relative; /*To help in the anchoring of the ".statusicon" icon image*/}
.dashmenu div.greenheader a:active {color:#FFF;}
.dashmenu div.greenheader.selected a, .dashmenu div.greenheader a:hover {background:transparent url(../images/bg-dashmenu-upgrade-hover.jpg) no-repeat 0 0; color:#FFF;}

.dashmenu div.submenu /*DIV that contains each sub menu*/ {background-color:#E5E5E5; padding:5px; margin:0px 5px 5px 5px; height:auto; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/}
.dashmenu div.submenu ul {padding:0; margin:0;}
.dashmenu div.submenu li {margin:0;}
.dashmenu div.submenu li a {height:20px; background-color:#D9D9D9; padding:6px 0px 5px 5px; margin:0px 0px 1px 0px; display:block; font-weight:bold; color:#005a9e;}
.dashmenu div.submenu li a:hover {background-color:#B7C9D7;}
.dashmenu div.submenu a.selected {background-color:#B7C9D7;}

/* 5.11 Contact
-------------------- */
#navigation .contact li a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#navigation .contact li a:hover {color:#666666;}

#content .contact a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#content .contact a:hover {color:#666666;}

/* 5.12 Privacy
-------------------- */
#navigation .privacy li a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#navigation .privacy li a:hover {color:#666666;}

#content .privacy a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#content .privacy a:hover {color:#666666;}

/* 5.13 Terms
-------------------- */
#navigation .terms li a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#navigation .terms li a:hover {color:#666666;}

#content .terms a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#content .terms a:hover {color:#666666;}

/* 5.14 Site Map
-------------------- */
#navigation .sitemap li a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#navigation .sitemap li a:hover {color:#666666;}

#content .sitemap a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#content .sitemap a:hover {color:#666666;}

/* 5.15 Thanks Page
-------------------- */
#navigation .thanks li a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#navigation .thanks li a:hover {color:#666666;}

#content .thanks a {font-size:14px; font-weight:bold; color:#005a9e; text-decoration:none;}
#content .thanks a:hover {color:#666666;}

/* 5.16 Footer
-------------------- */
#footer a {color:#005a9e;}
#footer a:hover {text-decoration:underline;}
#footer a:visited {color:#005a9e; text-decoration:underline;}


/* 6 Section Content
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* 6.1 Shared Body Elements (For items that will be used in multiple areas)
-------------------- */
#header {font-size:18px; font-weight:bold; color:#FFF; text-align:right;}

#logo .left {width:285px; height:123px; float:left;}

#main-menu {width:620px; height:54px; padding:0; margin:0px 10px 0px 0px; overflow:visible; position:relative; top:75px;}
#main-menu ul {padding:0; margin:0;}
#main-menu li {padding:0; margin:0; float:left;}

#content-body {color:#333;}
#content-body .container {width:920px; margin:auto;}

li.tos {margin:5px 0px 5px 30px; padding:0; list-style:disc;}

/* 6.2 Home Page
-------------------- */
#navigation .home {width:960px; padding:12px 0px 0px 0px; margin:0; color:#c9d2d9;}
#navigation .home ul {padding:0; margin:0px 0px 0px 30px;}
#navigation .home li {padding:0px 15px 0px 0px; margin:0; float:left;}

#splash .home {width:960px; height:334px; background:url(../images/splash-home.jpg) no-repeat top center; padding:0; margin:auto;}
#splash .home h1 {font-size:30px; color:#FFF;}
#splash .home .left {width:600px; height:334px; margin:0; padding:0px 0px 0px 20px; font-size:14px; font-weight:bold; color:#000; overflow:hidden;}
#splash .home .right {width:300px; margin:0; padding:10px 20px 0px 0px;}

#form-home {width:290px; margin:90px 0px 0px 0px;}
#form-home .desc {width:75px; height:30px; padding:5px 0px 0px 10px; text-align:right; float:left;}
#form-home .field {width:190px; height:30px; padding:5px 0px 0px 10px; float:right;}
#form-home .button {padding:5px 0px 0px 0px; text-align:center; clear:both;}

#body .home {width:920px; margin:auto;}

#spotlight {width:300px; height:225px; background:url(../images/bg-spotlight.jpg) no-repeat top left; float:left; margin:20px 10px 0px 0px;}
#spotlight .title {width:200px; padding:10px 0px 0px 10px;}
#spotlight .content {height:125px; padding:10px 10px 0px 10px;}
#spotlight .content li a {width:275px; height:5px; padding:0px 0px 8px 0px; font-size:10px; font-weight:bold; border-bottom:dashed 1px #9bc5e6;}
#spotlight .link {padding:0px 10px 0px 0px;}

#bookoffer {width:300px; height:225px; background:url(../images/bg-bookoffer.jpg) no-repeat top left; float:left; margin:20px 10px 0px 0px;}
#bookoffer .title {width:200px; padding:10px 0px 0px 10px;}
#bookoffer .content {width:175px; height:125px; padding:10px 10px 0px 10px;}
#bookoffer .content li a {width:275px; height:5px; padding:0px 0px 8px 0px; font-size:10px; font-weight:bold; border-bottom:dashed 1px #9bc5e6;}
#bookoffer .link {padding:0px 10px 0px 0px;}

#featcouple {width:300px; height:225px; background:url(../images/bg-featcouple.jpg) no-repeat top left; float:left; margin:20px 10px 0px 0px;}
#featcouple .title {width:200px; padding:10px 0px 0px 10px;}
#featcouple .content {width:175px; height:148px; padding:10px 10px 0px 10px;}
#featcouple .content li a {width:275px; height:5px; padding:0px 0px 8px 0px; font-size:10px; font-weight:bold; border-bottom:dashed 1px #9bc5e6;}
#featcouple .link {padding:0px 10px 0px 0px;}

#twitter {width:300px; height:225px; background:url(../images/bg-twitter.jpg) no-repeat top left; float:left; margin:20px 0px 0px 0px;}
#twitter .title {width:200px; padding:10px 0px 0px 10px;}
#twitter .content {height:125px; padding:10px 10px 0px 10px;}
#twitter .content li a {width:275px; height:5px; padding:0px 0px 8px 0px; font-size:10px; font-weight:bold; border-bottom:dashed 1px #9bc5e6;}
#twitter .link {padding:0px 10px 0px 0px;}

/* 6.3 Matchmaking Main Page
-------------------- */
#navigation .matchmaking {width:960px; padding:12px 0px 0px 0px; margin:0; color:#c9d2d9;}
#navigation .matchmaking ul {padding:0; margin:0px 0px 0px 30px;}
#navigation .matchmaking li {padding:0px 15px 0px 0px; margin:0; float:left;}

#splash .matchmaking {width:960px; height:320px; background:url(../images/splash-matchmaking.jpg) no-repeat top center; padding:0; margin:auto;}
#splash .matchmaking h1 {font-size:32px; color:#93002D;}
#splash .matchmaking .right {width:475px; padding:25px 35px 0px 0px; margin:0; font-size:16px;}

#body .matchmaking {width:920px; margin:auto;}
#body .matchmaking .left {width:600px; padding:10px 0px 0px 0px; margin:0; font-size:14px;}
#body .matchmaking .right {width:300px; padding:10px 0px 0px 0px; margin:0; font-size:14px; text-align:center;}

#body .matchmaking ul{ padding:0; margin:20px 0px 20px 0px;}
#body .matchmaking li.private {background:url(../images/icon-match-why-privacy.jpg) no-repeat top left; padding:0px 0px 0px 80px; margin:0px 0px 0px 0px;}
#body .matchmaking li.safety {background:url(../images/icon-match-why-safety.jpg) no-repeat top left; padding:0px 0px 0px 80px; margin:0px 0px 0px 0px;}
#body .matchmaking li.personalization {background:url(../images/icon-match-why-personalization.jpg) no-repeat top left; padding:0px 0px 0px 80px; margin:0px 0px 0px 0px;}
#body .matchmaking li.quality {background:url(../images/icon-match-why-quality.jpg) no-repeat top left; padding:0px 0px 0px 80px; margin:0px 0px 0px 0px;}
#body .matchmaking li.time {background:url(../images/icon-match-why-time.jpg) no-repeat top left; padding:0px 0px 0px 80px; margin:0px 0px 0px 0px;}

/* 6.4 Matchmaking Get Started Page
-------------------- */
#navigation .match-start {width:960px; padding:12px 0px 0px 0px; margin:0; color:#c9d2d9;}
#navigation .match-start ul {padding:0; margin:0px 0px 0px 30px;}
#navigation .match-start li {padding:0px 15px 0px 0px; margin:0; float:left;}

#body .match-start {width:920px; margin:auto;}
#body .match-start .left {width:600px; padding:10px 0px 0px 0px; margin:0; font-size:14px;}
#body .match-start .right {width:300px; padding:10px 0px 0px 0px; margin:0; font-size:14px; text-align:center;}

#matchmaking-form{width:600px; padding:0; margin:20px 0px 0px 0px;}

/* 6.5 Online Page
-------------------- */
#navigation .online {width:960px; padding:12px 0px 0px 0px; margin:0; color:#c9d2d9;}
#navigation .online ul {padding:0; margin:0px 0px 0px 30px;}
#navigation .online li {padding:0px 15px 0px 0px; margin:0; float:left;}

#splash .online {width:960px; height:310px; background:url(../images/splash-online.jpg) no-repeat top center; padding:0; margin:auto;}
#splash .online h1 {font-size:32px; color:#93002D;}
#splash .online .left {width:500px; padding:20px 0px 0px 40px; margin:0; font-size:16px;}

#body .online {width:920px; margin:auto;}
#body .online .left {width:600px; padding:10px 0px 0px 0px; margin:0; font-size:14px;}
#body .online .right {width:300px; padding:10px 0px 0px 0px; margin:0; font-size:14px; text-align:center;}

#body .online ul{ padding:0; margin:20px 0px 20px 0px;}
#body .online li.accessibility {background:url(../images/icon-online-why-accessibility.jpg) no-repeat top left; padding:0px 0px 0px 80px; margin:0px 0px 0px 0px;}
#body .online li.choice {background:url(../images/icon-online-why-choice.jpg) no-repeat top left; padding:0px 0px 0px 80px; margin:0px 0px 0px 0px;}
#body .online li.anonymous {background:url(../images/icon-online-why-anonymous.jpg) no-repeat top left; padding:0px 0px 0px 80px; margin:0px 0px 0px 0px;}
#body .online li.technology {background:url(../images/icon-online-why-technology.jpg) no-repeat top left; padding:0px 0px 0px 80px; margin:0px 0px 0px 0px;}
#body .online li.speed {background:url(../images/icon-online-why-speed.jpg) no-repeat top left; padding:0px 0px 0px 80px; margin:0px 0px 0px 0px;}
#body .online li.tempo {background:url(../images/icon-online-why-tempo.jpg) no-repeat top left; padding:0px 0px 0px 80px; margin:0px 0px 0px 0px;}
#body .online li.social {background:url(../images/icon-online-why-social.jpg) no-repeat top left; padding:0px 0px 0px 80px; margin:0px 0px 0px 0px;}

/* 6.6 Tour Page
-------------------- */
#navigation .tour {width:960px; padding:12px 0px 0px 0px; margin:0; color:#c9d2d9;}
#navigation .tour ul {padding:0; margin:0px 0px 0px 30px;}
#navigation .tour li {padding:0px 15px 0px 0px; margin:0; float:left;}

#body .tour {width:920px; margin:auto;}
#body .tour .left {width:550px; padding:10px 0px 0px 0px; margin:0; font-size:14px;}
#body .tour .right {width:350px; padding:10px 0px 0px 0px; margin:0; font-size:14px; text-align:center;}
#body .tour .steps {height:46px; padding:0; margin:15px 0px 0px 0px; text-align:right; float:right;}
#body .tour .steps-last {height:46px; padding:0; margin:15px 0px 0px 80px; text-align:right; float:left;}

#body .onlinetour {width:740px; margin:auto;}
#body .onlinetour .left {width:430px; padding:10px 0px 0px 0px; margin:0; font-size:14px;}
#body .onlinetour .right {width:300px; padding:10px 0px 0px 0px; margin:0; font-size:14px; text-align:center;}
#body .onlinetour .steps {height:46px; padding:0; margin:15px 0px 0px 0px; text-align:right; float:right;}
#body .onlinetour .steps-last {height:46px; padding:0; margin:15px 0px 0px 0px; text-align:right; float:left;}

/* 6.7 Locations Page
-------------------- */
#navigation .locations {width:960px; padding:12px 0px 0px 0px; margin:0; color:#c9d2d9;}
#navigation .locations ul {padding:0; margin:0px 0px 0px 30px;}
#navigation .locations li {padding:0px 15px 0px 0px; margin:0; float:left;}

#splash .locations {width:960px; height:80px; background:url(../images/splash-locations.jpg) repeat-y top center; padding:0; margin:auto;}
#splash .locations h1 {padding:10px 0px 0px 20px;}
#splash .locations p {padding:0px 0px 0px 20px;}

#body .locations {width:920px; background:url(../images/bg-map.jpg) no-repeat top center; padding:0; margin:auto;}
#body .locations .left {width:575px; padding:10px 0px 0px 0px; margin:0; font-size:14px;}
#body .locations .right {width:345px; padding:10px 0px 0px 0px; margin:0; font-size:14px;}
#body .locations .left .left {width:180px; padding:25px 0px 0px 5px; margin:0; font-size:14px;}
#body .locations .left .right {width:180px; padding:25px 0px 0px 5px; margin:0; font-size:14px;}

#map {width:575px; height:350px; position:relative;}
#map li {padding:0; margin:0; list-style:none; position:absolute; top:0;}

#map li a {display:block; text-indent:-9999px;}
#map .arkansas a {width:30px; height:38px; display:block; overflow:hidden; position:relative; top:170px; left:291px;}
#map .california1 a {width:30px; height:90px; display:block; overflow:hidden; position:relative; top:95px; left:30px;}
#map .california2 a {width:30px; height:40px; display:block; overflow:hidden; position:relative; top:125px; left:40px;}
#map .california3 a {width:30px; height:40px; display:block; overflow:hidden; position:relative; top:145px; left:50px;}
#map .connecticut a {width:20px; height:10px; display:block; overflow:hidden; position:relative; top:80px; left:497px;}
#map .illinois a {width:30px; height:40px; display:block; overflow:hidden; position:relative; top:105px; left:317px;}
#map .indiana a {width:20px; height:35px; display:block; overflow:hidden; position:relative; top:105px; left:350px;}
#map .kansas a {width:53px; height:30px; display:block; overflow:hidden; position:relative; top:134px; left:225px;}
#map .kentucky a {width:45px; height:15px; display:block; overflow:hidden; position:relative; top:145px; left:347px;}
#map .maryland a {width:20px; height:10px; display:block; overflow:hidden; position:relative; top:118px; left:472px;}
#map .massachusetts a {width:20px; height:10px; display:block; overflow:hidden; position:relative; top:58px; left:503px;}
#map .michigan a {width:30px; height:44px; display:block; overflow:hidden; position:relative; top:60px; left:352px;}
#map .missouri a {width:30px; height:37px; display:block; overflow:hidden; position:relative; top:130px; left:287px;}
#map .nebraska a {width:50px; height:30px; display:block; overflow:hidden; position:relative; top:100px; left:220px;}
#map .nevada a {width:30px; height:43px; display:block; overflow:hidden; position:relative; top:95px; left:80px;}
#map .newjersey a {width:20px; height:10px; display:block; overflow:hidden; position:relative; top:93px; left:490px;}
#map .newyork a {width:40px; height:20px; display:block; overflow:hidden; position:relative; top:65px; left:420px;}
#map .ohio a {width:30px; height:30px; display:block; overflow:hidden; position:relative; top:105px; left:371px;}
#map .oklahoma a {width:48px; height:30px; display:block; overflow:hidden; position:relative; top:168px; left:240px;}
#map .pennsylvania a {width:40px; height:25px; display:block; overflow:hidden; position:relative; top:90px; left:410px;}
#map .rhodeisland a {width:20px; height:10px; display:block; overflow:hidden; position:relative; top:70px; left:503px;}
#map .southcarolina a {width:25px; height:20px; display:block; overflow:hidden; position:relative; top:180px; left:405px;}
#map .tennessee a {width:45px; height:15px; display:block; overflow:hidden; position:relative; top:168px; left:340px;}
#map .texas a {width:80px; height:90px; display:block; overflow:hidden; position:relative; top:200px; left:210px;}
#map .virginia a {width:30px; height:25px; display:block; overflow:hidden; position:relative; top:130px; left:415px;}
#map .wisconsin a {width:35px; height:44px; display:block; overflow:hidden; position:relative; top:55px; left:305px;}

/* 6.8 Member Login Page
-------------------- */
#body .members {width:920px; margin:auto;}

#body .members .left {width:450px; padding:10px 0px 0px 0px; margin:0; font-size:14px;}
#body .members .right {width:450px; padding:10px 0px 0px 0px; margin:0; font-size:14px;}

#body .members .right h1 {margin:0px 0px 0px 47px;}

#body .members .login {width:350px; height:250px; background:url(../images/bg-login.jpg) no-repeat top center; padding:0; margin:auto; font-size:14px;}
#body .members .login p {padding:10px; font-size:12px; font-weight:bold; color:#666;}

/* 6.9 Thanks
-------------------- */
#navigation .thanks {width:960px; padding:12px 0px 0px 0px; margin:0; color:#c9d2d9;}
#navigation .thanks ul {padding:0; margin:0px 0px 0px 30px;}
#navigation .thanks li {padding:0px 15px 0px 0px; margin:0; float:left;}

#body .thanks {width:920px; margin:auto;}
#body .thanks ul {padding:10px;}
#body .thanks .left {width:600px; padding:10px 0px 0px 0px; margin:0; font-size:14px;}
#body .thanks .right {width:300px; padding:10px 0px 0px 0px; margin:0; font-size:14px; text-align:center;}

/* 6.10 City Pages
-------------------- */
#navigation .city {width:960px; padding:12px 0px 0px 0px; margin:0; color:#c9d2d9;}
#navigation .city ul {padding:0; margin:0px 0px 0px 30px;}
#navigation .city li {padding:0px 15px 0px 0px; margin:0; float:left;}

#splash .city {width:960px; height:306px; background:url(../images/splash-city.jpg) no-repeat top center; padding:0; margin:auto; font-weight:bold; color:#FFF;}
#splash .city h1 {font-size:32px; color:#FFF;}
#splash .city .left {width:450px; padding:20px 0px 0px 40px; margin:0; font-size:16px;}
#splash .city .left .startnow {margin:35px 0px 0px 0px; text-align:right;}
#splash .city .right {width:410px; height:306px; padding:0; margin:0px 20px 0px 0px; float:right;}

#body .city {width:920px; margin:auto;}
#body .city li {padding:0px 0px 0px 10px; margin:0;}
#body .city .left {width:600px; padding:10px 0px 0px 0px; margin:0; font-size:14px;}
#body .city .right {width:300px; padding:10px 0px 0px 0px; margin:0; font-size:14px;}

/* 6.11 Dashboard
-------------------- */
#navigation .onlinedating {width:960px; padding:10px 0px 0px 0px; margin:0; color:#c9d2d9;}
#navigation .onlinedating ul {padding:0; margin:0px 0px 0px 30px;}
#navigation .onlinedating li {padding:0px 15px 0px 0px; margin:0; float:left;}
#navigation h3 {padding:0px 0px 0px 30px; margin:0; color:#005a9e;}

#content .onlinedating {width:920px; margin:auto;}

#body .error {width:600px; background:url(../images/icon-error.jpg) no-repeat center left #FCC; padding:15px 0px 15px 50px; margin:auto; border:solid 1px #900;}
#body .warning {width:600px; background:url(../images/icon-warning.jpg) no-repeat center left #FFC; padding:15px 0px 15px 50px; margin:auto; border:solid 1px #FC0;}
#body .success {width:600px; background:url(../images/icon-success.jpg) no-repeat center left #CAF2A7; padding:15px 0px 15px 50px; margin:auto; border:solid 1px #093;}

/* 6.12 Contact
-------------------- */
#navigation .contact {width:960px; padding:12px 0px 0px 0px; margin:0; color:#c9d2d9;}
#navigation .contact ul {padding:0; margin:0px 0px 0px 30px;}
#navigation .contact li {padding:0px 15px 0px 0px; margin:0; float:left;}

#body .contact {width:920px; margin:auto;}
#body .contact .left {width:600px; padding:10px 0px 0px 0px; margin:0; font-size:14px;}
#body .contact .right {width:300px; padding:10px 0px 0px 0px; margin:0; font-size:14px; text-align:center;}
#body .contact .info {width:300px; height:205px; background:url(../images/bg-contact.jpg) no-repeat top center; padding:20px 0px 0px 0px;}
#body .contact .info h3 {padding:20px 0px 0px 20px;}
#body .contact .info p {padding:0px 0px 0px 20px;}

/* 6.13 Privacy
-------------------- */
#navigation .privacy {width:960px; padding:12px 0px 0px 0px; margin:0; color:#c9d2d9;}
#navigation .privacy ul {padding:0; margin:0px 0px 0px 30px;}
#navigation .privacy li {padding:0px 15px 0px 0px; margin:0; float:left;}

#body .privacy {width:920px; margin:auto;}
#body .privacy ul {padding:10px;}
#body .privacy .left {width:850px; padding:10px 0px 0px 0px; margin:0; font-size:14px;}
#body .privacy .right {width:300px; padding:10px 0px 0px 0px; margin:0; font-size:14px; text-align:center;}

/* 6.14 Terms
-------------------- */
#navigation .terms {width:960px; padding:12px 0px 0px 0px; margin:0; color:#c9d2d9;}
#navigation .terms ul {padding:0; margin:0px 0px 0px 30px;}
#navigation .terms li {padding:0px 15px 0px 0px; margin:0; float:left;}

#body .terms {width:920px; margin:auto;}
#body .terms .left {width:600px; padding:10px 0px 0px 0px; margin:0; font-size:14px;}
#body .terms .right {width:300px; padding:10px 0px 0px 0px; margin:0; font-size:14px; text-align:center;}

/* 6.15 Sitemap
-------------------- */
#navigation .sitemap {width:960px; padding:12px 0px 0px 0px; margin:0; color:#c9d2d9;}
#navigation .sitemap ul {padding:0; margin:0px 0px 0px 30px;}
#navigation .sitemap li {padding:0px 15px 0px 0px; margin:0; float:left;}

#body .sitemap {width:920px; margin:auto;}
#body .sitemap ul {padding:10px;}
#body .sitemap .left {width:300px; padding:10px 0px 0px 0px; margin:0; font-size:14px;}
#body .sitemap .right {width:600px; padding:10px 0px 0px 0px; margin:0; font-size:14px; text-align:center;}

/* 6.16 Modal Windows
-------------------- */
#modal {width:500px; height:350px; background:url(../images/bg-modal.jpg) no-repeat top center; padding:0; margin:auto;}
#modal .close {width:490px; padding:5px; text-align:right;}
#modal .content {width:475px; margin:auto; text-align:center;}

#modal .form-ask {width:290px; padding:20px 0px 0px 0px; margin:auto;}
#modal .desc {width:75px; height:30px; padding:5px 0px 0px 10px; text-align:right; float:left;}
#modal .field {width:190px; height:30px; padding:5px 0px 0px 10px; float:right; text-align:left;}
#modal .button {padding:5px 0px 0px 0px; text-align:center; clear:both;}

#modal-featcouple {width:800px; height:926px; margin:auto; padding:0;}
#modal-featcouple .close {width:800px; text-align:right;}

/* 6.18 Sidebar Modules
-------------------- */
#sidebar-phone {width:300px; height:195px; background:url(../images/sidebar-phone.jpg) no-repeat top left; margin:0; text-align:left;}
#sidebar-phone .content {padding:30px 0px 0px 10px;}
#sidebar-phone .content h2 {font-size:22px; margin:0px 0px 20px 0px;}
#sidebar-phone .content h3 {font-size:18px;}

#sidebar-matchphone {width:300px; height:195px; background:url(../images/sidebar-matchphone.jpg) no-repeat top left; margin:0; text-align:left;}
#sidebar-matchphone .content {padding:30px 0px 0px 10px;}
#sidebar-matchphone .content h2 {font-size:22px; margin:0px 0px 20px 0px;}
#sidebar-matchphone .content h3 {font-size:18px;}

#sidebar-address {width:300px; height:195px; background:url(../images/sidebar-address.jpg) no-repeat top left; margin:0; text-align:left;}
#sidebar-address .content {padding:30px 0px 0px 10px;}
#sidebar-address .content h2 {font-size:22px; margin:0px 0px 20px 0px;}
#sidebar-address .content h3 {font-size:18px;}

#sidebar-media {width:300px; height:195px; background:url(../images/sidebar-media.jpg) no-repeat top left; margin:0; text-align:left;}
#sidebar-media .content {padding:30px 0px 0px 10px;}
#sidebar-media .content h2 {font-size:22px; margin:0px 0px 20px 0px;}
#sidebar-media .content h3 {font-size:18px;}

/* 6.19 Featured Couples
-------------------- */
#navigation .featcouple {width:960px; padding:12px 0px 0px 0px; margin:0; color:#c9d2d9;}
#navigation .featcouple ul {padding:0; margin:0px 0px 0px 30px;}
#navigation .featcouple li {padding:0px 15px 0px 0px; margin:0; float:left;}

#body .featcouple {width:920px; margin:auto; text-align:center;}
#body .featcouple ul {padding:10px;}

/* 6.20 Footer Content
-------------------- */
#footer {font-size:10px; color:#333;}

#footer .left {width:250px; min-height:20px; text-align:left;}
#footer .middle {width:455px; text-align:center; float:left;}
#footer .right {width:250px; min-height:20px; text-align:right;}


/* 7 Forms (Not the DIV's but the actual stylization of the form elements)
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* 7.1 Home 
-------------------- */
#form-home .input-text {width:150px; padding:3px; border:solid 2px #cddde9;}
#form-home .input-select {width:163px; padding:3px; border:solid 2px #cddde9;}

/* 7.2 Matchmaking 
-------------------- */
#content .matchmaking .long{width:150px; padding:2px;}
#content .matchmaking .short{width:50px; padding:2px;}

/* 7.3 Online 
-------------------- */
#content .online .long{width:150px; padding:2px;}
#content .online .short{width:50px; padding:2px;}
#content .online .medium{width:75px; padding:2px;}

/* 7.4 Members 
-------------------- */
#body .members input {width:310px; padding:10px; border:solid 1px #a5b7c6;}
#body .members .submit {width:150px; background-color:#c4dcee; padding:10px; border:solid 1px #a5b7c6; font-size:12px; font-weight:bold; color:#537289;}

/* 7.5 YUI Calender Element
-------------------- */
.yui-calendar .calweekdaycell {background-color: #C0C0C0;}