/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Venice
Author : Ben Rinehart
Designer: Tracee Larson
URL : 

Description : 

Created : 
Modified : 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

body{
background: #fff;
color: #34221C;
font-family: optima, tahoma, verdana, arial, helvetica, sans-serif;
}

/* START CONTAINER */
#container{
width: 884px;
\width: 904px;
w\idth: 884px;
height: 450px;
margin: 50px;
margin-left: auto;
margin-right: auto;
background: #F4E4E7 url(../images/background.jpg) top right repeat-y;
}

#gallery #container{
background: #fff url(../images/background.jpg) top right repeat-y;
}/* END CONTAINER */

/* START HEADER */
#header{
float: right;
clear: right;
padding: 0;
margin-bottom: 0;
}

#header h1{
width: 251px;
height: 84px;
padding: 0;
margin: 0;
background: url(../images/logo.jpg) center center no-repeat;
text-indent: -9000px;
}

#header h1 a{
width: 252px;
height: 84px;
padding: 0;
margin: 0;
border: 0;
display: block;
text-decoration: none;
}/* END HEADER */

/* START TAGLINE */
#tagline{
float: right;
}

#tagline h2{
width: 80px;
height: 261px;
padding: 0;
margin: 10px 5px;
background: url(../images/tagline.jpg) center left no-repeat;
text-indent: -9000px;
}/* END TAGLINE */

/* START NAVIGATION */
#navigation{
float: right;
width: 130px;
font: 14px Optima, tahoma, verdana, arial, helvetica, sans-serif;
text-transform: uppercase;
padding: 10px 15px;
height: 340px;
}

#global{
margin: 0;
padding: 0;
}

#global li{
list-style-type: none;
}

#global li a:link, #global li a:visited{
color: #fff;
text-decoration: none;
}

#global li a:hover, #global li a:active{
color: #34221C;
text-decoration: underline;
}

a:link{
color: #34221C;
}

a:visited{
color: #705248;
}

a:hover, a:active{
text-decoration: none;
}/* END NAVIGATION */

/* START PAGE BODY */
#page_body{
padding: 0;
width: 630px;
float: left;
height: 450px;
}

#page_body p, #page_body ul, #page_body dl, #page_body ol{
font-size: 14px;
color: #34221C;
}

#page_body h1, #page_body h2, #page_body h3, #page_body h4, #page_body h5, #page_body h6{
font-weight: normal;
color: #34221C;
}

#page_body h1{
font-size: 20px;
margin-top: 0;
}

#page_body h2{
font-size: 16px;
}

#page_body h3{
font-size: 14px;
}

#page_body h4, #page_body h5, #page_body h6{
font-size: 12px;
}

#page_body h4{
font-weight: bold;
}

#content{
width: 600px;
height: 430px;
margin: 10px 0;
padding: 0 15px;
overflow: auto;
}

#plus #content{ /* The plus pages include a #spotlight image */
width: 347px;
}/* END PAGE BODY */

/* START INFO PAGES */
#slideshow{
width: 630px;
height: 450px;
}

#promotions{
width: 550px;
height: 400px;
display: block;
margin: 25px auto;
}

img#spotlight{
float: right;
margin-bottom: -10px;
}

.instructions{
text-align: left;
}

.format-a, .format-a *{		text-align: center !important; text-indent: 0 !important; }
.format-b, .format-b *{		text-align: right !important; text-indent: 0 !important;}
.format-c, .format-c *{		text-align: left !important; text-indent: 0 !important; }

img.figure-a{						display: block; margin: 0 auto; }
img.figure-b{						float: right; margin: 0 0 10px 10px; }
img.figure-c{						float: left; margin: 0 10px 10px 0; }

/* START TESTIMONIALS */
.description{
padding: 0;
margin: 0;
font-style: italic;
}

.reviewer{
text-align: right;
margin-right: 45px;
}/* END TESTIMONIALS */

#resources{
text-align: left;
margin: 0;
padding: 0;
font-size: 14px;
}

#resources li{
list-style-type: none;
padding: 3px 0;
margin: 0;
}/* END INFO PAGES */

/* START PORTFOLIO */
#portfolio{
width: 330px; /* Change to 500 for 3 columns and 330 for 2 columns */
display: block;
margin: 5px auto 0 auto;
padding: 0;
}

#portfolio li{
float: left;
display: block;
padding: 0;
margin: 0;
width: 165px;
height: 160px;
text-align: center;
font: 14px/24px Georgia, Times, "Times New Roman", Serif;
letter-spacing: 2px;
}

#portfolio li a.image{
width: 150px;
height: 120px;
overflow: hidden;
display: block;
margin: 0 auto;
border: 1px solid #fff;
}

#portfolio li a.image img{
border: none;
}/* END PORTFOLIO */

/* START GALLERIES */
#enlarge{
width: 630px;
height: 450px;
overflow: hidden;
}

#enlarge img{
float: right;
}

#thumbnails{
float: right;
width: 90px;
}

#thumbnails ul{
margin: 0;
padding: 0;
}

#thumbnails li{
display: inline;
margin: 0;
padding: 0;
}

#thumbnails li a{
float: left;
width: 35px;
height: 35px;
margin: 2px;
border: 1px solid #fff;
overflow: hidden;
}

#thumbnails li a:link img{
border: none;
}/* END GALLERIES */

/* START FORMS */
#gift{
border: 1px solid #34221C;
margin: 5px 0 0 0;
}

.column{
width: 290px;
float: left;
}

fieldset{
padding: 10px;
margin: 0;
border: 1px solid #34221C;
}

fieldset fieldset{
clear: left;
float: left;
margin: 5px 0;
width: auto;
}

fieldset fieldset label{
width: 250px;
}

legend{
color: #34221C;
}

label{
display: block;
float: left;
clear: left;
width: 60px;
font-size: 12px;
margin-top: 3px;
}

.required{
color: #34221C;
font-weight: bold;
}

input[type="checkbox"], input[type="radio"]{
margin: 0 15px 0 0;
}

input[type="text"], textarea{
width: 180px;
float: left;
margin: 3px;
}

input[type="submit"], input[type="reset"]{
margin: 3px;
}

input[type="submit"]:hover, input[type="reset"]:hover{
cursor: pointer;
}

#session ol{							margin: 0; padding: 0; }
#session label{						width: 125px; }
#session #submit{				clear: both; display: block; margin: 0 0 20px 0; }

/* END FORMS */

/* START FOOTER */
#footer{
clear: both;
padding: 0;
margin-top: 0;
background-color: #fff;
height: 90px;
font-size: 12px;
}

#footer p{
float: left;
margin: 0;
font-size: 12px;
}

#footer .vcard{
float: right;
text-align: right;
}/* END FOOTER */

#social{ float: right; padding: 5px 20px 0 0; }
#social img{ height: 32px; border: none; }
