/*
1Portrait
Author: Lee Munroe www.leemunroe.com 2008
*/


/* 
################### CSS contents ###################
* 1 Common
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/


/* 
################### Colour reference ###################
#665038 Dark brown
#A58A63 Light brown
#4c3c2a Darker brown
#ddcbb1 Lighter brown
*/
 
 
/*
################### Common ################### 
*/

*{
margin:0;
padding:0;
text-decoration:none;
}

.clear{
clear:both;
}

html {
overflow: -moz-scrollbars-vertical;
}

#skipto{
display:none;
}

#links div, #footer div{
zoom: 1.0; /*jumping link hover fix*/
}


/*
################### Layout ################### 
*/

body{
background:#665038;
font:72.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
color:#4c3c2a;
}

#header{
background:url(/images/layout/headerbg.gif) repeat-x bottom #665038;
border-bottom:1px solid #a58a63;
padding:15px;
}

#header-container, #main-container, #links-container, #footer-container{
width:970px;
margin:0 auto;
position:relative;
}

#main{
background:#fff;
padding:15px;
}

#links{
background:url(/images/layout/linksbg.gif) repeat-x top #ddcbb1;
padding:25px;
border-bottom:1px solid #a58a63;
}

.links-block{
width:300px;
background:url(/images/layout/linksblockbg.gif) top no-repeat #d1bea5;
padding-top:10px;
margin:15px 10px;
float:left;
}

.links-block.gift{
padding-top:30px;
}

.links-block.client{
float:right;
margin:0 20px 0 0;
}

.links-block.client div{
padding-top:0;
margin-top:0;
}

.links-block div{
background:url(/images/layout/linksblockbg.gif) bottom no-repeat;
padding:20px 15px 15px 15px;
}

.showcase{
background:none;
}

.showcase div{
background:none;
}

#footer{
background:url(/images/layout/footerbg.gif) repeat-x top #665038;
padding:15px;
}

.content-col{
width:43%;
float:left;
margin:0 10% 0 0;
text-align:justify;
}

/*
################### Nav ################### 
*/
#nav{
list-style:none;
clear:right;
position:absolute;
bottom:-25px;
right:0;
z-index:0;
}

#nav li{
display:inline;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.8em;
}

#nav li a{
margin-right:4px;
color:#4c3c2a;
padding-left:25px;
height:55px;
float:left;
background:url(/images/layout/nav.gif) top left no-repeat;
}

#nav li a span{
float:left;
height:48px;
padding-top:7px;
display:block;
padding-right:25px;
background:url(/images/layout/nav.gif) top right no-repeat;
}

#nav li a:hover{
background-position:0% -55px;
cursor:pointer;
}

#nav li a:hover span{
background-position:100% -55px;
}

#nav li a.current{
background-position:0% -55px;
}

#nav li a.current span{
background-position:100% -55px;
}

#sub-nav{
list-style:none;
position:absolute;
top:0;
right:0;
}

#sub-nav li{
display:inline;
padding:0 6px;
border-right:1px solid #a58a63;
float:left;
}

#sub-nav li a{
color:#a58a63;
padding-left:7px;
height:21px;
float:left;
}

#sub-nav li a span{
height:100%;
display:block;
padding-right:7px;
float:left;
}

#sub-nav li a:hover{
background:url(/images/layout/subnavleft.gif) no-repeat left #4c3c2a;
cursor:pointer;
}

#sub-nav li a:hover span{
background:url(/images/layout/subnavright.gif) no-repeat right #4c3c2a;
cursor:pointer;
color:#FFF;
}

#sub-nav li a.current{
background:url(/images/layout/subnavleft.gif) no-repeat left #4c3c2a;
}

#sub-nav li a.current span{
background:url(/images/layout/subnavright.gif) no-repeat right #4c3c2a;
cursor:pointer;
color:#FFF;
}

#sub-nav .last{
border-right:none;
}
/*
################### Headings ################### 
*/

h1{
width:285px;
height:100px;
background:url(/images/layout/1portraitlogo.gif) no-repeat;
float:left;
}

h1 span{
position:absolute;
left:-9999px;
}

h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:2.2em;
color:#4c3c2a;
margin:5px 0 10px 0;
font-weight:normal;
}

h2.home{
text-align:center;
margin-bottom:20px;
font-size:1.8em;
}

#main h2.home a:link, #main h2.home a:visited{
background:none;
border:none;
}

h3{
font-family:Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
color:#4c3c2a;
padding-top:20px;
font-weight:normal;
font-size:1.6em;
}

#links h3{
background:url(/images/layout/point.gif) no-repeat top left;
position:absolute;
top:0px;
width:250px;
}

#links .client h3{
background:none;
position:relative;
margin:0;
padding:0;
}

.gift p{
padding-top:10px;
}

h4{
margin:20px 0 10px 0;
}

/*
################### Lists ################### 
*/

#main ul{
margin-left:40px;
}

#main ul li{
margin:10px 0;
}

/*
################### Images ################### 
*/

img{
border:none;
}

.contactimage{
margin-top:30px;
}

/*
################### Links ################### 
*/ 

#main a.block{
background:#665038;
padding:5px;
border-bottom:0;
color:#fff;
border-bottom:0;
font-family:Georgia;
font-size: 1.2em;
}

#main a.block:hover{
background:#A58A63;
border-bottom:0;
}

#main a.noborder, #main a.noborder:hover{
border:none;
}

h1 a{
display:block;
width:100%;
height:100%;
}

#main a, .link{
color:#4c3c2a;
border-bottom:2px solid #4c3c2a;
}

#main a:hover, .link:hover{
border-bottom:2px solid #d1bea5;
}

#footer a{
color:#ddcbb1;
border-bottom:#ddcbb1 1px solid;
}

#footer a:hover{
border-bottom:none;
}

#links-showcase{
list-style:none;
position:relative;
margin-top:10px;
}

#links-showcase li{
float:left;
}

#links-showcase li a{
width:120px;
height:120px;
display:block;
border:4px solid #fff;
margin-bottom:10px;
}

#links-showcase li a:hover{
border-color:#a58a63;
background-position:0% -120px;
}

#links-showcase li a span{
position:absolute;
left:-999px;
}

#links-showcase .links-babies{
background:url(/images/layout/link-babies.jpg) no-repeat;
margin-right:10px;
}

#links-showcase .links-children{
background:url(/images/layout/link-children.jpg) no-repeat;
}

#links-showcase .links-adults{
background:url(/images/layout/link-adults.jpg) no-repeat;
margin-right:10px;
}

#links-showcase .links-families{
background:url(/images/layout/link-family.jpg) no-repeat;
}

/*
################### Forms ################### 
*/

fieldset{
padding:10px;
border:#ddcbb1 1px solid;
}

legend{
padding:3px;
background:#ddcbb1;
}

input, textarea{
padding:3px;
background:#ddcbb1 !important;
border:1px solid #a58a63;
}

form #submit{
background:#665038 !important;
border:1px solid #4c3c2a;
color:#ddcbb1;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
padding:3px;
}

label{
font-weight:bold;
display:block;
margin-bottom:5px;
}

label span{
color:#ddcbb1;
font-weight:normal;
}

.submit{
padding:3px;
border:1px solid #e05d91;
font-family:Georgia, "Times New Roman", Times, serif;
color:#fff;
background:#90003b;
}

.frmVouchers{
text-align: right;
}

.frmVouchers .submit{
background:#665038 !important;
padding:5px;
border:0;
color:#fff;
font-family:Georgia;
font-size: 1.2em;
cursor:pointer;
}

.frmVouchers .submit:hover{
background:#A58A63;
border:0;
}


/*
################### Tables ################### 
*/

table{
margin-bottom:30px;
}


/*
################### Typography ################### 
*/

span.title{
text-transform:uppercase;
}

span.title span.one{
font-size:1.3em;
}

p{
margin:10px 0;
}

.content-col p, .content-col li{
line-height:2em;
}

#footer p{
color:#ddcbb1;
font-size:0.8em;
}

em{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
color:#665038;
font-weight:bold;
}

blockquote{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.8em;
text-align:center;
color:#665038;
font-style:italic;
padding-top:20px;
}

.sent{
border:1px solid #665038;
background:#ddcbb1;
padding:0 10px;
margin:10px 0;
font-weight:bold;
}

/*
################### Other ################### 
*/

.homephoto{
text-align:center;
clear:both;
}

.copyright{
float:left;
}

.leemunroe{
float:right;
}

.nomargin{
margin:0;
}

.left{
float:left;
margin:10px 5px 0 0;
}

.alignright{
text-align: right;
}

h2.left{float:left;}
a.contact{float:right;border:none !important;}
.clear{clear:both;}