/*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;}

/********* 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;
}


#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:auto;
	font-size:16px;
	line-height:23px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background:rgba(230,230,230,.3);
	border:solid 1px rgba(200,200,200,.7);
	text-align:left;
}

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


/******************** 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 {
	background: url(/assets/images/h2-contact.png) no-repeat 20px left;
	display:block;
	border:0px;
	text-indent:-5000px;
}


/********** 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;
}
/************** Pricing Table Styles *******/
#pricingTable {margin:10px auto 40px; width:857px; font-family:Arial,Helvetica,Verdana,sans-serif,'Times New Roman',Times,serif; background: #eeeeee none repeat scroll 0 0; border: 1px solid #cccccc;}
#pricingTable table {clear:both; font-size: 11px;}
#pricingTable .row0 {color:#BD107A; font-size:14px; font-weight:bold; margin-top:5px;}
.row0 th, .row0 td {border-bottom: 1px solid #cccccc; background: #dddddd;}
#pricingTable th {font-size:12px; padding: 0 10px; text-align:right; width:130px; vertical-align:middle;}
.middleColumn {padding:0 10px; vertical-align:middle; width:118px;}
.lastColumn {padding: 0 0 0 10px; vertical-align:middle; width: 140px;}
.row0 td {height:27px; padding-top:12px; border-left:1px solid #cccccc; padding-bottom:12px;}
.row1, .row3, .row4, .row5, .row6, .row7, .row8, .row9, .row10 {height: 45px;}
.row2 {height: 65px;}
.row1 th, .row2 th, .row3 th, .row4 th, .row5 th, .row6 th, .row7 th, .row8 th, .row9 th {border-bottom: 1px dotted #999999;}
.row1 td, .row2 td, .row3 td, .row4 td, .row5 td, .row6 td, .row7 td, .row8 td, .row9 td {border-bottom:1px dotted #999999; border-left:1px solid #cccccc;}
.row2 td, .row3 td {border-left:1px solid #cccccc; font-weight:normal; padding-right:0;}
.row2 td {text-align:left;}
.row10 td {border-left:1px solid #cccccc;}
.pro {background: #e2f7b2;}
.row0 .pro {background: #e2f7b2 url(/assets/images/bg-feature-grid.gif) repeat-x top center scroll;}
.row1 td {font-size:14px; color:#85a43b;}