body { margin: 0px; padding: 0px; font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }

.body-home { background: none; }

h1 { font-size: 24px; color: #6fbd00; }

h2 { font-size: 18px; color: #ff9900; }

a, a:visited, a:active, a:focus { color: #8fc73e; text-decoration: none; outline: none; }

a:hover { color: #73a033; }

#wrapper { padding: 30px 0px 0px 0px; width: 100%; background-color: #FFF; }


/*********** Centering page ***********/


#container { background-color: #fff; position: relative; text-align: left; width: 990px; height: 590px; margin: 25px auto 0 auto; }

#home { position: relative; width: 990px; height: 590px; }

.back-home { background: url(/pr4main/images/back_home.jpg) 0px 0px no-repeat; }

.back-photos { background: url(/pr4main/images/back_photos.jpg) 0px 0px no-repeat; }

.back-photographer { background: url(/pr4main/images/back_photographer.jpg) 0px 0px no-repeat; }

.back-ahead { background: url(/pr4main/images/back_ahead.jpg) 0px 0px no-repeat; }

.back-launch { background: url(/pr4main/images/back_launch.jpg) 0px 0px no-repeat; }

#home-left { position: absolute; top: 0px; left: 0px; /*background:url(/pr4main/images/left_back.png) no-repeat;*/ width: 35px; height: 594px; }

#home-top { position: absolute; top: 0px; left: 35px; /*background:url(/pr4main/images/top_back.png) no-repeat;*/ width: 954px; height: 37px; }

#home-right { position: absolute; top: 0px; left: 989px; /*background:url(/pr4main/images/right_back.png) no-repeat;*/ width: 35px; height: 594px; }

#home-bottom { position: absolute; top: 557px; left: 35px; /*background:url(/pr4main/images/bottom_back.png) no-repeat;*/ width: 954px; height: 37px; }

#home-main { position: absolute; top: 30px; left: 13px; /*background:url(/pr4main/images/main_back.png) no-repeat;*/ width: 964px; height: 534px; }

#home-main-left { float: left; background: url(/pr4main/images/nav_back_dark.png) no-repeat; width: 218px; height: 534px; }

#home-main-right { float: right; width: 725px; height: 534px; }


#sidenav-wrapper { padding: 180px 0px 0px 0px; }

span.nav-line { color: #a4a4a4; text-decoration: line-through; float: left; margin: 0px 0px 0px 15px; }

span.nav-title { color: #a4a4a4; text-transform: uppercase; }

ul.sidenav { float: left; margin: 0px; padding: 0px; width: 213px; list-style: none; text-align: right; color: #FFF; }
ul.sidenav li { position: relative; float: left; margin: 0; padding: 0; text-align: right; padding: 0px 20px 0px 0px; width: 193px; line-height: 24px; height: 24px; color: #FFF; }
ul.sidenav li a, ul.sidenav li a:link, ul.sidenav li a:visited { display: block; color: #fff; text-decoration: none; line-height: 24px; padding: 0px 20px 0px 0px; width: 193px; height: 24px; position: relative; z-index: 2; text-transform: lowercase; }

ul.sidenav li a:hover, ul.sidenav li a.active { background: url(/pr4main/images/nav_hover.png) no-repeat 2px 0px; color: #fff; }

ul.sidenav li div.popup { display: none; position: absolute; top: -12px; left: 206px; width: 230px; line-height: normal; color: #FFF; text-align: left; }

ul.sidenav li div.popup div.popup-top { margin: 0px; width: 197px; padding: 0px 10px 0px 23px; height: 32px; background: url(/pr4main/images/popup_top_dark.png) no-repeat; }

ul.sidenav li div.popup div.popup-middle { margin: 0px 0px; width: 197px; padding: 0px 10px 0px 23px; background: url(/pr4main/images/popup_middle_dark.png) repeat-y; }

ul.sidenav li div.popup div.popup-bottom { margin: 0px 0px; width: 197px; padding: 0px 10px 0px 23px; height: 15px; background: url(/pr4main/images/popup_bottom_dark.png) repeat-y; }

ul.sidenav li div.popup div.popup-top div.popup-title { padding: 16px 0px 0px 0px; text-transform: uppercase; line-height: 12px; font-weight: bold; color: #a4a4a4; }

#logo { position: absolute;  display:block; background: url(/pr4main/images/logo.png) no-repeat; z-index: 200; width: 224px; height: 70px; top: 20px; right: 25px; }

#logo-link { width: 224px; height: 70px; display: block; text-decoration: none; }

#photos { width: auto; }

#photographer { width: 480px; }

#signup { width: 420px; }

#login { width: 480px; }

.box { text-align: left; background: url(/pr4main/images/transparency50.png); position: absolute; bottom: 30px; right: 25px; color: #FFF; z-index: 1; }

.box-marketing, .box-instructions { padding: 0px 0px 10px 0px; }


.box-left { }

.box-right { width: 200px; float: right; padding: 0px 0px 0px 20px; }

.box-content { position: relative; padding: 15px 15px 15px 15px; z-index: 500; }

.box-title { font-size: 16px; color: #fff; margin: 0px 0px 10px 0px; padding-bottom: 5px; border-bottom: 1px solid #fff; font-weight: bold; text-transform: uppercase; }

.pad-right { padding: 0px 25px 0px 0px; }


.pad-left { padding: 0px 0px 0px 25px; }

.box-form { /*background: #FFF;*/ }

label { padding: 0px 10px 5px 0px; width: 130px; text-align: right; display: inline-block; }

.box-field { border: none; background: #FFF; color: #666; padding: 3px; margin: 0px 0px 10px 0px; width: 196px; display: inline-block; }

.box-select { border: none; background: #FFF; color: #666; margin: 0px 0px 10px 0px; width: 200px; display: inline-block; }

.box-button { text-align: center; color: #fff; padding: 3px; background-image: none; background-color: #6d8b00; border: solid 1px #addd00; width: 200px; }
.box-button:hover { border-color: #fff; color: #fff; background-color: #73a033; }
.box-button a { display: inline-block; padding: 3px 10px 3px 10px; background: #8fc73e; color: #FFF; text-decoration: none; text-align: center; min-width: 100px; }
.box-button a:hover { background: #73a033; color: #FFF; }

/*********** Footer Area ***********/

#footer { text-align: right; font-size: 11px; padding-top:10px; }

.photocredit { text-align:left; padding-top:0px; padding-left:30px; line-height:18px; }

.photocredit a { color: #666; text-decoration: none; }

.photocredit a:hover, #copyright a:hover { color: #8fc73e; }

#footer-right { width:40%; float:right; }

#footer-nav { margin: 0px; padding: 0px 17px 0px 0px; list-style: none; float: right; }

#footer-nav li { float: left; }

#footer-nav li a { color: #666; text-decoration: none; text-transform: lowercase; }

#footer-nav li a:hover, #copyright a:hover { color: #8fc73e; }

#footer-nav .separator { padding: 0px 7px 0px 7px; }

#copyright { padding: 3px 17px 0px 0px; }

#copyright a { color: #666; text-decoration: none; }

.clear { clear: both; }

.error { color: #c8ff00; }

.ui-datepicker { z-index: 1; }

input.box-field { border: solid 1px #addd00; background-color: #fff; color: #666; padding: 2px; }
input.box-field:focus { border: solid 1px #ff9900; background-color: #fff; color: #666; padding: 2px; }
select { border: solid 1px #666; background-color: #fff; color: #666; padding: 2px; }

div.fpContainer label { padding: 0px 5px 0px 0px; text-align: right; min-width: 140px; width: 140px; }
div.fpContainer p { padding: 0; margin: 10px 0px; }
div.fpContainer .box-field { margin: 0; }
div.fpContainer input { width: 196px; }

div.fpContainer .fpButton { margin-left: 148px; width: 204px; text-align: center; color: #fff; padding: 3px; background-image: none; background-color: #6d8b00; border: solid 1px #addd00; }
div.fpContainer .fpButton:hover { border-color: #fff; background-color: #73a033; }
div.fpContainer .fpButton:active { color: #fff; border-color: #6d8b00; background-color: #304701; }
div.fpContainer .fpDateBox { background: #fff url(/pr4main/images/calendar.png) no-repeat center right; }



div#login .error { margin-bottom: 10px; display: block; }
div.error { margin-bottom: 10px }

/* Help */
.help_white { display: none; min-height:100px; background-color: #fff; color: #000; margin: auto;  border: 5px solid #C0D72F; height: 100%; }
.helpContainer { padding: 20px; text-align: left; font-size:9.5pt; }
.help_white div { padding: 10px 10px; }

.help_white a { margin-top: 1em; display: inline-block; color: #000; }
.help_white a:link { color: #000; }
.help_white a:hover { color: #333; }
.help_white a:visited { color: #000; }
.help_white a:active { color: #000; }
.help_white input { width: 6em; }

div.blockPage .helpClose { position: absolute; top: 12px; right: 30px; line-height: 22px; margin: 0; background-image: url(/pr3/images/closeX.gif); background-repeat: no-repeat; padding-right: 25px; background-position: 100% 0; }
div.blockPage .helpContainer { padding: 10px 20px 50px 20px; }
div.blockPage div.helpCrumb { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: solid 1px #aaa; }
div.blockPage div.helpCrumb a { padding: 0; margin: 0; }


.box-button-searching { background-color: #666; border: solid 1px #fff; font-weight:bold;}
.box-button-searching:hover { background-color: #666; border: solid 1px #fff; font-weight:bold;}
.box-button-searching a { background-color: #666; border: solid 1px #fff; font-weight:bold;}
.box-button-searching a:hover { background-color: #666; border: solid 1px #fff; font-weight:bold;}
.box-button-searching a:active { background-color: #666; border: solid 1px #fff; font-weight:bold; }
div.fpContainer .box-button-searching:hover { background-color: #666; border: solid 1px #fff; font-weight:bold; }
div.fpContainer .box-button-searching { background-color: #666; border: solid 1px #fff; font-weight:bold; }