/*CSS Reset - Eric Meyer.  Check his page to see if there are any updates. */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}
body {
	line-height: 1;
	background: #000 url(/assets/images/bg-blue.jpg) scroll repeat-y top center!important; /* !important is to override smugMug styles */
	font-family:Futura, 'Century Gothic', AppleGothic, sans-serif;
}
ol, ul {
	list-style: none;}
blockquote, q {
	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;}	

/* remember to define focus styles! */
:focus {
	outline: 0;}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;}
del {
	text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;}

/*End CSS Reset*/
/************** Tag Specific Styles **********/
body{font-size:14px;}

h1{font-size:2em;}
h2{font-size:1.8em;}
h3{font-size:1.4em;}
h4{font-size:1.4em;}
h5{font-size:1.2em;}
h6{font-size:1em;}
label{
	display:block;
	margin:15px 0 5px 0;
	font-size:18px;
	color:#ffffff;
	position:relative;
}

#header h1 a{
	background: url(/assets/images/logo-photo54.gif) no-repeat top center;
	height:0px;
	width:182px;
	padding-top:66px;
	overflow:hidden;
	float:left;
	margin:35px 0 0 50px;
	display:inline; /* IE6 fix */
}

fieldset label span, fieldset h3 span{
	left:160px;
	bottom:2px;
	position:absolute;
}

fieldset{
	background:#333333;
	margin:10px 190px;
	padding:0px 50px 15px 50px;
	overflow:hidden; /* To contain margins */
}

fieldset input[type="text"], fieldset input[type="password"]{
	height:40px;
	font-size:30px;
	width:100%;
	border:solid 5px #232323;
}

fieldset h3{
	text-align:left !important;
	margin-top:15px;
	font-size:24px;
	color:#bd107a !important;
}

fieldset textarea{
	width:100%;
	border:solid 5px #232323;
}

fieldset span{
	font-size:13px;
	color:#eeeeee;
}

*+html fieldset textarea{ /* Fix for the inherited margin bug in IE7. */
	margin-left:-190px;
}

*html fieldset textarea{ /* Fix for the inherited margin bug in IE6. */
	margin:0px -190px;
}

fieldset h3{
	position:relative;
}

fieldset h3 span{
	font-weight:normal;
}

a {
	color:#bd107a;
}

a:hover{
	color:#CF9BBC;
}

a:active
{
  outline: none;
}

p{margin:15px 0px;}

a{text-decoration:none;}
p a{text-decoration:underline;}

/********* FONTS *********************/

@font-face {
	font-family: 'HVDComicSerifProRegular';
	src: url('HVD_Comic_Serif_Pro.eot');
	src: local('HVD Comic Serif Pro Regular'), local('HVDComicSerifPro'), url('HVD_Comic_Serif_Pro.woff') format('woff'), url('HVD_Comic_Serif_Pro.ttf') format('truetype'), url('HVD_Comic_Serif_Pro.svg#HVDComicSerifPro') format('svg');
}
/************ CSS Sprite Menu ************/
#nav {
	width: 650px; height: 30px;
	/*background: url(/assets/images/sprite-menu.gif);*/
	margin: 51px 0 0 30px; padding: 0;
	position: relative;
	text-indent: -5000px;
	float: left;
	display:inline;/*IE6 Fix*/
}
#nav li {
	margin: 0; padding: 0; list-style: none;
	float: left;
}
#nav li, #nav a {
	height: 30px; 
	display: block;
	margin-right: 15px;
}
#navHome {width:80px;background: transparent url(/assets/images/sprite-menu.gif) no-repeat;}
#navAbout {width:128px;background: transparent url(/assets/images/sprite-menu.gif) -81px 0 no-repeat;}
#navPortfolio {width:130px;background: transparent url(/assets/images/sprite-menu.gif) -211px 0 no-repeat;}
#navPrices {width:93px;background: transparent url(/assets/images/sprite-menu.gif) -346px 0 no-repeat;}
#navContact {width:114px;background: transparent url(/assets/images/sprite-menu.gif) -445px 0 no-repeat;}
#navHome a:hover {background: transparent url(/assets/images/sprite-menu.gif) 0 -30px no-repeat;}
#navAbout a:hover {background: transparent url(/assets/images/sprite-menu.gif) -81px -30px no-repeat;}
#navPortfolio a:hover {background: transparent url(/assets/images/sprite-menu.gif) -211px -30px no-repeat;}
#navPrices a:hover {background: transparent url(/assets/images/sprite-menu.gif) -346px -30px no-repeat;}
#navContact a:hover {background: transparent url(/assets/images/sprite-menu.gif) -445px -30px no-repeat;}
#book {
	width: 187px; height: 61px;
	position:relative;
	margin-right:100px;
	text-indent:-5000px;
	float:right;
	display:inline;/*IE6 Fix*/}
#book li {margin:0; padding:0; list-style:none; float:right;}
#book li, #book a {height: 61px; display:block;}
#bookShoot {width:187px; background: transparent url(/assets/images/book-a-shoot.gif) no-repeat;}
#bookShoot a:hover {background: transparent url(/assets/images/book-a-shoot.gif) 0 -61px no-repeat;}
#topNav a{display:block; height:0px; padding-top:20px; overflow:hidden;}
#topNav h3{float:right; width:100px; margin-bottom:10px;}
#topNav span{
	background:url(/assets/images/phone.png) no-repeat top center; 
	height:0px; 
	padding-top:38px;
	overflow:hidden; 
	display:block;
	float:left;
	width:286px;
	margin-top:-12px;
}
#blog a{
	background:url(/assets/images/blog.gif) no-repeat top center;
	padding-top:20px;
}

#proofs a{
	background:url(/assets/images/proofs.gif) no-repeat top center;
	padding-top:20px;
}
/*****************************************/	
.listBullet{
	list-style-type:disc;
	margin-left:30px;
}

.listBullet li{
	margin:5px auto;
}
.clear{
	clear:both;
}
#container {
	width:980px;
	margin:15px auto 0px auto;;
}
#bodyTop {
	background: transparent url(/assets/images/bg-body-top.gif) no-repeat scroll top center;
	height: 7px;
	clear:both;
}

* html #bodyTop{
	line-height:0px;
	font-size:0px;
	padding:0px;
}
#header {
	background: transparent url(/assets/images/bg-body-mid.gif) scroll repeat-y top center;
	height: 140px;
	padding-top: 1px;
}
#logo {
	margin: 35px 0 0 50px;
	float: left;
	display:inline;/*IE6 Fix*/
}

#bodyBot {
	background: transparent url(/assets/images/bg-body-bot.gif) scroll repeat-y	top center;
	height: 7px;
	margin-bottom: 20px;
	clear:both;
}

#mainContainer {
	background: transparent url(/assets/images/bg-body-mid.gif) scroll repeat-y top center;
	color: #444;
	text-align:justify;
	height:1%;/*IE6 & IE7 Fix*/
	padding:0px 15px;
	font-size:14px;
}
#mainContainer p{
	font-size:16px;
	line-height:24px;
}
#mainContainer h2 {
	height:20px;
	/*width:305px;*/
	color:#BD107A;
	text-transform:uppercase;
}

#mainContainer h2 a{
	text-decoration:none;
}


#showcase img {
	border: 0px;
}

.twoColumn{
	float:left;
	display:inline; /*IE fix */
	width:45%;
	margin:22px;
}

.twoColumn h3{
	margin-bottom:10px;
	text-align:center;
	color:#182021;
}

.imgCenter{
	display:block;
	margin:auto;
	clear:both;
}

/*************** Form Validator Styles *******************/
input[type="text"].error, textarea.error, input[type="password"].error{
	background:#bd84a7;
}

input[type="text"].dateInput{
	width:60%;
}

label.error{
	color:red;
	font-size:11px;
	margin:0;
	text-align:center;
	/*height:0px; /* to make the form not change size when error messages are displayed. */
	overflow:visible;
	position:absolute;
}

input[type="text"].valid, textarea.valid{
	background:#caeda5 url(/assets/images/green-check.gif) no-repeat right center;
}

.submitButton{
	background: url(/assets/images/submit01.gif) no-repeat top center;
	width:214px;
	height:61px;
	border:0px;
	display:block;
	margin:10px auto;
	overflow:hidden;
}

.submitButton:hover{
	background: url(/assets/images/submit01.gif) no-repeat bottom center;
	width:214px;
	height:61px;
	cursor:pointer;
}

.confirm{
	display:none;
}

#contactFormContainer{
	display:none;
}

#bookShoot{
	display:block;
	height:0;
	padding-top:61px;
	width:187px;
	background:url(/assets/images/book-a-shoot.png) no-repeat top center;
	overflow:hidden;
	float:left;
	margin:15px 0 0 30px;
}

#bookShoot:hover{
background-position:bottom center;
}

#callToAction{
	background:url(/assets/images/title-home-feature.png) no-repeat top center;
	width:656px;
	padding-top:59px;
	height:0px;
	overflow:hidden;
	float:left;
	margin:15px 0 0 35px;
}

/************* 3 column body divs *******/
.col3 {
	width:287px;
	float:left;
	font-size:16px;
	line-height:23px;
	margin:20px 40px 20px 0;}
	
.priceCol2 ul li, .priceColFull ul li{
	font-weight:bold;
}

.priceCol2 ul ul li, .priceColFull ul ul li{
	background:url(/assets/images/bg-bullet.png) no-repeat left center;
	padding-left:20px;
	font-weight:normal;
	margin-left:30px;
}

.priceCol2 ul, .priceColFull ul{
	margin:7px;
}

.priceCol2 h3 span, .priceColFull h3 span{
	color:#85a43b;
	font-size:1.9em;
	display:block;
	float:right;
	margin:6px 7px 0px 0px;
	text-shadow: #000000 0px 0px 5px;
	*line-height:40px;/*IE6 Hack*/
	*margin-top:-40px;/*IE6 Hack*/
	_line-height:40px;/*IE7 Hack*/
	_margin-top:-40px;/*IE7 Hack*/
}

.priceCol2 h3, .priceColFull h3{
	color:#BD107A;
	padding:0px 0px 15px 7px;
	background:url(/assets/images/bg-price.gif) repeat-x 0px 25px;
	margin-top:7px;
}

.priceCol2 {
	width:44%;
	float:left;
	font-size:16px;
	line-height:23px;
	margin:20px 27px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background:rgba(230,230,230,.3);
	display:inline; /* IE compatibility */
	border:solid 1px rgba(200,200,200,.7);
	text-align:left;
}

.priceColFull{
	width:95%;
	margin: 20px 27px;
	font-size:16px;
	line-height:23px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background:#ddd;
	border:solid 1px #aaa;
	background:rgba(230,230,230,.3);
	border:solid 1px rgba(200,200,200,.7);
	text-align:left;
	overflow:hidden; /* Contain Floated Elements */
}

.priceColFull p{
	font-weight:bold;
	margin:7px;
	
}

.priceColFull img{
	float:right;
	margin:10px;
}

.priceButton{
	text-decoration:none;
}

.priceButton:hover{
	color:#BD107A;
}

.priceButton div:hover{
	background: none repeat scroll 0 0 rgba(230, 230, 230, 0.7);
	-webkit-box-shadow:0px 0px 10px rgba(48,162,234, 0.5);
	-moz-box-shadow:0px 0px 10px rgba(48,162,234, 0.5);
	box-shadow:0px 0px 10px rgba(48,162,234, 0.5);
}

.priceButton div:hover h3 span{
	color:#8fb13e;
}

#priceInfoContainer{
	width:430px;
	margin-bottom:15px;
}
#priceInfoContainer .price{
	font-size:60px;
	height:60px;
	line-height:60px;	
	text-align:center;
	text-shadow:  1px 1px 2px #000;
	color: #3e97cd; /* old browsers */
}

#priceInfoContainer .price span{
	font-size:20px;
	color:#333;
}

#priceInfoContainer .phone{
	text-align:center;
	font-size:40px;
	line-height:40px;
	height:40px;
}

#priceInfoContainer p{
	text-align:center;
}

#priceInfoContainer a{
	padding:10px 0px 0px 20px;
	color:#222;
	display:block;
	width:210px;
	height:65px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:solid #ffffff 1px;
	margin: 15px auto 7px auto;
	-moz-box-shadow: 0px 0px 5px #666;
	-webkit-box-shadow:  0px 0px 5px #666;
	box-shadow:  0px 0px 5px #666;
	background: #E666B5; /* old browsers */
	background: -moz-linear-gradient(top, #E666B5 0%, #C11C82 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E666B5), color-stop(100%,#C11C82)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E666B5', endColorstr='#C11C82',GradientType=0 ); /* ie */
}

#priceInfoContainer a:hover{
	background: #FC70C6; /* old browsers */
	background: -moz-linear-gradient(top, #FC70C6 0%, #D71D90 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FC70C6), color-stop(100%,#D71D90)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FC70C6', endColorstr='#D71D90',GradientType=0 ); /* ie */
}

#priceInfoContainer a span{
	color:#fff;
	font-size:30px;
}

/******************** H2 Tags **************/
#about {
	background: url(/assets/images/h2-about.png) no-repeat top left;
	display:block;
	border:0px;
	text-indent:-5000px;
}
#port {
	background: url(/assets/images/h2-portfolio.png) no-repeat top left;
	display:block;
	border:0px;
	text-indent:-5000px;
}
#prices {
	background: url(/assets/images/h2-prices.png) no-repeat top left;
	display:block;
	border:0px;
	text-indent:-5000px;
}
#contact {
	display:block;
	border:0px;
	text-align:center;
	margin-bottom:25px;
}


/********** Portfolio Styles *********/
#gallery{
	width:850px;
	padding:10px;
	overflow:hidden; /*Conatin the floats.*/
	margin:15px auto;
}

#gallery li{
	float:left;
	margin:10px;
	display:inline; /*IE fix */
	height:150px;
	position:relative;
}

#gallery li img{
	-moz-box-shadow: 0px 0px 10px #333333;
	-webkit-box-shadow: 0px 0px 10px #333333;
	box-shadow: 0px 0px 10px #333333;
}

#gallery li img:hover{
	-moz-box-shadow: 0px 0px 30px #ee35a6;
	-webkit-box-shadow: 0px 0px 30px #ee35a6;
	box-shadow: 0px 0px 30px #ee35a6;
}

#gallery li a.addAlt{
	display:none;
	position:absolute;
	bottom:0px;	
	margin:auto;
	width:90%;
	text-align:center;
	background:rgba(51,51,51,0.6);
	font-weight:bold;
	padding:5%;
	color:#eeeeee;
}

#gallery li:hover a.addAlt, #gallery li:hover a.deleteImg{
	display:block;
}

#gallery li a.addAlt:hover{
	background:rgba(51,51,51,1);
	color:#BD107A;
}

#gallery li a.deleteImg{
	display:none;
	position:absolute;
	top:-10px;
	right:-10px;
	height:22px;
	width:20px;
	background:url(/assets/images/port-delete.png) no-repeat transparent center center;
}

#gallery li a.deleteImg img{
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}

#confirmDelete{
	width:475px;
	height:100px;
}

#container #confirmDelete{
	display:none;
}

#fancyFormWrapper{
	width:600px;
	font-family:Futura,'Century Gothic',AppleGothic,sans-serif;
	height:129px;
}

#fancyFormWrapper fieldset{
	margin:0px;
	background:rgba(51,51,51,.5);
}

/************** About Us Styles *******/
blockquote{
	background:#666666;
	margin:15px 150px 15px 30px;
	overflow:hidden;
	padding:10px;
}

blockquote span{
	float:right;
	display:block;
}

blockquote p{
	font-size:0.8em;
	font-style:italic;
	color:#dddddd;
}

.bioPic{
	float:left;
	margin:10px 15px 10px 5px;
}

.fbLike{
	margin:15px auto;
	width:300px;
}