/* stylesheet.css - http://www.rodeoandco.com/ style sheet */


html { 
	text-align: center; /* IE5 hack */ 
	}

body, #container, #header, #content, #footer, #copyright {width: 740px;}

body { 
	text-align: left; /* IE5 hack */
        margin: 0 auto;
	background-color: #ffffff;
	}

div, td, p, li {
	text-align: justify;
	font-style: normal; 
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, san-serif; 
	line-height: 15px;
	color: #593e3a;
	}


/* MAIN DIVS - container, header, link divs, content, footer */

#container {
	position:absolute; 
	top: 20px; 
	height: auto;
	text-align: center;
	}

#printshop {
	position: relative; left: 585px; top: 0px; 
	border: 0px solid pink;
	z-index: 2;
	}

#header {
	height: 120px;
	background-color: #fcfaea;
    	border-left: 2px solid #fcfaea; 
    	border-right: 2px solid #fcfaea; 
	overflow: hidden; /* keeps header, content and footer together with no gap between */
z-index: 1;
	}

/* for #header div links, img src="blank.gif" class="nav", image expands to full h/w of div */
img.nav {
	width:100%; height:100%; 
	border: 0px;
	font-size: 10px;
	color: #333;
	}

#home {
	position: absolute; left: 40px; top: 10px; 
	}

#wedding {
	position: absolute; left: 360px; top: 50px; 
	padding-right: 10px;
	border: 0px solid #6b544e;
	}

#portrait {
	position: absolute; left: 480px; top: 50px; 
	padding-right: 10px;
	border: 0px solid #6b544e;
	}

#creative {
	position: absolute; left: 600px; top: 50px; 
	border: 0px solid #6b544e;
	}


#wedding a:link img, #portrait a:link img, #creative a:link img {border: 1px solid #6b544e;}
#wedding a:hover img, #portrait a:hover img, #creative a:hover img {border: 1px solid #e8acbb; background-color: #fff;}



a:link, a:visited {color:#6b544e; text-decoration: none; font-weight: bold; font-family: Arial, Verdana, Helvetica, san-serif; font-size: 100%;}
a:hover, a:active {color:#e8acbb; text-decoration: none; font-weight: bold; font-family: Arial, Verdana, Helvetica, san-serif; font-size: 100%;}



.content {
	height: auto;
    	border-left: 2px solid #fcfaea; 
    	border-right: 2px solid #fcfaea; 
	padding: 0px; margin: 0px;
	}


#footer_nav {
	position: absolute; left: 307px; top:85px; 
	width: 48px; height: 45px;
	}

#footer {
	height: 50px; 
	background-color: #fcfaea;
	overflow: hidden; /* keeps header, content and footer together with no gap between */
    	border-left: 2px solid #fcfaea; 
    	border-right: 2px solid #fcfaea; 
	padding: 0px; margin: 0px;
	}

#footerlinks {
	padding: 15px; 
	text-align: center;
	color:#e0edc5;
	}

#footerlinks img {
	padding: 3px; 
	}

#wedding a:link img, #portrait a:link img, #creative a:link img {border: 1px solid #6b544e;}
#wedding a:hover img, #portrait a:hover img, #creative a:hover img {border: 1px solid #e8acbb; background-color: #fff;}

#footerlinks a:link {color:#593e3a; font-weight: bold; text-decoration: none; font-size: 100%;}
#footerlinks a:visited {color:#593e3a; font-weight: bold; text-decoration: none; text-decoration: none; font-size: 100%;}
#footerlinks a:active {color:#e8acbb; font-weight: bold; text-decoration: none; font-size: 100%;}
#footerlinks a:hover {color:#e8acbb; font-weight: bold; text-decoration: none; font-size: 100%;}

div#copyright {
	height: auto; 
	overflow: hidden; /* keeps header, content, footer, and copyright together with no gap between */
	padding-top: 3px; padding-bottom: 10px;
	margin: 0px;
	text-align: center;
	}

td#copyright {
	border: 0px solid orange;
	text-align: center;
	font-style: normal; 
	font-weight: normal;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, san-serif; 
	text-transform: uppercase;
	color: #593e3a;
	}

#copyright td a:link {
	font-style: normal; 
	font-weight: normal;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, san-serif; 
	text-transform: uppercase;
	text-decoration: none;
	color: #593e3a;
	}

#copyright td a:visited {
	font-style: normal; 
	font-weight: normal;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, san-serif; 
	text-transform: uppercase;
	text-decoration: none;
	color: #593e3a;
	}

#copyright td a:active {
	font-style: normal; 
	font-weight: normal;
	font-size: 8px;	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, san-serif; 
	text-transform: uppercase;
	text-decoration: none;
	color: #e8acbb;
	}

#copyright td a:hover {
	font-style: normal; 
	font-weight: normal;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, san-serif; 
	text-transform: uppercase;
	text-decoration: none;
	color: #e8acbb;
	}

/* end main divs */


.tcontent {
	width: 680px; /* width of #content (740px) - width of .tcontent padding (30px x 2) */
	height: auto;
	padding: 0px; margin: 10px 7px;
	cellspacing: 0px;
	border-collapse: collapse;
	}

.tcontent-galleryindex {
	width: 730px; 
	height: auto;
	padding: 0px; margin: 10px 7px;
	cellspacing: 0px;
	border-collapse: collapse;
	}

.tcontent td {vertical-align: top;}


/* GALLERY PAGES */

.galleryimage {
	width: 330px;
	padding: 20px 0px 20px 20px;
	vertical-align: middle;
	text-align: center;
	background-color: ffffff;
	}

.gallerytext {
	width: 330px;
	padding: 20px 0px 20px 0px;
	vertical-align: top;
	text-align: justify;
	}

.galleryimageportrait {
	width: 330px;
	padding: 20px 0px 20px 20px;
	vertical-align: middle;
	text-align: center;
	background-color: ffffff;
	}

.gallerytextportrait {
	width: 390px;
	padding: 20px 0px 20px 0px;
	vertical-align: top;
	text-align: justify;
	}

.galleryimagehorizontal {
	width: auto;
	padding: 20px 0px 20px 20px;
	vertical-align: middle;
	text-align: center;
	background-color: ffffff;
	}

.gallerytexthorizontal {
	width: 270px;
	padding: 20px 0px 20px 0px;
	vertical-align: top;
	text-align: justify;
	}


/* INFO PAGES */

.heading {
	padding-bottom: 5px;
	}

.pricingheading {
	width: 180px;
	padding: 28px 0px 10px 0px;
	vertical-align: middle;
	text-align: center;
	font-style: normal; 
	font-weight: 500;
	font-size: 110%;
	font-family: Verdana, Arial, Helvetica, san-serif; 
	color: #593e3a;
	background-image: url(../graphics/pricing_bg.gif);
	background-repeat: no-repeat;
border-bottom: 0px solid #fcfaea;
	}

.pricingtext {
	width: 500px;
	padding: 10px 0px 10px 0px;
	vertical-align: top;
	text-align: justify;
border-bottom: 0px solid #fcfaea;
	}


.left {
width:340px;
margin: 0px;
	vertical-align: top;
border: 0px solid red;
	}

.right {
width:340px;
margin: 0px;
	vertical-align: top;
border: 0px solid blue;
	}


/* CONTACT FORM */
.contacttitle {
	text-align: right;
	padding-right; 5px;
	}

.contacttextbox
{
	width: 190px;
	height: 12px;
	font-size: 12px;
	padding: 0px; margin: 0px;
	border-color: #593e3a;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-width: 1px;
	scrollbar-arrow-color: #fff;
	scrollbar-base-color: #e8acbb;
	scrollbar-darkshadow-color: #e8acbb;
	scrollbar-face-color: #e8acbb;
	scrollbar-highlight-color: #e8acbb;
	scrollbar-shadow-color: #e8acbb;
}

td.contactsubmit {
	padding-top: 5px;
	text-align: right;
	}

.button, .button8x10, .button5x7, .button4x6, .button4x4, .button2x6, .button4x12, .button8x8 {
	background: #e8acbb;
	font-family: Arial, Verdana, Helvetica, san-serif; 
	font-variant: small-caps;
	font-size: 12px; 
	color:#593e3a;
	}

.button5x7, .button4x6, .button4x4, .button2x6, .button8x8 {
	margin-left: 7px;
	}

.print {
	width: 680px;
	border: 1px solid #593e3a;
	}
.print td {
	border: 1px solid #593e3a;
	width: 440px; height: 180px;
    	display: table-cell;
    	vertical-align: middle;
	}
.print td div {
	margin-top: 10px;
	}
.print td div img {
	float: left;
	margin: 0px 10px 10px 10px;
	}
.printtitle {
	text-transform: capitalize;
	}

.printshopform {
	margin-top: 1px;
	margin-bottom: 1px;
	}


.names {
	text-align: right;
border: 0px solid black;
	}

.date {
	width: 115px;
border: 0px solid black;
	border-right-style: solid;
	}


/* HOMEPAGE */
.homepage-imagelink {
        padding: 2px; 
        border: 1px solid #593e3a; 
        margin: 1px;
        }
a:hover img.homepage-imagelink {
        border: 1px solid #e8acbb; 
        }

/* GALLERY INDEX PAGES */
.galleryindex-imagelink {
        padding: 2px; 
        border: 1px solid #593e3a; 
        margin: 1px;
        }