/* Reset
_____________________________________________________________ */

html,body,h1,h2,h3,h4,h5,h6,p,blockquote,
address,pre,cite,code,dfn,abbr,acronym,kbd,
a,samp,img,ins,i,b,u,strike,small,big,font,
tt,q,dl,dt,dd,ul,ol,li,applet,object,iframe,
form,fieldset,label,legend,th,td,th,tbody,
tfoot,thead,tr,caption{font-size:100%;
margin:0;padding:0;border:0;outline:0;
font-weight:normal;font-style:normal}

:focus{outline:0;}
img{display: block;}


body{
font: 62.5%/1.5 Arial, helvetica, verdana, sans-serif;
color: #fff;
background-color:#f0f0de;
margin:80px 0 0 0;
background-image:url(../rotate/rotate.php);
background-repeat: no-repeat;
background-position: top center}

/* Main Structure
_____________________________________________________________ */

#wrapper{
width:760px;
margin: 0 auto}

#header{
position:relative;
background-image:url(../images/header-bg.png);
height:300px}

#content{
background:#fff;
padding:40px 30px 0 30px}

#primary-content{
width:480px;
padding-right:40px;
float:left;
padding-bottom:70px;}

#secondary-content{
width:180px;
float:left;
padding-top:0px;
padding-bottom:70px;}

#footer{
padding: 10px 30px 0 30px;
padding-bottom:50px;
background:#fff;}

/* Header
_____________________________________________________________ */

#company-logo{
position:absolute;
top:30px;
left:540px;
width:160px;
height:45px}

#company-logo a{
background-image:url(../images/ardmuir-logo.png);
text-indent:-9999px;
display:block;
width:100%; 
height:100%}

img.sticker{position:absolute;
bottom:-20px;
right:-10px}

img.quote{position:absolute;
top:150px;
left:30px}

/* Primary Navigation
_____________________________________________________________ */

#primary-navigation ul.col1{
position:absolute;
top:25px;
left:30px
}

#primary-navigation ul.col2{
position:absolute;
top:25px;
left:130px
}

#primary-navigation li{
list-style:none;
}

#primary-navigation ul li a{
color:#fff;
text-decoration:none;
font-size:1.3em;
font-weight:bold}

#primary-navigation ul li a:hover{
color:#ffcc00}

#primary-navigation ul li a.current-page{
color:#ffcc00}

/* Primary Content
_____________________________________________________________ */

.intro{
font-size:1.5em;
color:#336666}

.intro.home{
margin-bottom:30px}

#primary-content ul{
font-size:1.2em;
color:#666;
margin-bottom:20px;
list-style:none}

#primary-content ul li{
font-weight:bold}


/* Secondary Content
_____________________________________________________________ */


/* footer
_____________________________________________________________ */

#footer p{
float:left;
font-size:1.1em}

#footer p.credit{
float:right}

#footer p.credit a{
color:#999}

/* Skip to
_____________________________________________________________ */

.nav-access {
position: absolute;
top: -9999em;
left: -9999em}

/* Clearing
_____________________________________________________________ */

#content:after,
#header:after,
#footer:after,
#primary-navigation ul:after,
#flat-gallery:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}


#content,
#header,
#footer,
#primary-navigation ul,
#flat-gallery{
zoom: 1;}








#home-gallery{
width:170px;float:left;
background-color:#f0f0de;
padding:10px 0 10px 10px;
margin-right:25px}

#home-gallery a{
border:solid #d7d7bc 2px;
float:left;
margin: 0 10px 10px 0}

#home-gallery img.no-border{
margin-bottom:10px}



#flat-gallery{

background-color:#f0f0de;
margin-bottom:25px;
padding:10px}

#flat-gallery a{
border:solid #d7d7bc 2px;
float:left;
margin-right:10px
}









#home-video{
background-color:#f0f0de;
text-align:center;
padding-bottom:5px;
margin-bottom:15px}

#home-video img{
margin-bottom:5px}

#home-video p{
margin-bottom:0px;
font-size:1.1em}






.side-flat{
border-bottom:#f0f0de 2px solid;}

.side-flat a{
color:#999999;
background-image:url(../images/arrow.gif);
background-position:center right ;
background-repeat:no-repeat;
display:block;
height:100%;
padding:15px 0;
text-decoration:none}

.side-flat a:hover{
background-image:url(../images/arrow-over.gif);}

.side-flat p{
margin:0px}





h1, h2{font-size:2em;
color:#ffd900;
margin-bottom:12px}

h3{font-size:1.6em;
color:#ffd900;
margin-bottom:3px}

p{font-size:1.2em;
color:#666;
margin-bottom:18px}

a{color:#336666;
font-weight:bold}








.map-key{float:left;
width:200px;
padding-top:20px;}

.map-key p{font-size:1.1em}





.flat-summary{
background-color:#f0f0de;
position:relative;
padding:15px 0 25px 0;
margin-bottom:10px}

.flat-summary.bottom{
margin-bottom:40px}


.flat-summary p{
margin-left:150px;
margin-bottom:0px}

.flat-summary a img{
position:absolute;
top:10px;
left:10px;
border:solid #d7d7bc 2px;}