/*--MAIN CSS FILE FOR ROSE WOOD PHOTOGRAPHY--*/

html, body, #mainTable{
min-height:101%;
}

body{
background-color:#000;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#4d4d4d;
}

#mainTable{
width:900px;
margin-left:auto;
margin-right:auto;
}

/* centre td which contains the body of script */
#mainTD{
background-color:#FFFFFF;
width:874px;
}

#mainTable td{
vertical-align:top;
}

/* left and right shadow for body */
#shadowLeft{
background:url(../images/bricks/bodyShadow_l.jpg);
background-repeat:repeat-y;
width:13px;
}

#shadowRight{
background:url(../images/bricks/bodyShadow_r.jpg);
background-repeat:repeat-y;
width:13px;
}


/*------GLOBALS------*/

h1{
text-decoration:none;
font-size:20pt;
font-weight:bold;
color:#6D6E70;
margin:5px;
}

.break{
width:100%;
clear:both;
height:1px;
}

a:link, a:hover, a:visited, a:active{
color:#444444;
}

a:hover, a:active{
color:#888888;
}

/*--TOP BANNER--*/

#banner{
width:100%;
height:125px;
background-color:#EDA802;
padding:0;
margin:0;
}

#banner #montage{
border:none;
width:550px;
height:100px;
margin-right:20px;
margin-top:10px;
float:right;
}

#banner #logo{
float:left;
width:300px;
height:100px;
margin-top:10px;
margin-left:3px;
border:none;
}

/*--NAVIGATION--*/

#navBG{
background-image:url(../images/bricks/nav_bg.jpg);
background-repeat:repeat-x;
background-position:top;
margin:0;
padding:0;
height:34px;
width:100%;
margin-bottom:10px;
}

#nav{
width:90%;
height:30px;
position:relative;
margin-right:auto;
margin-left:auto;
padding:7px;
}

#nav ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

#nav li{
display:inline;
float:left;
text-align:center;
}

#nav a{
display:block;
position:relative;
text-decoration:none;
font-weight:bold;
color:#929496;
font-size:12pt;
}

#nav a:hover{
display:block;
position:relative;
text-decoration:none;
font-weight:bold;
color:#888888;
font-size:12pt;
}

#nav #thispage a:link{
color:#4d4d4d;
}

/*--INDEX PAGE--*/

.wideFlashContainer{
width:850px;
height:280px;
background-color:#f1f1f2;
border:solid 2px;
border-color:#929496;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
padding:0;
}

.wideFlashContainer .leftContent{
float:left;
width:270px;
}

.wideFlashContainer .leftContent p{
margin-left:auto;
margin-right:auto;
margin-top:8px;
margin-bottom:8px;
line-height:11pt;
width:260px;
font-size:9pt;
}

.wideFlashContainer .rightContent{
float:right;
width:190px;
height:280px;
background:url(../images/bricks/bride.jpg);
background-position:top;
}

.wideFlashContainer .rightContent ul{
height:100%;
position:relative;
top:15%;
left:10%;
margin:0;
list-style:none;
position:relative;
padding:0;
}

.wideFlashContainer .rightContent li{
display:block;
height:50px;
padding:0;
margin:0;
}

.wideFlashContainer .rightContent li a{
text-decoration:none;
font-size:20pt;
font-weight:bold;
color:#6D6E70;
}

.wideFlashContainer .centreContent{
width:385px;
height:280px;
float:left;
padding:0;
margin:0;
}

/* FOUR COLUMNS */

#fourCol{
padding:0;
margin-top: 10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
width:850px;
clear:both;
min-height:100%;
}

.fourColContainer{
width:200px;
min-height:270px;
background:url(../images/bricks/fourColFooter.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:8px;
margin-left:auto;
margin-right:auto;
}

.fourColContainer .title{
background:url(../images/bricks/fourColTitle.jpg);
width:100%;
height:46px;
}

.fourColContainer .title .content{
font-size:20pt;
width:100%;
text-align:center;
font-weight:bold;
padding-top:6px;
margin:0;
}

.fourColContainer .title .content a:link, 
.fourColContainer .title .content a:visited{
text-decoration:none;
color:#FFFFFF;
}

.fourColContainer .title .content a:active,
.fourColContainer .title .content a:hover{
text-decoration:none;
color:#FFFFFF;
}

.fourColContainer img{
width:200px;
height:150px;
padding:0;
margin:0;
border:none;
}

.fourColContainer .outer{
border:solid 1px;
border-color:#EDA802;
border-top:none;
border-bottom:none;
width:198px;
min-height:78px;
margin:0;
padding:0;
}

.fourColContainer .outer .content{
margin:0px;
padding:5px;
}


/*--FOOTER--*/

#push{
    position: relative;
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
}

html > body #push {
    height: auto;
}


#clearfooter{
clear:both;
height:10px;
width:100%;
}

#footer{
width:874px;
height:75px;
background-color:#EDA802;
text-align:center;
padding:5px 0 10px 0;
margin:0;
margin-top:10px;
position:relative;
bottom:-1px;
color:#6D6E70;
font-size:10pt;
line-height:13pt;
}

#footer a:link, #footer a:visited{
text-decoration:none;
color:#4d4d4d;
}

#footer a:hover, #footer a:active{
text-decoration:none;
color:#666666;
}

#footer .largeLink{
font-size:11pt;
}

/*-----PRODUCTS-----*/

.product{
float:left;
border:none;
width:200px;
height:133px;
margin:10px;
padding:0;
clear:left;
}

.productDescription{
clear:right;
margin:10px;
padding:0;
}

.productDescription strong{
display:block;
padding:0;
margin-bottom:10px;
font-size:12pt;
color:#EDA802;
}


/*-----ABOUT US / LINKS / DISCLAIMER-----*/

#pageMargin{
margin:20px auto 20px auto;
width:80%;
}

#pageMargin h1{
margin:0px;
}

#pageMargin .blockquote strong{
float:left;
text-align:right;
clear:left;
margin-top:5px;
}

#pageMargin .blockquote{
clear:both;
margin:30px;
float:left;
}

#pageMargin .blockquote .content{
float:left;
width:455px;
}

#pageMargin .blockquote img{
float:right;
clear:right;
margin: 0 0 0 5px;
}

.imageCaption{
float:right;
text-align:center;
font-weight:bold;
margin-bottom:50px;
}

/*-----WEDDING, CORPORATE, FASHION, PORTRAIT-----*/

.albumLink:link, .albumLink:visited{
display:block;
width:48%;
text-align:center;
font-size:12pt;
font-weight:bold;
padding:0;
float:left;
color:#6D6E70;
text-decoration:none;
margin-top:13px;
}

.albumLink:hover{
color:#4d4d4d;
}

.productCategoryLink{
width:100%;
text-align:center;
font-size:12pt;
/*
margin-top:25px;
*/
}

.productCategoryLink a:link, .productCategoryLink a:visited{
text-decoration:none;
font-weight:bold;
color:#6D6E70;
padding:0;
margin-top:10px;
}

.productCategoryLink a:hover{
color:#888888;
}

.productCategoryLink .selected:link, .productCategoryLink .selected:visited{
text-decoration:none;
font-weight:bold;
color:#4d4d4d;
}

/*-----ALBUM-----*/

.flashAlbum{
width:98%;
height:395px;
background-color:#000000;
text-align:center;
margin:auto;
}

.flashAlbum .centreContent div{
display:block;
height:20px;
width:45%;
text-align:center;
margin:0 auto 0 auto;
padding:0 0 0 25px;
position:relative;
top:35px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14pt;
background:url(../images/bricks/arrowLeft.jpg) no-repeat;
background-position:0px 6px;
clear:both;
}

.albumNavigation{
text-align:left;
float:left;
position:relative;
top:100px;
margin:20px 0 0 30px;
padding:0;
font-size:12pt;
list-style:none;
}

.albumNavigation a:link, .albumNavigation a:visited{
text-decoration:none;
font-weight:bold;
color:#6D6E70;
}

.albumNavigation li:hover, .albumNavigation li:active{
list-style:outside;
list-style-position:outside;
}

.albumNavigation a:hover{
color:#888888;
}

.albumNavigation .selected{
list-style:circle;
}

.albumNavigation .selected:link, .albumNavigation .selected:visited{
text-decoration:none;
font-weight:bold;
color:#4d4d4d;
}

/*-----CONTACT-----*/

#contact{
width:90%;
margin:10px auto 10px auto;
}

#contact td:first-child{
font-size:12pt;
color:#4d4d4d;
}

#contact textarea, #contact input{
width:100%;
}

#submit{
text-align:center;
width:100px;
margin:0;
padding:0;
}

ol{
list-style:lower-alpha;
}

/*-----PRICING-----*/

.error{
background-color:#ffeeee;
border:solid thin #ffeeee;
}

#errorBox{
background-color:#ffeeee;
padding:10px;
font-weight:bold;
}

#errorBox h1{
font-size:14pt;
margin-bottom:10px;
}

input{
width:150px;
padding:0;
margin:0;
}

/*-Controls table-*/
#pricing{
width:60%;
margin-top:20px;
}
#pricing td{
width:50%;
}