/* The Usual Suspects
================== */

*										{ margin: 0px; padding: 0px; border: none; list-style: none; }
html, body								{ font-family: Helvetica; font-size: 12px; height: 100%; background:#fff; }
p										{ margin-bottom: 10px; }
.clear									{ clear: both; }


/* Main Framework 
================== */

#distance								{ width:1px; height:50%; margin-bottom:-13.75em; /* half of container's height */ float:left;}
#container								{ margin:0 auto; position:relative; /* puts container in front of distance */ text-align:left; width:100%; clear:left; }
#wrapper								{ display: table-cell; height:100%; vertical-align: middle; display: block; }

#ribbon									{ width:100%; background: #ed264f; }
#main									{ width:997px; min-height:256px; margin: 0 auto; background: #fff; }
#media									{ background: url(../img/welcomephoto_logo.jpg) bottom right no-repeat #ed264f; height:256px; width: 501px; float:left; border-right:1px solid white; }
#mediamap								{ background: url(../img/map_bg.png) bottom right no-repeat #ed264f; height:256px; width: 501px; float:left; border-right:1px solid white; }
#mediacontact							{ background: #ed264f; height:256px; width: 475px; float:left; padding:0 0 0 27px; border-right:1px solid white; line-height: 2em; color:#fff;   }

#statusMessage 							{ background: #ed264f; height:136px; width: 927px; padding: 120px 0 0 0; text-align: center; position: absolute; color: white; }
#main.contactus 						{ background: url("img/contactus-spinny.gif"); background-position: center center; }

#content								{ background: #ed264f; height:256px; width: 452px; float:right; padding:0 21px; line-height: 2em; color:#fff; }
#content h2								{ background: url(../img/h2_welcome.png) top left no-repeat; height:18px; width:475px; margin:31px 0 21px 0; }
#content h2.about						{ background: url(../img/h2_about.png) top left no-repeat; height:18px; width:475px; margin:31px 0 21px 0; }
#content h2.locations					{ background: url(../img/h2_locations.png) top left no-repeat; height:18px; width:475px; margin:31px 0 21px 0; }
#content h2.partnerlocations					{ background: url(../img/partnerlocations.png) top left no-repeat; height:18px; width:475px; margin:31px 0 5px 0; }
#content h2.contactme					{ background: url(../img/commentsh2.png) top left no-repeat; height:18px; width:475px; margin:31px 0 21px 0; }									
#mediacontact h2.contactyou				{ background: url(../img/h2_contact.png) top left no-repeat; height:18px; width:475px; margin:31px 0 21px 0; }
#content a								{ color:#fff; font-weight:bold; text-decoration:none; }
#content p								{ margin:0px 0px 1em 0px; }


#moreinfo_procedure						{ background: url(../img/tellmemore_procedure.png) top right; display:block; width:255px; height:29px; float:right; margin-top:-10px; }
#moreinfo_procedure:hover 				{ background: url(../img/tellmemore_procedure.png) bottom right; }
#moreinfo_about							{ background: url(../img/tellmemore_about.png) top right; display:block; width:255px; height:29px; float:right; }
#moreinfo_about:hover 					{ background: url(../img/tellmemore_about.png) bottom right; }

#map									{ height:256px; width:501px; }

#contactblk1							{ border-bottom:1px dotted white; padding:0 0 10px 0; margin:0 0 10px 0px; }
#contactblk1 label						{ width:100px; float:left; }
#contactblk1 input						{ width:250px; color:#656565; padding: 0 5px 0 5px; }
#contactblk1 input:focus				{ color:#000; }

#contactblk1 li 						{  width:400px; clear:both; }
#contactblk2 label						{ padding: 0 3px 0 5px; }
#contactblk4 textarea					{ width:390px; height:110px; }
#contactblk4 #submitimg					{  }

#header									{ width:997px; clear:both; overflow: hidden; margin:0 auto; }
#header #nav							{width:492px; /*width:570px;*/ float: right; }
#header #nav ul							{ background: url(../img/navbg.png) bottom left repeat-x; list-style-type: none; float:left; margin:0px 21px; padding:0px 13px; }
#header #nav li							{ height:27px; display:block; float:left; padding:0px 5px 2px 5px; color:#333; font-weight: bold; }
#header #nav a							{ text-decoration: none; color:#ed264f; float:left; margin:6px; padding:6px 0px 0px 0px;}
#header #nav a:hover					{ color:#333; }
#header #nav .hit 	 					{ background-color: #ed264f; color:#fff; }
#header #nav .hit a						{ color:#fff; }

#footer									{ width:997px; margin:0px auto; }
#footer ul								{ list-style-type: none; clear:both; margin:56px 0px 0px 27px; height:24px; }
#footer li								{ display:inline; float:left; }

#footer .consultation					{ height:36px; width:306px; background: url(../img/bar_book.png) no-repeat top left #fff; display:block; overflow: hidden; text-indent: -9999px; }
#footer .process						{ height:36px; width:306px; padding:0px 0px 0px 0px; background: url(../img/bar_process.png) no-repeat 20px 0px #fff; display:block; overflow: hidden; text-indent: -9999px; }
#footer	.findus							{ height:36px; width:306px; background: url(../img/bar_find.png) no-repeat top left #fff; display:block; overflow: hidden; text-indent: -9999px; }
#footer #credit							{ width:997px; background: url(../img/creditbg.png) 0px 20px repeat-x; display:block; height:20px; margin:0px auto; padding:20px 0px 0px 0px; clear:both; }
#footer #credit a 						{ background: #fff; padding: 0px 10px; color:#c2d6e2; text-decoration:none; font-weight:bold; float:right; margin: 0px 20px 0px 0px; }
#footer #credit a:hover					{ color:#ed264f; }


/* Longer Page Framework 
================== */

#container_long							{ padding:15px 0px 0px 0px; }
#ribbon_long							{ width:100%; height:770px; background: #ed264f; }
#main_long								{ width:997px; height:100%; margin: 0 auto; background: url(../img/welcomeimage_big.jpg)  no-repeat #ed264f; }

#content_long							{ width: 452px; float:right; padding:0 21px; line-height: 2em; overflow:hidden; color:#fff; }
#content_long h2						{ background: url(../img/h2_welcome.png) top left no-repeat; height:18px; width:175px; margin:31px 0 21px 0; padding:0; }			
#content_long a							{ color:#fff; font-weight:bold; }
#content_long p							{ margin:0px 0px 2em 0px; }


/* Longer About Page Framework 
================== */

#ribbon_long_about						{ width:100%; height:839px; background: #ed264f;  }
#main_long_about						{ width:997px; height:100%; margin: 0 auto; background: url(../img/aboutimage_big.jpg)  no-repeat #ed264f; }

#content_longabout						{ width: 452px; float:right; padding:0 21px; line-height: 2em; overflow:hidden; color:#fff; }
#content_longabout h2					{ background: url(../img/h2_about.png) top left no-repeat; height:18px; width:475px; margin:31px 0 21px 0; padding:0; }			
#content_longabout h3					{ margin:0px; padding:0px; font-size: 1.2em;  }			
#content_longabout a					{ color:#fff; font-weight:bold; text-decoration: none; }
#content_longabout p					{ margin:0px 0px 2em 0px; }