/*-------------------------------
Main Layout StyleSheet

Version 1.0
Author: Paul Seys
Email: barney@joystik.co.uk
Website: http://www.torieclarkephotography.com
---------------------------------
Default Styles
---------------------------------*/
*{
margin:0px; 
padding:0px;
}

body {
height: 100%;
background: url(../i/body-bg.gif) repeat-x;
background-position-y: 20px;
background-color:#fff;
color: #802e5a;
font-family: Arial, Verdana, sans-serif;
font-size: 0.625em;
font-weight: normal;
text-decoration: none;
padding-top: 20px;
}

#wrapper{
/*text-align:center;*/
}

a {color: #e01a85; text-decoration: underline; outline: 0;}

a:hover {color: #ff1995; text-decoration: none;}

a:visited {color: #e01a85;}



#container{
width:780px; 
margin:0 auto;
text-align:left;
}

img {border: 0;}

th {
padding: 0.5em;
}

td {
padding: 0.5em;
}

table {
width: 100%;
border: 1px solid;
margin: 0.5em 0 1.5em 0;
font-size: 1.2em;
line-height: 1.4em;
margin: 0.6em 0 1.3em 0;

}

.clear {
clear: both}

/*---------------------------------
H Tags
---------------------------------*/
h1 a{
background:url(../i/torie-clarke-logo2.gif) top center no-repeat;
display: block;
width: 190px;
height: 110px;
text-indent: -9999px;
}

h2 {
font-family:'Raleway', Arial, Verdana, sans-serif;
font-size: 2.4em;
font-weight: normal;
line-height: 1.6em;
margin: 0.8em 0;
color: #e01a85;
}

h3 {
font-size: 1.4em;
font-weight: normal;
line-height: 1.6em;
margin: 1.1em 0 0.6em 0;
padding-top: 0.5em;
color: #b42371;
}

h4 {
font-size: 1.3em;
font-weight: bold;
line-height: 1.4em;
margin: 0.8em 0 -0.6em 0;
}

body#faq h3,
body#reviews h3 {
margin: 0.8em 0 -0.5em 0;
}

body#albums h3,
body#albums h4 {
clear: both;}

p {
font-size: 1.2em;
line-height: 1.4em;
margin: 0.6em 0 1.3em 0;
}



/*---------------------------------
primary navigation Styles
---------------------------------*/

ul#nav li a{
font-family:'Raleway', Arial, Verdana, sans-serif;
font-size: 1.5em;
font-weight: normal;
text-decoration: none;
display: block; 
padding: 20px 10px 10px 10px;
color: #e01a85;
}

ul#nav {
list-style: none;
float: right;
margin-top: -50px;
display: block;
}

ul#nav li {
display: block; 
float: left;}

ul#nav li a:hover{
color: #ff1995;
border-bottom: 2px solid #ff1995;
padding: 20px 0 4px 0;
margin: 0 10px 0 10px;}

body#index li#homeNav {display: none;}

body#albums ul#nav li#albumsNav a,
body#about ul#nav li#aboutNav a,
body#gallery ul#nav li#galleryNav a,
body#reviews ul#nav li#reviewsNav a,
body#bookings ul#nav li#bookingsNav a,
body#faq ul#nav li#faqNav a,
body#contact ul#nav li#contactNav a,
body#prices ul#nav li#pricesNav a {
color: #ccc;
cursor: default;
border-bottom: 2px solid #ccc;
padding: 20px 0 4px 0;
margin: 0 10px 0 10px;
}


/*---------------------------------
Home
---------------------------------*/
body#index div#content {
width: 340px;
display: block;
float: left;
margin: 10px 20px 40px 10px;
}

body#index ul#examples {
float: left;
/* background: url(../i/frame.gif); */
display: block;
border: 1px solid #d5dadb;
padding: 20px 20px 20px 20px;
width: 360px;
height: 266px;
margin: 30px 0 40px 0;
list-style: none;
}

/*---------------------------------
About
---------------------------------*/
body#about div#content {
margin: 30px 20px 60px 20px;
}

body#about div#content img {
float: left;
border: 1px solid #d5dadb;
padding: 20px 20px 20px 20px;
margin: 10px 20px 40px 0;
}

body#about div#content div {
padding-top: 10px;}


/*---------------------------------
FAQ
---------------------------------*/
body#faq div#content {
margin: 30px 20px 60px 20px;
padding-right: 20px;
}

body#faq div#content h3.jquerylink {
display: block;
background:url(../i/faq-arrows.gif) no-repeat -2px 3px;
padding: 0 0 0 15px;
cursor: pointer;
margin-top: 1.5em;
}

body#faq div#content p{
margin-left: 15px;
width: 670px;
}

body#faq div#content h3.jquerylinkSelected {
display: block;
background:url(../i/faq-arrows.gif) no-repeat -2px -80px;
padding: 0 0 0 15px;
cursor: pointer;
font-weight: bold;
margin-top: 1.5em;
}

/*---------------------------------
Albums
---------------------------------*/
body#albums div#content ul {
list-style: disc inside;
padding: 10px 0 10px 0;
font-size: 1.2em;
line-height: 1.4em;
margin: 0 0 0 0;
}

body#albums div#content {
margin: 30px 20px 60px 20px;
}

body#albums div#content span {
display: block;
border: 1px solid;
padding: 20px 30px 20px 20px;
margin-bottom: 1.8em;
background: url(../i/wallpaper.gif) no-repeat 200px 0;
font-size: 1.3em;
line-height: 1.5em;
border-color: #e4e9ea;
}

body#albums div#content a.lightbox img{
background: url(../i/portfolioFrame-base.gif) no-repeat bottom left;
padding: 0 15px 15px 15px;
margin: 0 -15px 0 -15px;;
}

body#albums div#content a.lightbox {
background: url(../i/portfolioFrame.gif) no-repeat;
display: block;
float: left;
padding: 15px 15px 0 15px;
margin-bottom: 20px;
}


body#albums div.description {
display: block; float: left;
padding: 0 0 0 20px;
width: 340px;
}

body#albums div.description-wide {
display: block; float: left;
padding: 0 0 0 20px;
width: 500px;
}


/*---------------------------------
Prices
---------------------------------*/
body#prices div#content ul {
list-style: disc inside;
padding: 10px 20px;
font-size: 1.2em;
line-height: 1.4em;
margin: 0.6em 0 1.3em 0;
}

body#prices div#content {
margin: 30px 20px 60px 20px;
padding-right: 20px;
padding-bottom: 60px;
background: url(../i/wallpaper-full.gif) no-repeat 0 30px;
}

body#prices div#content span {
display: block;
border: 1px solid;
padding: 20px;
background-color: #fff;
font-size: 1.3em;
border-color: #e4e9ea;
width: 645px!important;
}

body#prices div#content div.package {
float: left;
display: block;
width: 200px;
margin-top: 20px;
margin-right: 10px;
margin-bottom: 0;
padding: 20px 10px 0 10px;
border: 1px solid #d5dadb;
background-color: #fff;
text-align: center;
min-height: 431px;
}


body#prices div#content td,
body#prices div#content th {
border-right: 1px solid;
border-bottom: 1px solid;
}

body#prices div#content table {border: none;}

body#prices div#content td {
background-color: #e4e9ea;
border-color: #fff;
}

body#prices div#content th {
background-color: #ecdaf2;
border-color: #fff;
font-weight: normal;
}



/*---------------------------------
Reviews
---------------------------------*/
body#reviews div#content {
margin: 30px 20px 60px 20px;
padding-right: 20px;
padding-bottom: 60px;
background: url(../i/wallpaper-full.gif) no-repeat 0 30px;
}

body#reviews div#content div.review {
float: left;
display: block;
width: 200px;
margin-top: 20px;
margin-right: 10px;
margin-bottom: 0;
padding: 20px 10px 0 10px;
border: 1px solid #d5dadb;
background-color: #fff;
text-align: center;
min-height: 431px;
}

body#reviews div#content div.review_sml {
float: left;
display: block;
width: 200px;
margin-top: 20px;
margin-right: 10px;
margin-bottom: 0;
padding: 20px 10px 0 10px;
border: 1px solid #d5dadb;
background-color: #fff;
text-align: center;
min-height: 370px;
}

body#reviews div#content div.review_sml h3,
body#reviews div#content div.review h3 {
margin-bottom: 10px; 
text-align: left;
}

body#reviews div#content div.review_sml p,
body#reviews div#content div.review p {
text-align: left;
}

body#reviews .frame-landscape {
background: url(../i/frame-landscape.gif) no-repeat;
width: 125px;
height: 91px;
padding: 28px 29px 27px 29px;
}

body#reviews .frame-portrait {
background: url(../i/frame-portrait.gif) no-repeat;
width: 95px;
height: 141px;
padding: 28px 29px 28px 29px;
}

body#reviews .frame-square {
background: url(../i/frame-square.gif) no-repeat;
width: 95px;
height: 81px;
padding: 28px 29px 28px 29px;
}

body#reviews .frame-square-lrg {
background: url(../i/frame-square-lrg.gif) no-repeat;
width: 142px;
height: 144px;
padding: 28px 29px 28px 29px;
}

body#reviews #wrapper {
}

/*---------------------------------
Gallery
---------------------------------*/
body#gallery div#content a img {
/*background: url(../i/portfolioFrame.gif) no-repeat;*/
border: 1px solid #d5dadb;
padding: 10px;
display: block;
float: left;
margin: 5px;
}

body#gallery div#content span.pagination {
display: block;
text-align: right;
width: 750px;
padding: 0 10px 0 0;
margin-top: -30px;
}

body#gallery div#content span.pagination a {
background: none;
display: inline;
float: none;
padding: 0 10px;
}



body#gallery div#content a img { 
/*background: url(../i/portfolioFrame-base.gif) no-repeat bottom left;
padding: 0 15px 15px 15px;
margin: 0 -15px;*/
}

/*---------------------------------
Contact
---------------------------------*/
body#contact div#content {
margin: 30px 20px 60px 20px;
}

body#contact div#content span {
display: block;
border: 1px solid;
padding: 20px;
margin-bottom: 1.8em;
background: url(../i/wallpaper.gif) no-repeat 200px 0;
font-size: 1.3em;
border-color: #e4e9ea;
}

body#contact div#content strong {
margin-right: 3.0em;
margin-left: 1.0em;
}

/*---------------------------------
Booking form
---------------------------------*/
body#bookings div#content ul {
font-size: 1.2em;
line-height: 1.4em;
margin: 0.6em 0 1.3em 0;
}

body#bookings div#content ul li {
margin: 0 0 1.2em 0;
}

/*---------------------------------
Footer
---------------------------------*/
div#footer {
clear: both;
/*text-align:center;*/
padding: 10px 0 0 0;
border-top:1px solid #e4e9ea;
font-size: 1.2em;
}

div#footer ul {
width:760px; 
margin:0 auto;
text-align:left;
list-style: none;
display: block;
float: none;
}

div#footer ul li {
display: block; 
float: left;
padding: 10px 16px 10px 0;
}

div#footer img {
display: block; 
text-align: right;
margin-top:-10px;
padding: 0 0 40px 0;
}