/*
                                   .MMM
                                   .MMM
                                   .MMM
                                   .MMM
  ,MMMMMMMM .  MMMMMMMMM    MMMMMMMMMMM
 MMMMMMMMMMMM.MMMMMMMMMMM.MMMMMMMMMMMMM
MMMM    .8MMMMMMM    .MMMMMMM?    .MMMM
MMM      .MMMMMM      .MMMMMM.     ~MMM
MMM.      MMMMMM.      MMMMMM.    .7MMM.
MMMM.   .MMMMMMMM    .MMMMMMMM.  .+MMMM.
MMMMMMMMMMMMO.MMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMM.. .+MMMMMM MMM. MMMMMMMM.
MMM
MMM
MMM               Pad Creative - design
MMM               www.padcreative.co.uk

*/

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

* { margin:0; padding:0; } 
html { background-image: url(../images/bg.png); background-repeat: repeat-x; }
body { color: #727272; font-size:62.5%; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; line-height:150%; background-color: transparent; background-image: url(../images/header_bg.png); background-repeat: no-repeat; background-position: 50% 0; text-align:center; margin: 0; padding: 0; } 

h1 { font-size: 3em; font-weight: normal; line-height: 1.5em; margin-bottom: 20px; } 
h2 { font-size: 1.6em; font-weight: bold; line-height: 1.5em; margin-bottom: 20px; color: #0089d0; } 
h3 { font-size: 1.3em; font-weight: bold; line-height: 1.5em; margin-bottom: 5px; } 
h4 { font-size: 1.3em; font-weight: normal; line-height: 1.5em; margin-bottom: 5px; } 
h5 { font-size: 0; font-weight: normal; line-height: 1.5em; } 
h6 { font-size: 0; font-weight: bold; line-height: 1.5em; } 

p, li { font-size: 1.2em; line-height: 1.5em; } 
p { margin-bottom: 18px; } 
a:link, a:visited, a:active { color: #0099DD; text-decoration: underline; } 
a:hover { color: #9FCD47; text-decoration: none; }
em { font-style: italic; }
strong { font-weight: bold; }
.hide { display: none; }
/* 
	 Background and containers 
 	 --------------------------------------------------------------------
*/

div#container { margin: 0 auto; text-align: left; width: 960px; } 
div#pageholder { width: 100%; display: block; } 

/* 
	 Header 
 	 --------------------------------------------------------------------
*/

div#header { background-repeat: no-repeat; width:960px; height: 320px; } 
div#header div#header_image { background-image: url(../images/header_image.jpg); background-repeat: no-repeat; float: left; height: 303px; width: 234px; }
div#header div#header_content { float: left; width: 720px; height: 182px; }
div#header div#header_content div#logo { height: 220px; width: 378px; float: left; padding-top: 58px; }
div#header div#header_content div.speech_bubble { background-color: transparent; background-image: url(../images/speech_bubble.gif); background-repeat: no-repeat; width: 330px; height: 264px; float: left; clear: right; }
div#top_menu { width: 720px; clear: left; } 
div#top_menu ul { list-style-type: none; } 
div#top_menu ul li { font-size: 1.2em; font-weight: bold; background-color: #0074c5; float: left; margin-left: 4px; } 
div#top_menu ul li a { width: 92px; height: 18px; overflow: hidden; padding-top: 4px; padding-left: 4px; color: #fff; font-weight: bold; text-decoration: none; display: block; } 
div#top_menu ul li a:hover { color: #09d; background-color: #09589d; text-decoration: none; }
div#top_menu ul li a.current { color: #cadc2a; } 

/* 
	 Left Column 
 	 --------------------------------------------------------------------
*/

div#left { width: 196px; overflow: hidden; float: left; padding: 30px 20px; } 
div#left div#strapline { background-image: url(../images/left_panel_strapline.png); width: 177px; height: 392px; margin-bottom: 100px; }
div#left div#strapline a {display: block; width: 177px; height: 392px; }
div#left div#feedback { width: 132px; height: 43px; }
div#left div#feedback a {display: block; width: 132px; height: 43px; background-image: url(../images/feedback_btn.png); background-position: 0px 0px; }
div#left div#feedback a:hover { background-position: -132px 0px; }
/* 
	 Main Column 
 	 --------------------------------------------------------------------
*/

div#main { width: 724px; float: left; padding-top: 30px; padding-right: 0; padding-bottom: 30px; } 
div#main div.right_col { width: 366px; float: right; }
div#main div.side_pics { margin-bottom: 30px; }
div#main h1 strong { font-size: 1.2em; font-weight: bold; color: #9FCD47; } 
div#main h2 span.regular { font-weight: normal; }
div#main h2 span.contact { font-size: 1.8em; font-weight: normal; }
div#main div.content { width: 355px; } 
div#main ul.columns { width: 724px; }


div#main ul.columns li.column { width: 320px; margin-right: 40px; float: left; margin-bottom: 30px; }
div#main ul.columns li.column div#main ul.bullets li { font-size: 1em; }
div#main ul.columns li#end { float: none; clear: right; margin-bottom: 0; }
div#main ul.columns li#end2 { clear: right; }
div#main ul.columns li.column h2 { margin-bottom: 5px; }
div#main ul.columns li.column h2 + h3 { margin-top: 15px; }

div#main ul.columns li.column div.stats { padding-bottom: 20px;}
div#main ul.columns li.column div.stats h3 { line-height: 1em; margin-bottom: 15px; }
div#main ul.columns li.column div.stats p { margin-bottom: 0px; }
div#main ul.columns li.column div.stats div.beds { width: 140px; float: left; padding-left: 8px; border-left: 1px solid #0089d0; }
div#main ul.columns li.column div.stats div.beds p span.was { color: #9fcd47; font-size: 1.5em; font-weight: bold; }
div#main ul.columns li.column div.stats div.beds p span.now { color: #09d; font-size: 2.5em; letter-spacing: -1px; }
div#main ul.columns li.column div.stats div.revenue { width: 100px; float: left; padding-left: 8px; border-left: 1px solid #0089d0; }
div#main ul.columns li.column div.stats div.revenue p span.percentage { color: #09d; font-size: 2.5em; letter-spacing: -1px; }

div#main p {  } 
div#main p.intro { font-size: 1.4em; } 
div#main div.testimonial { margin-bottom: 20px; } 
div#main div.testimonial p { margin-bottom: 0; } 
div#main div.testimonial p.quote { color: #09d; font-size: 1.8em; line-height: 1.2em; margin-bottom: 4px; } 
div#main blockquote {  } 
div#main blockquote p {  } 
div#main ul { } 
div#main li { } 
div#main ul.options_list { padding-top: -4px; padding-bottom: -4px; padding-left: 8px; border-left: 1px solid #0089d0; }
div#main ul.options_list li {  }
div#main ul.options_list li h2 { margin-bottom: 8px; }
div#main ul.bullets { margin: 0 0 20px 15px; } 
div#main ul.bullets li { list-style-type: disc; font-size: 1.2em; margin-bottom: 5px; }
div#main div#right_strapline { width: 205px; height: 71px; background-image: url(../images/right_strap.png); margin-left: 30px; }
div#main img.fullwidth { margin-bottom: 20px; } 
div#main img.rightpic { float: right; clear: both; margin-top: 3px; margin-bottom: 20px; margin-left: 15px; } 
div#main img.leftpic { float: left; clear: both; margin-top: 3px; margin-bottom: 20px; margin-right: 15px; } 
div#main div.message { padding: 20px; background-color: #0074c5; font-size: 1.3em; color: #fff; border: solid 2px #09589d; }
/* Form*/
div#formholder { margin-bottom: 20px; padding-top: 0; padding-bottom: 10px; padding-left: 20px; border: dotted 1px #000; }
div#formholder h2 { margin-top: 15px; }
form#contact { margin-top: 15px; margin-bottom: 15px; }
form#contact div.formleft { margin-right: 20px; width: 210px; float: left; }
form#contact div.formright { width: 210px; float: left; }
form#contact input.fields { color: #9d9d9d; width: 280px; height: 18px; margin-bottom: 15px; }
form#contact textarea.query { color: #9d9d9d; margin-bottom: 15px; width: 280px; height: 100px; }
form#contact fieldset { margin-bottom: 5px; }
form#contact div.formtick { margin-bottom: 15px; }

/* 
	 Right Column 
 	 --------------------------------------------------------------------
*/

div#right { width: 0px; float: left; } 

/* 
	 Footer 
 	 --------------------------------------------------------------------
*/
div#footer { width: 960px; clear: both; padding-top: 5px; border-top: 1px solid #bfbfbf; } 
div#footer div#copyright { float: right; text-align: right; } 
div#footer div#copyright p { font-size: 1.1em; } 
div#footer div#credit { float: left; }
div#footer div#credit a, div#credit a:link, div#credit a:visited { width: 97px; text-indent: 0px; overflow: hidden; }
div#footer div#credit a:hover { text-indent: -97px; }
div#footer div#credit a#ie6 { display: none; }
div#footer div#credit a#not_ie6 { display: block; }
/* 
	 Footer 
 	 --------------------------------------------------------------------
*/

div.clear { clear: both; } 
li.clear { clear: both; }