/*************************************
*                                    *
*       Paul Peek Photography        *
*           01502 514644             *
*                                    *
*    All content copyright © 2009    *
*                                    *
*************************************/

body {

	behavior: url("scripts/csshover3.htc");

	background-image: url(../images/bg_pixel.jpg);
	background-repeat: repeat;
	background-color: #111111;
	
	margin: 0px;
	
	font-family: Arial, Verdana, Helvetica, san-serif;
	font-size: 12px;
	color: #dddddd;
	
	text-align: center;
}

.clear { clear: both; }

#background {
	width:1200px; min-height:800px; left:50%; margin-left:-600px; position: absolute;
	background: url(../images/bg.jpg) no-repeat top center;
}

html {
	height:100%;
	margin:0px;
	padding:0px;
}

#wrap { width:100%; min-height:100%; position:relative; }

<!--[if IE 6]>
#wrap { height:100%; }
<![endif]-->

.clear { clear:both; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/* mac hide \*/
* html #background { height:800px; }
/* end hide */

#blackBox {
	width: 840px; height: 100%; background-color: #000000;
	position: fixed; left: 50%; margin-left: -420px;
	z-index: 1;
	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#wrap {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	position: relative; z-index: 2;
}

.blend img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
}


/*============================================================
  Page Layout
============================================================*/

#header { width:100%; height: 60px; margin-top: 10px; }
#headerLeft { width:68%; height: 60px; float: left; text-align: left; }
#headerRight { width:30%; height: 30px; margin-top: 4px; float: left; text-align: right; }

#footer { width: 100%; float: left; margin-top:20px; padding-bottom:40px; }

.footer_tagline {
	display:block; width:608px; height:51px; background:url(../images/footer_tagline.png); margin:0 auto; margin-bottom:20px;
}

/*============================================================
  Page Header / Menu Navigation
============================================================*/

#menu_block { width:100%; height: 45px; float: left; position:relative; }

#menu { width:100%; height: 45px; float: left; position:relative; }

.menu_lc { display: block; width: 16px; height: 45px; background: url(../images/menu_lc.png); float: left; }
.menu_rc { display: block; width: 16px; height: 45px; background: url(../images/menu_rc.png); float: left; }

#menu ul { width: 768px; height: 45px; background: url(../images/menu_bg.png) top repeat-x; margin: 0px; padding: 0px; list-style: none; float: left; }
#menu ul li { float: left; }

#menu ul a {
	display: block; padding: 0px 9px 0px 9px; line-height: 45px;
	font-size: 13px; font-family: Arial, Verdana, Helvetica, san-serif;
	text-shadow: #ffffff 0px 1px 1px; color: #4a4a4a;
}

#menu ul a:link, #menu ul a:active, #menu ul a:visited { text-decoration: none; }
#menu ul a:hover { color: #008ce5; }



/* drop down */
ul.drop_menu {
	list-style: none;
	float:none;
	margin:0px; padding:0px 0px 2px 0px;
	
	background-image:none;
	background-color:#ffffff; z-index:9; position:absolute; top:39px; left:0px;
	
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	
	display:none;
}
ul.drop_menu li { margin:0px; padding:0px; float:none; }

ul.drop_menu li a:link, ul.drop_menu li a:active, ul.drop_menu li a:visited {
	display:block; padding:0px 25px 0px 15px; line-height:28px; font-size:12px; color:#333333;
	
	font-family: Arial, Verdana, Helvetica, san-serif;
	text-shadow: #ffffff 0px 1px 1px;
}
ul.drop_menu li a:link, ul.drop_menu li a:active, ul.drop_menu li a:visited { text-decoration: none; }
ul.drop_menu li a:hover { color:#008ce5; }

/*============================================================
  Page Content Container 
============================================================*/

#Container { width: 800px; float: left; margin-top: 0px; }


/* EVERY PAGE */

#pageHeader {
	width:900px; height:175px;
	position: relative;
}
#pageHeaderTitle {
	width: 100%; height: 33px;
	background-color: #ffffff;
	border-bottom: 1px #eeeeee solid;
	position: absolute;
	bottom: 0px; left: 0px;
	
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#pageHeader h1 {
	width: 100%; height: 33px;
	margin: 0px; padding: 0px; padding-left: 30px;
	line-height: 31px; font-weight: normal;
	color: #373737; font-size: 16px;
	position: absolute;
	bottom: 0px; left: 0px;
}


/*============================================================
  Every Page Left Hand Column 
============================================================*/

#bodyLeftColumn { width: 250px; height: 460px; margin-top: 0px; border: 0px; float: left; }

.LeftBox { width: 190px; margin: 20px 20px -8px 28px; padding: 0px 0px 0px 0px; }

.LeftBoxInner {
	margin: 0px; padding: 9px 0px 5px 8px; background-color: #eeeeee;
	border: 2px #4c7eae solid; border-top: 0px; border-bottom: 0px;
}
.LeftBoxInnerCont { width: 190px; padding: 0px; margin: 0px; }
.LeftBoxInnerContTest { width: 190px; padding: 0px; margin: 0px; position: relative; }
.LeftBoxInnerContTestInner { width: 170px; padding: 0px 0px 0px 0px; margin: 0px 0px 2px 10px; text-align: center; }


/*============================================================
  Every Page Right Hand Column 
============================================================*/

#bodyRightColumn {
	width: 626px;
	height: 410px;
	margin: 20px 0px 0px 0px;
	float: left;
}

#bodyFullColumn {
	width: 768px; float: left;
	margin: 20px 0px 0px 16px;
	padding: 0px 0px 20px 0px;
}

#bodyLeft {
	width:470px; min-height: 100px;
	margin-right: 36px;
	float: left;
}

#bodyRightCol {
	width: 250px; min-height: 100px;
	float: left;
}

.rightImageWrap {
	width: 250px;
	padding-bottom: 15px;
	float: left;
}

.rightImageBoxP {
	width: 250px; height: 370px;
	border: 1px #cccccc solid;
	background-color: #f1f1f1;
	float: left;
}

.rightImageBoxP img { width:240px; height: 360px; margin: 5px 5px 0px 5px; background-color: #ffffff; }

.rightImageBox280 {
	width: 250px; height: 290px;
	border: 1px #cccccc solid;
	background-color: #f1f1f1;
	float: left;
}

.rightImageBox280 img { width:240px; height: 280px; margin: 5px 5px 0px 5px; background-color: #ffffff; }

.rightImageBoxLS {
	width: 250px; height: 170px;
	border: 1px #cccccc solid;
	background-color: #f1f1f1;
	float: left;
}

.rightImageBoxLS img { width:240px; height: 160px;	margin: 5px 5px 0px 5px; background-color: #ffffff; }


/* box1 */

.box1 { width: 800px; }
.box1_top { display:block; width:800px; height:16px; background: url(../images/box1_top.png); }
.box1_body { width:800px; background: url(../images/box1_bg.png) repeat-y; }
.box1_bottom { display:block; width:800px; height:16px; background: url(../images/box1_bottom.png); }

.box1_body .box1_body_inner { margin: 0px 0px 0px 16px; }

#homeRotatingPhotosInner {
	width: 768px; height: 366px; overflow: hidden; margin: 0px 0px 0px 16px;
}

.rightImageBox {
	margin: 0px 0px 0px 30px;
	float:right;
}


/*============================================================
  Every Page General 
============================================================*/

a.logolink { display: block; padding: 11px 10px 0px 15px; float: left; }


/*============================================================
  Products 
============================================================*/

.productRow {
	width:800px; height: 560px;
	margin: 20px 0px 0px 0px;
	float: left;
}

.productWrap {
	width: 170px; height: 400px;
	margin: 0px 10px 0px 10px;
	float: left;
}

.productBox {
	width: 170px; height: 200px;
	border: 1px #cccccc solid;
	background-color: #f1f1f1;
	float: left;
}

.productPhoto {
	width:160px; height:190px;
	margin: 5px 5px 0px 5px;
	background-color: #ffffff;
	float: left;
}

.productText {
	width:160px; height: 120px;
	margin: 10px 0px 0px 0px;
	float: left;
}

.productPrices {
	width:160px; height: 160px;
	margin: 30px 0px 0px 0px;
	float: left;
}

.productPrices .productPriceLeft {
	display:block; width:80px; height:22px; line-height:22px; float:left;
	font-size:14px; color:#8ccdff; text-align:left;
	font-weight:bold;
}
.productPrices .productPriceRight {
	display:block; width:80px; height:22px; line-height:22px; float:left;
	font-size:14px; color:#CCCCCC; text-align:right;
}


/*============================================================
  Contact Page
============================================================*/

.pageContactLeft {
	width: 300px;
	margin: 0px 20px 0px 0px; 
	float: left;
}

.pageContactBox {
	width: 440px;
	margin: 0px 0px 0px 0px; 
	float: left;
	text-align: left;
}

#map_canvas { width:280px; height:250px; }

#pageContactMapBox {
	background-color: #ffffff;
	padding: 3px;
	border: 1px #dddddd solid;
}
#pageContactMapBox:hover {
	border: 1px #eeeeee solid;
}

#pageContactMapBoxInner {
	width:300px; height: 300px;
}


.contactForm_lbl {
	width:200px; height:28px; line-height:28px; color:#CCCCCC; font-size:14px; text-align:left; float:left; margin:6px 0px 0px 0px; }
.contactForm_lbl:hover { color:#8ccdff; cursor:pointer; }

.contactForm_TextBox_lbl {
	width:440px; height:28px; line-height:28px; color:#CCCCCC; font-size:14px; text-align:left; float:left; margin:6px 0px 0px 0px; }
.contactForm_TextBox_lbl:hover { color:#8ccdff; cursor:pointer; }

.contactForm_input {
	width:240px; height:28px; line-height:28px;
	background-color:#FFFFFF; border:0px; float:left;
	font-size:14px; color:#999999; font-weight:normal;
	text-indent:6px; text-shadow:#FFFFFF 0px 0px 1px;
	margin:6px 0px 0px 0px; padding:0px 0px 0px 0px;
	-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
}
.contactForm_input:focus { background-color:#e9f6ff; color:#444444; }

.contactForm_select {
	width:240px; height:28px; line-height:28px;
	background-color:#FFFFFF; border:0px; float:left;
	font-size:14px; color:#999999; font-weight:normal;
	text-indent:6px; text-shadow:#FFFFFF 0px 0px 1px;
	margin:6px 0px 0px 0px; padding:0px 0px 0px 0px;
	-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
}
.contactForm_select:focus { background-color:#e9f6ff; color:#444444; }

.contactForm_textarea {
	width:440px; height:120px;
	background-color:#FFFFFF; border:0px; float:left;
	font-size:16px; color:#999999; font-weight:normal;
	text-indent:5px; text-shadow:#FFFFFF 0px 0px 1px;
	margin:0px 0px 0px 0px; padding:4px 0px 4px 0px;
	-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
}
.contactForm_textarea:focus { background-color:#e9f6ff; color:#444444; }

.contactForm_Btn {
	display:block; width:440px; height:50px; line-height:50px; background:url(../images/button4.png);
	text-align:center; color:#FFFFFF; font-size:18px; font-weight:normal; text-shadow:#0d74eb 0px -1px 1px; margin:10px 0px 0px 0px;
}
.contactForm_Btn:hover { background-position:0px -50px; cursor:pointer; }


/*============================================================
  Links
============================================================*/

.links_box {
	width: 192px;
	height: 120px;
	float: left;
	text-align: center; line-height: 18px;
	
}

.linkHeader { font-size: 16px; font-weight: bold; line-height: 15px; }
.linkHeaderTop { font-size: 12px; font-weight: bold; color: #666666; }


/*============================================================
  Clients
============================================================*/

.clientsLogoBox {
	height: 73px;
	margin: 10px;
	padding: 4px 4px 0px 4px;
	background-color: #eeeeee;
	float: left;
}


/*============================================================
  Gallery pages
============================================================*/

#pageGalleryBox {
	float: left;
}

#GalleryMenu {
	margin: 15px 10px 0px 0px;
	float: left;
}

#galleryLoadingBox {
	width: 590px; height: 397px;
	margin: 15px 0px 0px 15px;
	float: left;
	position: relative;
}	

.loading_progress_box { 
	display: block; width: 200px; height: 4px; background: url('../images/loading_progress.png'); 
	position: absolute; left: 50%; margin-left:-100px; top: 50%; margin-top: 20px;
}
.loading_progress_bar { 
	display: block; width: 0px; height:4px; background: url('../images/loading_progress_bar.gif'); 
	position: relative; top:0px; left: 0px;
}
.loading_progress_text {
	display: block; width: 200px; font-size: 12px; color: #999999; font-style: italic; text-shadow:#111111 0px 1px 1px;
	position: absolute; left: 50%; margin-left:-100px; top: 51%; margin-top: 28px;
	text-align: center;
}

#GalleryRotatingPhotoBox {
	width: 590px; height: 397px;
	border: 1px #333 solid;
	margin: 15px 0px 0px 15px;
	float: left;
	overflow: hidden;
	position: relative;
	background-position: 5px 5px;
}

#GalleryCopy {
	margin: 5px 5px 0px 5px; width: 580px; height: 387px; position: absolute; top: 0px; left: 0px; z-index: 9; overflow: hidden; }

#GalleryRotatingPhoto {
	width: 580px; height: 387px;
	margin: 5px 5px 0px 5px;
	overflow: hidden;
	position: absolute; z-index: 2;
}

#GalleryMenu ul {
	margin: 0px; padding: 0px;
	list-style: none;
}

#GalleryMenu ul li a {
	display: block;
	width: 136px; height: 28px;
	border: 0px;
	margin: 0px 0px 1px 0px;
	padding-left: 15px;
	line-height: 28px;
	font-size: 13px;
	color: #ffffff; text-shadow:#111111 1px 1px 3px;
	text-decoration: none;
	overflow: hidden;
}

#GalleryMenu ul a:hover { color: #8ccdff; }
#GalleryMenu ul a.GalleryMenuAct { color: #8ccdff; }

#GalleryMenu ul a.GalleryLinkGrn { color: #52904d; }
#GalleryMenu ul a.GalleryLinkPink { color: #da3483; }

/*============================================================
  Album Pages
============================================================*/

#album_container {
	width:575px; height: 300px;
	margin: 50px 0px -60px 90px;
	position: relative;
}


.album_progress_box { 
	display: block; width: 200px; height: 4px; background: url('../images/album_progress.png'); 
	position: absolute; left: 50%; margin-left:-100px; top: 50%; margin-top: 20px;
}

.album_progress_bar { 
	display: block; width: 0px; height:4px; background: url('../images/album_progress_bar.gif'); 
	position: relative; top:0px; left: 0px;
}

.album_progress_text {
	display: block; width: 200px; font-size: 10px; color: #666666; font-style: italic;
	position: absolute; left: 50%; margin-left:-100px; top: 50%; margin-top: 28px;
	text-align: center;
}

.album_back {
	width:140px; height: 30px;
	display: block; overflow: hidden;
	background-image: url(../images/album_back.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	position: absolute; top: -40px; left: 218px;
}

.album_arrow_left {
	width:75px; height: 75px;
	display: none; overflow: hidden;
	background-image: url(../images/album_prev.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	position: absolute; top: 90px; left: -30px; z-index: 9;
}

.album_arrow_right {
	width:75px; height: 75px;
	display: none; overflow: hidden;
	background-image: url(../images/album_next.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	position: absolute; top: 90px; right: -30px; z-index: 9;
}

.album_arrow_left:hover, .album_arrow_right:hover { cursor: pointer; }

#albums_container {
	height: 211px;
}
#albums_text {
	margin-top: 80px;
	text-align: center;
}

.album_red {
	display: block; overflow: hidden; width:129px; height:211px;
	background-image: url(../images/albums/coverRed.png);
	background-repeat: no-repeat; background-position: 0px 0px;
	margin: 20px 25px 0px 35px; float: left;
}
.album_leather {
	display: block; overflow: hidden; width:129px; height:211px;
	background-image: url(../images/albums/coverLeather.png);
	background-repeat: no-repeat; background-position: 0px 0px;
	margin: 20px 20px 0px 35px; float: left;
}
.albumcover03 {
	display: block; overflow: hidden; width:129px; height:211px;
	background-image: url(../images/albums/cover03.png);
	background-repeat: no-repeat; background-position: 0px 0px;
	margin: 20px 20px 0px 35px; float: left;
}
.albumcover04 {
	display: block; overflow: hidden; width:129px; height:211px;
	background-image: url(../images/albums/cover4.png);
	background-repeat: no-repeat; background-position: 0px 0px;
	margin: 20px 20px 0px 35px; float: left;
}

.albumcoverpreview {
	display: block; overflow: hidden; width:129px; height:211px;
	background-image: url(../images/albums/coverPreview.png);
	background-repeat: no-repeat; background-position: 0px 0px;
	margin: 20px 20px 0px 35px; float: left;
}

.portraitcover_01:hover {  background-position: 0px -211px; }
.familycover_01:hover {  background-position: 0px -211px; }


.portraitcover_01 {
	display: block; overflow: hidden; width:129px; height:211px;
	background-image: url(../images/portrait_books/cover01.gif);
	background-repeat: no-repeat; background-position: 0px 0px;
	margin: 20px 30px 0px 45px; float: right;
}

.familycover_01 {
	display: block; overflow: hidden; width:129px; height:211px;
	background-image: url(../images/books_family/cover01.gif);
	background-repeat: no-repeat; background-position: 0px 0px;
	margin: 20px 30px 0px 45px; float: right;
}


/*============================================================
  Testimonials Pages
============================================================*/

.testimonial_wrap {
	width: 748px;
	margin: 10px 0px 0px 20px;
	background:url(../images/t_bg.png) repeat;
	position:relative;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.testimonial_inner { width:708px; margin:15px 0px 15px 15px; float:left; }
.testimonial_inner img {
	float: left; margin-right: 18px;
	border:1px #000000 solid;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; }
.testimonial_body {
	width:613px; float: left;
}

.MainTestimonialBox {
	width: 600px;
	margin: 10px 0px 10px 15px;
	float: left;
}

.MTBH_top { display: block; width:600px; height: 7px; background: url(../images/testimonial_box_top.gif); float: left; }

.MTBM_mid { width: 600px; background: url(../images/testimonial_box_mid.gif) repeat-y; float: left; }
.MTBM_pic { width:80px; margin: 4px 5px 5px 11px; float: left; }
.MTBM_text { width: 489px; margin: 5px 5px 5px 5px; float: left; }

.MTBF_bottom { display: block; width:600px; height: 7px; background: url(../images/testimonial_box_bottom.gif); float: left; }


/*============================================================
  Terms / Legal / Privacy Policy
============================================================*/

#termsbox {
	width: 560px;
	height: 280px;
	padding: 15px;
	margin: 24px;
	overflow: auto;
	background-color: #f0f0f0;
	border: 1px #dddddd solid;
}

/*============================================================
  MyGallery
============================================================*/

#mygallery_mainBox { width: 760px; padding-bottom: 100px; float: left; }

.mygallery_formBox {
	width:100%; margin:20px 0px 0px 0px; padding:1px 0px 1px 0px;
	background: url(../images/bg_black.png) repeat;
	
	-border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
}
.mygallery_formBox_half {
	width:360px; margin:20px 0px 0px 0px; padding:1px 0px 1px 0px;
	background: url(../images/bg_black.png) repeat; float:left;
	
	-border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
}
.mygallery_formBox_half_separator { display:block; width:40px; height:40px; float:left; }

.mygallery_formBox_inner { margin:20px 0px 20px 20px; }

.mygallery_liveText {
	display:block; width:100%; text-align:center; font-size: 16px; color:#00cc00;
	font-weight: bold; text-shadow: #111111 1px 1px 3px; margin:20px 0px 0px 0px;
}

.mygallery_notification { width:100%; margin:20px 0px 0px 0px; text-align:center; }
.mygallery_row { width:780px; margin: 0 auto; }

.mygallery_galleryBox {
	width: 120px; height: 120px; float: left; position: relative; z-index: 8;
	background: url('../images/gallery_pic_bg.png'); margin: 5px 5px 0px 5px;
}
.mygallery_galleryPageBox { width: 120px; height: 120px; float: left; margin-right:15px; background: url('../images/gallery_pic_bg.png'); }
.mygallery_galleryBox a, .mygallery_galleryPageBox img { display: block; width: 100px; height: 100px; margin: 10px 0px 0px 10px; }
.mygallery_name {
	position: absolute; top: -13px; left: 10px; z-index: 9; overflow: hidden;
	width:100px; height:40px; background: url('../images/gallery_caption.png'); text-align: center;
	font-size: 10px; color: #aaaaaa; line-height:11px;
	
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
.mygallery_name span { display:block; width:94px; height:28px; overflow:hidden; margin:3px; }

.mygallery_form_label { width:120px; font-size:13px; color: #dddddd; font-weight: normal; margin: 2px 8px 0px 0px; float:left; }

.mygallery_forminput_trans { width:200px; height:30px; float: left; border:0 none; padding:0px; margin: 0px; background:url(../images/form_input.png); }
.mygallery_forminput {
	width:180px; height:20px; margin:5px 10px 0px 10px; float: left; background:transparent;
	
	border:0 none;
	font-size: 13px; font-weight: bold;
	color: #666;
	font-family: Arial, Helvetica, san-serif;
}

h3.mygallery_header { font-size:22px; font-weight:normal; }
.mygallery_date { font-size:15px; font-weight:bold; }
.mygallery_location { font-size:15px; }



/*============================================================
  Pop up boxes and other non-page related sections
============================================================*/

.overlay {
	display: none; width: 100%; height: 100%; position: fixed;
	background-color: #000000; z-index: 8; top: 0px; left: 0px;
	
	filter:alpha(opacity=35);
	-moz-opacity:0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;
}

.closeOverlays {
	display: block;
	width: 56px; height: 19px;
	background-image: url(../images/close.png);
	position: absolute; right: 6px; top: -20px;
	cursor: pointer; z-index: 9;
}
.closeOverlays:hover { cursor: pointer; }

#popBoxBack {
	width:1200px; height: 800px;
	background-image: url(../images/popBox_bg.png);
	display: none;
	left: 50%; margin-left: -600px;
	position: absolute;
	z-index: 8;
}

#popBox {
	width:550px; height: 360px;
	background-image: url(../images/popBox.png);
	display: none;
	left: 50%; margin-left: -275px;
	margin-top: 150px;
	position: absolute;
	z-index: 9;
	text-align: center;
	overflow: hidden;
}

#popBoxInner {
	width:510px; height: 320px;
	margin: 35px 0px 0px 20px;
	float: left;
}

#overSignup {
	width:400px; height: 360px; position: fixed; z-index: 8;
	left: 50%; margin-left: -200px; display: none;
	top: 50%; margin-top: -180px;
	background-color: #000000;
	border: 1px #333333 solid;
	
	-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}

#overSignup fieldset { border: 0px; margin: 20px; padding: 0px; float: left; }
#overSignup span.header { display: block; width: 100%; height: 20px; margin: 0px; padding: 0px; text-align: center; font-size: 16px; color: #8ccdff; font-weight: bold; text-shadow: #111111 1px 1px 2px; float: left; }
#overSignup p { display: block; margin: 6px 0px 0px 0px; padding: 0px; float: left; }
#overSignup label { display: block; width: 140px; height: 30px; float: left; line-height: 30px; margin-top: 12px; font-size: 14px; }
#overSignup .input { margin-top: 12px;}

.tick_unticked { display: block; width: 36px; height: 36px;	background: url('../images/tick_unticked.png') no-repeat center center; float: left; margin:10px 0px 0px 0px; }
.tick_ticked { display: block; width: 36px; height: 36px; background: url('../images/tick_ticked.png') no-repeat center center; float: left; margin:10px 0px 0px 0px; }

.tick_unticked:hover, .tick_ticked:hover { cursor: pointer; }

.tickText { display:block; width:280px; height:36px; line-height:14px; float:left; margin: 14px 0px 0px 10px; font-size: 11px; color: #999; }
.lightBlueText { color: #85cdff; }




/* Studio Page - Team Page */


.visionText {
	display:block; width:100%; margin:20px 0px 20px 0px; text-align:center;
	font-size:18px; font-style:italic; color:#FFFFFF;
}

.team_wrap {
	width: 780px;
	margin: 10px 0px 0px 0px;
	background:url(../images/t_bg.png) repeat;
	position:relative;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.team_inner { width:768px; margin:15px 0px 15px 15px; float:left; }
.team_inner img { border:0px;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; }
.team_photo { width:150px; margin-right:20px; float:left; }
.team_body { width:578px; float: left; }

.team_body h2 {
	display:block;
	width: 100%; height: 25px;
	margin: 0px; padding: 0px;
	line-height: 25px; font-size:18px; font-style:italic;
	color: #8ccdff; font-weight:normal; text-shadow: #111111 1px 1px 2px; font-family:Georgia, "Times New Roman", Times, serif;
}
.team_body p.teamText { 
	display:block;
	font-size: 12px; line-height: 18px; font-family:Georgia, "Times New Roman", Times, serif;
	color: #cccccc;
	font-weight: normal;
}
 .team_body p.teamText b { color: #8ccdff; }



/* Offers */

.offer_row {
	width:470px; height:32px; margin:10px 0px 10px 0px;
}

.offer_row .offer_bullet {
	display:block; width:32px; height:40px; line-height:40px; color:#FFFFFF; float:left;
	background:url(../images/number_list.png) center center no-repeat; text-align:center;
	font-size:14px; font-weight:bold;
	margin-right:10px;
}

.offer_row .offer_desc {
	display:block; width:248px; height:40px; line-height:40px; float:left;
	text-align:left; font-size:13px; color:#cccccc;
}

.offer_row .offer_price {
	display:block; width:60px; height:40px; line-height:40px; float:left;
	text-align:center; font-size:16px; font-weight:bold; color:#8ccdff;
}

.offer_row .offer_oldprice {
	display:block; width:60px; height:40px; line-height:14px; padding-top:4px; float:left;
	text-align:center; font-size:11px; color:#999999;
}

.offer_row .offer_saving {
	display:block; width:60px; height:40px; line-height:14px; padding-top:4px; float:left;
	text-align:center; font-size:12px; color:#66CC33; font-weight:bold;
}


/* Home featured */

#home_featured_links {
	width:800px; height:80px; margin:20px 0px 40px 0px;
}

.home_featured_link_sep_left { display:block; width:25px; height:80px; background:url(../images/home_sep_left.png) left no-repeat; float:left; }
.home_featured_link_sep_right { display:block; width:25px; height:80px; background:url(../images/home_sep_right.png) right no-repeat; float:left; }

.home_featured_link_left { display:block; width:250px; height:80px; background:url(../images/home_left.png); float:left; }
.home_featured_link_mid { display:block; width:250px; height:80px; background:url(../images/home_mid.png); float:left; }
.home_featured_link_right { display:block; width:250px; height:80px; background:url(../images/home_right.png); float:left; }

.home_featured_link_left:hover, .home_featured_link_mid:hover, .home_featured_link_right:hover {
	background-position:0px -80px;
}

.home_featured_box {
	display:block; width:250px; height:80px; float:left; position:relative;
}
.home_featured_social { width:220px; position:absolute; bottom:2px; left:15px; }

.home_featured_social_header {
	display:block; width:250px; height:30px; margin:2px 0px 0px 0px;
	background:url(../images/home_social.png) no-repeat;
}

.featured_social, a.featured_social:link, a.featured_social:active,  a.featured_social:visited {
	display:block; width:42px; height:42px; background:url(../images/social_media.png);
	margin:0px 1px 0px 1px; float:left;
}

a.featured_social_blog:link, a.featured_social_blog:active, a.featured_social_blog:visited { background-position:0px 0px; }
a.featured_social_facebook:link, a.featured_social_facebook:active, a.featured_social_facebook:visited { background-position:-42px 0px; }
a.featured_social_twitter:link, a.featured_social_twitter:active, a.featured_social_twitter:visited { background-position:-84px 0px; }
a.featured_social_youtube:link, a.featured_social_youtube:active, a.featured_social_youtube:visited { background-position:-126px 0px; }
a.featured_social_mailinglist:link, a.featured_social_mailinglist:active, a.featured_social_mailinglist:visited { background-position:-168px 0px; }




/* Keepsakes */

.keepsakeLeft {
	width:350px; min-height: 100px;
	margin:0px 30px 0px 0px;
	float: left;
}
.keepsakeRight {
	width:350px; min-height: 100px;
	margin:0px 0px 0px 30px;
	float: left; position:relative;
}

.keepsakeTitle_vouchers {
	display:block; width:350px; height:100px;
	margin: 0px; padding: 0px;
	background:url(../images/keepsake_giftvouchers.png);
}
.keepsakeTitle_membership {
	display:block; width:350px; height:100px;
	margin: 0px; padding: 0px;
	background:url(../images/keepsake_membership.png);
}

.keepsakeText {
	font-size: 14px; line-height: 18px; font-family:Georgia, "Times New Roman", Times, serif;
	color: #cccccc; text-shadow:#000000 0px 1px 1px;
	font-weight: normal; text-align:center;
}

.keepsakeList {
	font-size: 16px; line-height: 24px; font-family:Georgia, "Times New Roman", Times, serif;
	color: #8ccdff; text-shadow:#000000 0px 1px 1px;
	font-weight: normal; text-align:center;
}

.keepsakePrice {
	display:block;
	width: 100%; text-align:center;
	margin: 0px; padding: 0px;
	line-height: 30px; font-size:28px;
	color: #8eb330; font-weight:normal; text-shadow: #111111 1px 1px 2px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.keepsakeCallnow {
	display:block;
	width: 100%; text-align:center;
	margin: 0px; padding: 0px;
	line-height: 30px; font-size:28px;
	color: #8ccdff; font-weight:normal; text-shadow: #111111 1px 1px 2px;
	font-family:Georgia, "Times New Roman", Times, serif;
}




/* buttons */

a.button2:link, a.button2:active, a.button2:visited,
a.button3:link, a.button3:active, a.button3:visited {
	display: block; line-height: 32px;
	height: 32px; border: 0px;
	margin: 0px; padding: 0px 0px 0px 0px;
	
	font-size: 14px; color: #ffffff; font-weight: bold;
	
	text-shadow:#095ec8 1px 1px 2px; text-align: center;
	
	cursor: pointer;
}
a.button2:link, a.button2:active, a.button2:visited { width: 300px; background:url(../images/button2.png); }
a.button3:link, a.button3:active, a.button3:visited { width: 385px; background:url(../images/button3.png); }

a.button2:hover, a.button3:hover { background-position:0px -32px; cursor: pointer; }


a.btn_1:link, a.btn_1:active, a.btn_1:visited {
	display: block; line-height: 36px;
	width:200px; height: 36px; border: 0px;
	margin: 0 auto;
	margin-top:20px;
	background:url(../images/btn_1.png);
	
	font-size: 16px; color: #111111; font-weight: bold;
	text-shadow:#eeff6a 0px 1px 1px; text-align: center;
	
	cursor: pointer;
}

a.btn_1:hover { background-position:0px -36px; cursor: pointer; }




.success {
	display:block; width:100%; padding:10px 0px 10px 0px; text-align:center; font-weight:normal;
	font-size:1.2em; color:#38662d; background-color:#cdffc2; margin:10px 0px 20px 0px; text-shadow:#e7ffe2 0px 1px 1px;
}
.warning {
	display:block; width:100%; padding:10px 0px 10px 0px; text-align:center; font-weight:normal;
	font-size:1.2em; color:#582424; background-color:#ffdfdf; margin:10px 0px 20px 0px; text-shadow:#ffdfdf 0px 1px 1px;
}