/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Marie Photography Stylesheet
Author : Wes Smith / wes.smith@mediarock.co.uk / Mediarock Ltd

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:80%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#534741 url(../images/bg.jpg) top left repeat-y; color:#000000; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

/* ----- IDS ----- */
#container { width:980px; text-align:left; font-size:110%;} 
#innerContainer { position:relative; width:965px; background:url(../images/pageBg.jpg) top left no-repeat;} 
#innerContainer #clientArea { position:absolute; top:0; right:-2px;} 
#innerContainer #orangeBar { width:965px; height:10px; background:#fbb03b;}
#innerContainer #header { position:relative; width:830px; height:150px; margin: 0 0 20px 30px;}
#innerContainer #header #logo { position:absolute; top:75px; right:-55px;}
#innerContainer #header #title { position:absolute; top:75px; left:10px;}
#innerContainer #introBox { position:relative; width:930px; height:358px; background:url(../images/introBoxBg.gif) no-repeat; margin:10px auto 15px auto;}
#innerContainer #introBox #image { position:absolute; top:2px; left:2px;}
#innerContainer #introBox #text { position:absolute; top:15px; right:25px;}
#innerContainer #introBox #contentText { position:absolute; width: 450px; top:15px; right:25px;}
#innerContainer #introBox #contentText span{ color:#9e005d; font-style:italic;}
#innerContainer #introBox #contentText ul {margin-top:0px;}
#innerContainer #introBox #bookBtn { position:absolute; bottom:15px; right:17px;}
#innerContainer #homeJumps { width:930px; height:203px; margin:0 auto 20px auto;}
#innerContainer #homeJumps #aboutBox { position:relative; font-family: verdana; width:425px; height:163px; padding:20px; float:left; background:url(../images/aboutBoxBg.gif) no-repeat; text-align:right;}
#innerContainer #homeJumps #aboutBox .text { color:#9e005d; font-size:140%; font-weight:normal; line-height:26px; padding:0;}
#innerContainer #homeJumps #aboutBox .smallerText { color:#7c7c7b; font-size:120%; font-weight:normal; line-height:20px; padding-top: 5px;}
#innerContainer #homeJumps #aboutBox .smallerText span { color:#f15a24;}
#innerContainer #homeJumps #aboutBox #aboutBtn { position:absolute; bottom:15px; right:15px;}
#innerContainer #homeJumps #packagesBox { position:relative; width:315px; height:163px; padding:20px 20px 20px 130px; float:left; background:url(../images/packagesBoxBg.gif) no-repeat; text-align:right;}
/**#innerContainer #homeJumps #packagesBox { position:relative; width:315px; height:163px; padding:20px 20px 20px 130px; float:left; background:url(../images/mothersDayBoxBg.jpg) no-repeat; text-align:right;}*/
#innerContainer #homeJumps #packagesBox .text { display: none; font-weight:100; color:#9e005d; font-size:150%; font-weight:normal; line-height:26px; padding:0;}

/* #innerContainer #homeJumps #packagesBox .text { font-weight:100; color:#9e005d; font-size:150%; font-weight:normal; line-height:26px; padding:0;} */
#innerContainer #homeJumps #packagesBox .smallerText { color:#7c7c7b; font-size:120%; font-weight:normal; line-height:20px; padding-top: 5px;}
#innerContainer #homeJumps #packagesBox .smallerText span { color:#f15a24;}
#innerContainer #homeJumps #packagesBox #packagesBtn { position:absolute; bottom:18px; right:22px;}
#innerContainer #homeJumps #packagesBox #packagesBtn a {color:#f15a24; font-size:100%; }

#innerContainer #contentBoxTop { position:relative; width:930px; height:35px; background:url(../images/mainBoxTop.gif) no-repeat; margin:0 auto 0 auto;}
#innerContainer #contentBoxTop #sub_nav_title {position: absolute; left: 30px; top: 8px; color: #FFFFFF; font-weight: bold;}
#innerContainer #contentBoxTop #sub_nav {position: absolute; right: 30px; top: 8px; color: #FFFFFF;}
#innerContainer #contentBoxTop #sub_nav a {font-weight: normal; color: #FFFFFF; text-decoration:none;}
#innerContainer #contentBoxTop #sub_nav a:hover {font-weight: normal; text-decoration:none; color: #fbb03b;}
#innerContainer #contentBoxMiddle { position:relative; width:930px; height:600px; background:url(../images/mainBoxMiddle.gif) repeat-y; margin:0 auto 0 auto; }
#innerContainer #clientBoxMiddle { position:relative; width:930px; height:auto; background:url(../images/mainBoxMiddle.gif) repeat-y; margin:0 auto 0 auto; }
#innerContainer #contentBoxMiddle #help_note {position: absolute; left: 30px; top: 3px; color: #FFFFFF; font-size:80%; color:#534741; font-style:italic;}
#innerContainer #contentBoxMiddle #flashGallery {padding: 10px; margin: 0 8px 0 8px; width: 890px;}
#innerContainer #contentBoxMiddle #flashGallery #flashcontent {	width: 860px; height: 590px; margin-left: 20px;	margin-top: 10px;}
#innerContainer #contentBoxBottom { position:relative; width:930px; height:20px; background:url(../images/mainBoxBottom.gif) no-repeat; margin:0 auto 0 auto;}


/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.smallerItalic{font-size: 80%; font-style:italic;}

.val_errors {color:#f15a24; font-size:90%;}
.val_errors p{margin-top: 3px; margin-bottom: 2px; padding-top:0px; padding-bottom: 0px;}


/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}
h1 {color: #fbb03b; font-size: 110%;}
/* ----- TOP NAVIGATION ----- */
#topNav { position:absolute; top:20px; left:0;}
#topNav ul { list-style:none; padding:0; margin:0;}
#topNav li { display:block; float:left;}

#topNav #home { display:block; width:105px; height:34px; background:url(../images/homeNav.png) 0px 0px;}
#topNav #home:hover { background:url(../images/homeNav.png) 0px -34px; cursor:pointer; display:block;}
#topNav #home.active { background:url(../images/homeNav.png) 0px -34px; cursor:pointer; display:block;}
#topNav #about { display:block; width:105px; height:34px; background:url(../images/aboutNav.png) 0px 0px;}
#topNav #about:hover { background:url(../images/aboutNav.png) 0px -34px; cursor:pointer; display:block;}
#topNav #about.active { background:url(../images/aboutNav.png) 0px -34px; cursor:pointer; display:block;}
#topNav #offer { display:block; width:145px; height:34px; background:url(../images/offerNav.png) 0px 0px;}
#topNav #offer:hover { background:url(../images/offerNav.png) 0px -34px; cursor:pointer; display:block;}
#topNav #offer.active { background:url(../images/offerNav.png) 0px -34px; cursor:pointer; display:block;}
#topNav #portfolio { display:block; width:125px; height:36px; background:url(../images/portfolioNav.png) 0px 0px;}
#topNav #portfolio:hover { background:url(../images/portfolioNav.png) 0px -36px; cursor:pointer; display:block;}
#topNav #portfolio.active { background:url(../images/portfolioNav.png) 0px -36px; cursor:pointer; display:block;}
#topNav #blog { display:block; width:105px; height:34px; background:url(../images/blogNav.png) 0px 0px;}
#topNav #blog:hover { background:url(../images/blogNav.png) 0px -34px; cursor:pointer; display:block;}
#topNav #blog.active { background:url(../images/blogNav.png) 0px -34px; cursor:pointer; display:block;}
#topNav #contact { display:block; width:125px; height:36px; background:url(../images/contactNav.png) 0px 0px;}
#topNav #contact:hover { background:url(../images/contactNav.png) 0px -36px; cursor:pointer; display:block;}
#topNav #contact.active { background:url(../images/contactNav.png) 0px -36px; cursor:pointer; display:block;}
#topNav #prices { display:block; width:105px; height:34px; background:url(../images/pricesNav.png) 0px 0px;}
#topNav #prices:hover { background:url(../images/pricesNav.png) 0px -34px; cursor:pointer; display:block;}
#topNav #prices.active { background:url(../images/pricesNav.png) 0px -34px; cursor:pointer; display:block;}



/* ----- LEFT NAVIGATION ----- */


/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */

/* ----- FOOTER ----- */
#footer { width:910px; padding:15px 10px; margin:0 auto; font-size: 80%;}
#footer .footLeft {width: 300px; float: left; padding-bottom: 10px; padding-top:8px;}
#footer .footRight {width: 500px; float: right; text-align: right; padding-bottom: 10px; padding-top:8px;}
#footer p { padding:0;}
#footer a { font-weight:normal; text-decoration:none; outline:none;}
#footer a:hover { text-decoration:underline;}
#footer span {text-align: right;}



/* ----- FOOTER ----- */
#testimonial { width:910px; padding:5px 10px; margin:0 auto; font-size: 100%; color:#9e005d; font-weight:400;}
#testimonial span{color:#fbb03b; font-weight: 400; font-style:normal; font-size: 90%;}
#testimonial p { padding:0; font-style:italic; }
#testimonial a { font-weight:normal; text-decoration:none; outline:none;}
#testimonial a:hover { text-decoration:underline;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:140px; float:left; }
input, textarea { width:180px; font-size:11px !important;}
.required { color:#0033FF;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:55px; height:18px; border:none;}

/* ----- FORM VALIDATION ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }

#admin_content{padding: 20px;}
.admin_table { width:100%; border-top: 1px solid #CCC;border-left: 1px solid #CCC;}
.admin_table th{padding:4px;border-right:1px solid #CCC;border-bottom: 1px solid #CCC; background:#fbb03b;; color:#FFFFFF; font-size: 90%;}
.admin_table td{vertical-align:top;padding:4px;border-right:1px solid #CCC;border-bottom: 1px solid #CCC; font-size: 90%;}

.photo-images  { width:100%; font-size: 90%; padding: 5px;}
.photo-images td {font-size: 90%;}
.photo-images input {width: 80px;clear: left; float: left;}
.photo-images label{  clear: both;display: block;float: left;margin-left: 0; margin-top:0 width: 70px;}

#client_content{padding: 20px 20px 20px 10px;}
#client_text_right{position:absolute; top:20px; right:25px; width: 350px;}
#client_left img {border: 10px solid #fbb03b; margin: 10px 0 20px 20px;}
#client_left p {margin-left: 20px;}
#link_content{padding: 20px 30px 20px 30px; font-size: 80%;}
#terms_content{padding: 20px 30px 20px 30px; font-size: 100%;}

/* -- Admin Image Upload Cancel Button -- */
button#btnCancel{width:69px;height:22px;background: transparent url(/images/adminCancelBtn.gif) no-repeat 0 0; position:absolute; left: 75px; top: 0;display:block; width:69px; height: 22px; border:0;}
div#button_cont{margin:10px 0; position:relative;}
button#btnCancel.disabled{background-position: 0 -22px;}