@charset "UTF-8";

/* CSS Document */
/* RW04 - Wigram Manor Sam Beckingsale 2009*/


/* EDITOR START */
hr{
border-top:1px solid #999999;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
margin-top:10px;
margin-bottom:10px}

h1{
font-size:1.9em;
font-weight:200;
color:#24266c;
margin-bottom:15px}

h2{
font-size:1.3em;
font-weight:100;
color:#999999;
margin-top:5px;
margin-bottom:5px}

h3{
font-size:1.2em;
font-weight:200;
color:#24266c;
margin-top:5px;
margin-bottom:5px}

h4{
font-size:1.2em;
color:#666666;
margin-top:5px;
margin-bottom:5px}

a{
color:#24266c;
text-decoration:none}

a:hover{
color:#24266c;
text-decoration:underline}

p{
margin-bottom:10px}

ul{
padding:10px 0 10px 0}

li{
padding:0}

.textarea li{
list-style:none;
background:url(assets/bulletpoint.gif) no-repeat top left;
border:none;
padding:0 0 0 20px}

.textarea ol{
padding:10px 0 10px 15px}

strong{
font-weight:800}

.purple{
color:#24266c}

.grey{
color:#555555}

body{
font-size:12px;
font-weight:200;
line-height:22px;
color:#444444;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#25266c url(assets/bg.jpg) repeat-x top center}

/* EDITOR END */

*{
margin:0;
padding:0}

img{
border:0}

img, div, input { behavior: url("iepngfix.htc") }

/* --------- Main Container --------- */
#wrapper{
width:100%;
height:100%;
float:left;
padding:0;
margin:0}

#main_container_wrapper{
width:971px;
height:100%;
padding:0;
margin:0 auto}

#main_container{
width:971px;
height:100%;
padding:0;
float:left;
margin:0}

/* --------- Masthead ---------*/

#masthead{
width:971px;
height:162px;

margin:0;
padding:0;
float:left}

.masthead_logo{
width:455px;
margin:12px 0 0 270px;_margin:12px 0 0 150px;
padding:0;
float:left}

.masthead_logo img{
margin:0 0 0 15px;
padding:0}

/* --------- Middle area ---------*/
#middlearea{
width:971px;
height:346px;
float:left;
margin:40px 0 40px 0;_margin:30px 0 30px 0;
padding:0;
border:2px solid #ffffff;
background: url(assets/adarea.png)}

.middle_left{
width:281px;
height:346px;
float:left;
margin:0;
padding:0}

.middle_left h2{
font-size:22px;
font-weight:200;
color:#ffffff;
margin-top:5px;
margin-bottom:5px}

.adarea{
width:284px;
height:178px;
float:left;
margin:7px 0 0 7px;_margin: 7px 0 0 3px;
padding:0}

.adarea img{
width:133px;
float:left;
margin:0 8px 8px 0;
height:81px}

#testimonials{
color:#ffffff;
width:124px;
height:280px;
float:right;
padding:11px}

#testimonials a{
color:#ffffff!important}

.readmore{
color:#ffffff;
width:124px;
height:19px;
float:left;
margin:-20px 0 0 0;
padding:0}

/* --------- Navigation left ---------*/

.navigation_left{
width:274px;
float:left;
text-align:left;
padding:0;
margin:0 0 4px 7px;_margin:0 0 0 3px;}

.navigation_left ul{
margin:0;
padding:0}

.navigation_left li{
list-style:none;
margin:0 0 7px 0;_margin:0 0 8px 0;
padding:0}

.navigation_left a{
text-decoration:none;
display:block;
color:#ffffff;
height:19px;
margin:0;
padding:7px 0 7px 16px;_padding:5px 0 5px 16px;
background:#24266c;}

.navigation_left a:hover{
text-decoration:none;
color:#24266c;
height:19px;
margin:0;
padding:7px 0 7px 16px;_padding:5px 0 5px 16px;
background:#ffffff}

.navigation_left .active a{
text-decoration:underline;
color:#ffffff;
height:19px;
margin:0;
padding:7px 0 7px 16px;_padding:5px 0 5px 16px;
background:#fdb834}

/* --------- Slideshow ---------*/

#slideshow{
width:527px;
height:331px;
float:left;
padding:0;
margin:7px;_margin:7px 4px 0 0}

/* --------- Mainarea ---------*/
#mainarea{
width:971px;
height:100%;
margin:0 auto;
padding:0}

/* --------- Text Area ---------*/
.textarea_home{
padding:25px;
margin:0;
width:907px;
height:100%;
float:left;
border:7px solid#e6e6e6!important;
background:#ffffff}

.textarea{
padding:25px;
margin:0;
width:907px;
height:100%;
float:left;
border:7px solid#e6e6e6!important;
background:#ffffff }

.text{
margin:0;
width:680px;
height:100%;
float:left}

.rightnav {
width:200px;
margin:0 0 0 24px;
height:370px;
float:left}

.block {
width:186px;
margin:0 0 0 5px;_margin:0 0 0 16px;
height:155px;
background: url(assets/lafamia.png) no-repeat;
float:left}

.wigram {
width:157px;
margin:36px 0 0 20px;_margin:36px 0 0 20px;
height:100%;
background: url(assets/wigram_logo.png) no-repeat;
float:left}

.video {
width:157px;
margin:-180px 0 0 26px;_margin:-180px 0 0 23px;
height:100%;
float:left}

/* --------- Footer --------- */
#footer{
width:971px;
height:43px;
font-size:9px;
color:#000000;
text-align:center;
margin:0;
padding:0;
clear:left;
display:block}

.footer_center a{
text-decoration:none;
color:#ffffff}

.footer_center a:hover{
text-decoration:underline;
color:#ffffff}

.footer_center p{
font-size:11px;
color:#ffffff;
padding:13px 0 0 0;
margin:0}