@charset "UTF-8";
/* CA Visual Photography StyleSheet - 2009 */

* {margin:0; padding:0;}

/*	Main Layout Styles 
	===================================================================== */

body {
	background: #004E8C;
	font: normal 14px/1.5em Georgia, "Times New Roman", Times, serif;
	color: #FFF;
}
#bg-image {
	/*background: url(../images/bg-1-1500-5.jpg) no-repeat fixed center top;*/
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height: auto;
	width: 100%;	/*position:absolute;*/
	/*top: 0;
	left: 0;*/
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";

}
.bg-image {
	/*background: url(../images/bg-1-1500-5.jpg) no-repeat fixed center top;*/
	
	height: auto;
	width: 100%;	/*position:absolute;*/
	/*top: 0;
	left: 0;*/
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";

}
.portImg {
	background: url(../images/bg-1-1500-6.jpg) no-repeat fixed center top;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}
.homeImg {
	background: url(../images/bg-1-1500-5.jpg) no-repeat fixed center top;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.baybridge {
	background: url(../images/bg-1-1500_baybridge.jpg) no-repeat fixed center top;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.fashion {
	background: url(../images/bg-cavp-1400px.jpg) no-repeat fixed center top;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#bg-image-mtn {
	background: url(../images/bg-1-1500-mountain.jpg) no-repeat fixed center top;
	/*height: 100%;*/
	width: 100%;
	/*position:absolute;*/
	/*top: 0;
	left: 0;*/
}
#bg-image-wedding {
	background: url(../images/bg-1-1500-3.jpg) no-repeat fixed center top;
	display:block;
}
.wedding2 {
	background: url(../images/bg-1-1500-pricing.jpg) no-repeat fixed center top;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.wedding3 {
	background: url(../images/bg-1400-wedding-blue.jpg) no-repeat fixed center top;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/*#bg-image-fashion {
	background: url(../images/bg-1-1500-2.jpg) no-repeat fixed center top;
	display:block;
}*/
/*#bg-image-baybridge {
	background: url(../images/bg-1-1500_baybridge.jpg) no-repeat fixed center top;
	display:block;
}*/
.bg-header[class] {
	background: url(../images/bg-top.png) repeat-x;
	width: 100%;
}
#main-wrapper {
	height: 100%;
	width: 980px;
	margin: 0px auto;
}
#header {
	height: 162px;
	width: 945px;
	margin: 0px auto;
	position:relative;
}
#main-pod {
	width: 980px;
}
#footer {
	width: 980px;
	font-size: 11px;
}
.clear {
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
}
a, a:visited {
	color: #FC0;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.pod-top {
	height: 30px;
	width: 980px;
}
.pod-middle {
	width: 980px;
}
.pod-content {
	padding: 10px 40px 0px;
	width: 900px;
}
.pod-content p {
	margin-bottom: 10px;
	font-size: 16px;
}
.pod-content2 {
	padding: 10px 40px 0px;
	width: 900px;
	position: relative;  /*created this new class with relative position for ie6 */
}
.pod-btm {
height: 30px;
width: 980px;
}
.pod-top[class] {
background: url(../images/bg-pod/pod-top-bg.png) repeat-y;
}
.pod-middle[class] {
background: url(../images/bg-pod/pod-bg.png) repeat-y;
}
.pod-btm[class] {
background: url(../images/bg-pod/pod-btm-bg.png) no-repeat;
}
#navigation {
	float: left;
}
#logo {
	float: left;
	width: 336px;
}

/*	Navigation Styles 
	===================================================================== */

#navigation {
	margin: 0px;
	height: 115px;
}
#navigation ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#navigation li{
	display:block;
	float:left;
	height:115px;
}
#navigation li a:hover, #navigation li a#current {
	background-position:0 -115px;
	display:block;
}
#navigation li a, li #navigation a:visited{
	text-align: center;
	display:block;
	text-indent: -5000px;
	overflow:hidden;
}
#navigation a.home {
	background:transparent url(../images/nav/nav-home.png) no-repeat scroll 0 0;
	height:115px;
	width:93px;
}
#navigation a.photography {
	background:transparent url(../images/nav/nav-photography.png) no-repeat scroll 0 0;
	height:115px;
	width:161px;
}
#navigation a.portfolio {
	background:transparent url(../images/nav/nav-portfolio.png) no-repeat scroll 0 0;
	height:115px;
	width:120px;
}
#navigation a.whois {
	background:transparent url(../images/nav/nav-whois.png) no-repeat scroll 0 0;
	height:115px;
	width:122px;
}
#navigation a.blog {
	background:transparent url(../images/nav/nav-blog.png) no-repeat scroll 0 0;
	height:115px;
	width:109px;
}
#smedia {
	height: 42px;
	width: 195px;
	position: absolute;
	right: 0px;
	top: 117px;
}

.title-photography[class], .title-portfolio[class], .title-whois[class], .title-contact[class], .title-terms[class], .title-privacy[class] {
	height: 74px;
	/*width: 100%;*/
	display: block;
	text-indent: -10000px;
}
.title-photography[class] {
	background: url(../images/h1-title/h1-photography.png) no-repeat;
}
.title-portfolio[class] {
	background: url(../images/h1-title/h1-portfolio.png) no-repeat;
}
.title-whois[class] {
	background: url(../images/h1-title/h1-about-photographer.png) no-repeat;
}
.title-contact[class] {
	background: url(../images/h1-title/h1-contact.png) no-repeat;
}
.title-terms[class] {
	background: url(../images/h1-title/h1-terms.png) no-repeat;
}
.title-privacy[class] {
	background: url(../images/h1-title/h1-privacy.png) no-repeat;
}
.backtop[class] a, .backtop[class] a:visited  {
	background: url(../images/back-top.png) no-repeat;
	float: right;
	height: 60px;
	width: 92px;
	text-indent: -1600px;
	overflow: hidden;
	display: block;
}

.div-hr[class] {
	background: url(../images/bg-pod/pod-divider-h.png) no-repeat center;
	margin: 5px 0px 0px;
	height: 1px;
	padding-bottom: 5px;
}
h2 {
	font-size: 24px;
	line-height: 2em;
	font-weight: normal;
}
h3 {
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	color: #FC0;
}
#submenu {
	width:740px;
	padding: 15px 5px 5px;
	clear: both;
}
#submenu ul{
	list-style-type:none;
	margin: 0;
	padding: 0;
}
#submenu li{
	display:block;
	float:left;
}
#submenu2 li{
	display:block;
	float:right;
}
#submenu li a:hover, #submenu li a#current, #submenu2 li a:hover, #submenu2 li a#current {
	display:block;
	color: #043973;
	text-decoration: underline;
	}
#submenu li a, li #submenu a:visited, #submenu2 li a, li #submenu2 a:visited {
	text-align: center;
	display:block;
	padding-right: 10px;
	padding-left: 10px;
	color: #075494;
	text-decoration: none;
}


/*	Footer Area Style
=========================================*/

.ftr-content-left {
	margin: 0px;
	float: left;
	width: 560px;
	font-size: 12px;
	color: #FFF;
}
#ftr-content-left2 {
	margin: 0px;
	/*float: left;*/
	width: 560px;
	font-size: 12px;
	color: #FFF;
	position: absolute;
	z-index: 200;
	visibility: visible;
	height: 140px;
}
.ftr-content-left-ABC-col {
	float: left;
	margin: 0px 13px 0px 0px;
}
.ftr-content-left ul, #ftr-content-left2 ul {
	margin: 0px;
	list-style-type: none;
}
.ftr-content-left li, #ftr-content-left2 li {
	display: block;
	width: 170px;
}
.ftr-content-left li li, #ftr-content-left2 li li {
	padding-left: 10px;
	width: 160px;
}
.ftr-content-left a, .ftr-content-left a:visited, #ftr-content-left2 a, #ftr-content-left2 a:visited {
	padding: 5px;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	margin: 0px;
}
.ftr-content-left a:hover, #ftr-content-left2 a:hover {
	background: #FC0;
	color: #333;
	display: block;
}

.ftr-content-right {
	float: right;
	width: 180px;
	padding: 0px 0px 0px 10px;
}
.ftr-content-right p {
	font-size: 11px;
	color: #FFF;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
}
.ftr-content-right a, .ftr-content-right a:visited {
	color: #FC0;
}
.ftr-content-right a:hover {
	color: #FC0;
	text-decoration: underline;
}

/*	Home Page Area Style
=========================================*/

.home-section {
	float: left;
	width: 360px;
}
.home-section dl {
	float: left;
	width: 340px;
	border-right: 1px dotted #FFF;
	padding-right: 15px;
}
.home-section[class] dt {
	background: url(../images/hm-sec-h2.png) no-repeat;
	text-indent: -1500px;
	height: 73px;
}
.home-section dd {
	margin-left: 50px;
	background: url(../images/bg-pod/pod-divider-h.png) no-repeat 10px bottom;
	padding-bottom: 20px;
	line-height: 1.26em;
}
.home-section dt.welcome-title {
	background-position: 0px 0px;
}
.home-section dt.services-title {
	background-position: 0px -73px;
}
.home-section dt.blog-title {
	background-position: 0px -146px;
}
.home-promo {
	padding: 5px 0px 0px 5px;
	width: 575px;
	float: left;
}
#flash-content {
	float: right;
	width: 575px;
	padding-right: 36px;
}

.content-AB-holder {
	display: block;
	margin: 1.5em auto 0.5em;
	padding: 0px;
	width: 840px;
}
.col-AB-A {
	float: left;
	width: 48%;
}
.col-AB-B {
	float: right;
	width: 48%;
}
.content-AB-holder ul {
	list-style-type: none;
}
.content-AB-holder[class] li {
	line-height: 25px;
	padding: 0px 0px 0px 40px;
	background: url(../images/list_checkbox_yellow.png) no-repeat 0px top;
	font-size: 14px;
}
.content-AB-holder ul {
	list-style-type: none;
}
.content-AB-holder li {
	/*line-height: 25px;*/
	padding: 5px;
	font-size: 14px;
}
.content-AB-holder li a, .content-AB-holder li a:visited {
	display:block;
	padding: 5px;
	color: #004E8C;
	text-decoration: none;
}
.content-AB-holder li a:hover {
	background-color:#FC0;	
}

.work-thumb ul {
	list-style-type: none;
	text-indent: -1900px;
}
.work-thumb li {
	/*background: url(../images/work-thumbnails-img1.png) no-repeat 0 0;*/
	height: 220px;
	margin-bottom: 15px;
}
.tn-img1[class] {
	background: url(../images/work-thumbnails-img1-24.png) no-repeat;
}
.tn-img2[class] {
	background: url(../images/work-thumbnails-img2-24.png) no-repeat;
}
.work-thumb li.tn-portrait[class] {
	background-position: 0 0;
}
.work-thumb li.tn-wedding[class] {
	background-position: 0 -220px;
}
.work-thumb li.tn-fashion[class] {
	background-position: 0 -440px;
}
.work-thumb li.tn-products[class] {
	background-position: 0 0;
}
.work-thumb li.tn-architectural[class] {
	background-position: 0 -220px;
}
.work-thumb li.tn-editorials[class] {
	background-position: 0 -440px;
}
.work-thumb li.tn-finearts[class] {
	background-position: 0 -660px;
}
.work-thumb-btn[class] a, .work-thumb-btn[class] a:hover, .work-thumb-btn[class] a:visited {
	height: 26px;
	width: 160px;
	overflow: hidden;
	display: block;
	float: right;
	margin-top: 148px;
}

/*	Form Style
====================================================*/

/*#formbox {
	margin: 0px auto;
	padding: 0px;
	width: 600px;
}
form fieldset{	
	border-width:1px 0px 5px 0px;
	border-style:solid;
	border-color:#006699;
	font-family: Arial, Helvetica, Trebuchet MS, sans-serif;
	font-size:12px;
	margin:20px 0px 20px 0px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
	width: 880;
}
label{
	font-weight: bold;
	color:#FFF;
	font-size:80%;
	text-align:center;
	text-transform:uppercase;
	
	display:block;
	text-align:left;
	margin:4px 0px 0px 8px;
	padding:10px;
}

.button{
	background: url(../images/btn-submit.jpg) no-repeat scroll 0 0;
	height: 34px;
	width: 150px;
	font: 14px Arial, Helvetica, sans-serif;
	color: #004E8F;
	display:block;
	border: 0px none #FFF;	
}

.button:focus{
	background: url(../images/btn-submit.jpg) no-repeat;
	background-position:0 -34px;
	display:block;
}

.button:hover{
	background: url(../images/btn-submit.jpg) no-repeat;
	background-position:0 -34px;
	display:block;
}
.buttonbox {
	display: inline;
	margin-right: 5px;
}
#checkbox {
	width: 18px;
	border: 0px none #FFF;
}
#inquiry {}

#personal input:focus {
	background-color:#FFCCFF;
	color:#333333;
	background-image:url(/icons/pencil.gif);
	background-repeat:no-repeat;
	background-position:right;
}


#other label{
	font-weight: bold;
	color:#FFF;
	font-size:80%;
	text-align:center;
	text-transform:uppercase;
	
	display:block;
	text-align:left;
	margin:4px 0px 0px 8px;
	padding:10px;
}
#other input {
	margin:0px 0px 0px 60px;
	
	border-width: 1px;
	border-style: solid solid solid solid;
	border-color:#FFCC00;
	
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
	
	padding:1px 2px;
}*/
#personal input {
	background-color:#FFFFFF;
	
	width:300px;
	margin:0px 0px 0px 60px;
	
	border-width: 1px;
	border-style: solid solid solid solid;
	border-color:#FFCC00;
	
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
	
	padding:1px 2px;
}
#personal label{
	font-weight: normal;
	color:#FFF;
	font-size:80%;
	text-align:center;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	text-align:left;
	margin:4px 0px 0px 8px;
	padding:10px 10px 5px;
}
#personal h2, #inquiry h2, #other h2 {
	color: #FC0;
	background: #00407F;
	padding: 5px;
	display: block;
	font-size: 20px;
	line-height: 1.25em;
}
#personal fieldset {
	padding-bottom: 5px;
}
.optional label {
	/*width: 80px;*/
	float:left;
	padding: 5px;
}
.inquiry-optional {
	padding: 10px;
	float: left;
}
#other fieldset {
	margin: 10px 0px 0px;
	padding: 0px 0px 10px;
}
#other label{
	font-weight: normal;
	color:#FFF;
	font-size:80%;
	text-align:center;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	text-align:left;
	margin:4px 0px 10px 8px;
	padding:0px 5px 0px 10px;
}
#other textarea{
	background-color:#FFFFFF;
	
	width:340px;
	margin:0px 0px 0px 20px;
	
	border-width: 1px;
	border-style: solid solid solid solid;
	border-color:#FFCC00;
	
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:150%;
	
	padding:1px 2px;
}
.phone-info {
	font-size: 17px;
	font-style: italic;
	line-height: 1.5em;
	padding: 0px 10px 10px;
	float: left;
	letter-spacing:1px;
}
.email-info {
	font-size: 17px;
	font-style: italic;
	line-height: 1.5em;
	padding: 0px 10px 10px;
	float: left;
	letter-spacing:1px;
}
.email-info a .email-info a:visited {
	text-decoration: none;
}
.required, .emphasis-txt{
	color: #FC0;
}

.minheight {
	min-height:420px;
}
.tn-wedding-box {
	width: 906px;
}
.tn-wedding-box ul {
	list-style-type: none;
}
.tn-wedding-box ul li {
	display: block;
	float: left;
	width: 443px;
	position:relative;
}
.m-r-btm15px {
	margin-right: 15px;
	margin-bottom: 15px;
}
.m-btm15px {
	margin-bottom: 15px;
}
.btn-wedport {
	position:absolute;
	height: 70px;
	width: 190px;
	right: 5px;
	bottom: 10px;
	z-index:25;
	vertical-align: bottom;	
}

.btn-wedport p.btn-album a {
	background: url(../images/view-wed-album-btn.png) no-repeat scroll 0px 0px;
	height: 35px;
	width: 190px;
	text-indent:-20000px;
	display:block;
	overflow: hidden;
}
.btn-wedport p.btn-slideshow a {
	background: url(../images/view-wed-show-btn.png) no-repeat scroll 0px 0px;
	height: 35px;
	width: 190px;
	text-indent:-20000px;
	display:block;
	overflow: hidden;
}
.btn-wedport p.btn-album a:hover, .btn-wedport p.btn-slideshow a:hover {
	background-position: 0px -35px;
}
