/* *************************************
	IE6 Png Fix
************************************* */
{behavior: url("../iepngfix.htc")}
/* *************************************
	Css by Tom Gatenby
	tom@squashedpixel.co.uk
*************************************** */
html, body, form{
	width:100%;
	height:100%;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	background:#000 url(../images/body-bg.jpg) center no-repeat;
}
/* *************************************
	General Content
************************************* */
h1{
	font-family:Helvetica, Arial, sans-serif;
	font-size:2em;
	letter-spacing:0px;
	color:#FFF;
	text-align:left;
	padding:4px 4px 4px 0px;
	width:100%;
	margin:40px 0px 10px 0px;
}
#newsletter h1{margin-top:210px;}
#contact h1{margin-top:40px;}
#clients h1{margin-top:210px;}
#portraits h1{margin-top:200px;}
#landscapes h1{margin-top:200px;}
#wedding h1{margin-top:200px;}
#commercial h1{margin-top:200px;}
#locationPortraits h1{margin-top:185px;}
#packages h1{margin-top:175px;}
h1 span{ color:#999999; font-weight:bold; font-size:13px;}
h2{
	color:#999999;
	font-family:Helvetica, Arial, sans-serif;
	margin:0px 0px 5px 0px;
	font-size:1.6em;
	font-weight:normal;
}
h3{
	color:#999999;
	font-family:Helvetica, Arial, sans-serif;
	margin:20px 10px 0px 10px;
	font-size:1.4em;
	padding:5px 10px 5px 10px;
}
p, li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#fff;
}
p{margin:0px 0px 15px 0px;}
strong{font-weight:bold;}
a{ color:#ffffff; font-weight:bold; text-decoration:none;}
a:hover{color:#ff0000; text-decoration:underline;}
em{font-style:italic;}
ul{margin:5px 0px 15px 20px;}
ol li{list-style-type:decimal;}
li{list-style-type:disc;}
.clear{clear:both; font-size: 1px;}
.left{float:left;}
.right{float:right;}
.spacer{
	float:left;
	display:block;
	width:1px;
	height:10px;
}
input, textarea{
	border:none; 
	float:left;  
	margin:0px 10px 10px 0px;
	padding:4px;
	color:#666666;
	font-weight:bold;
	font-size:10px;
}
/* *************************************
	Basic Structure
************************************* */
#wrapper{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	min-width:1050px;
	min-height:620px;
}
#container{
	width:1030px;
	height:470px; 
	position:absolute;
	left:50%;
	top:50%;
	margin:-235px 0px 0px -515px;
	background:url(../images/content-bg.png) no-repeat top;
}
.inner{
	display:block;
	width:1024px;
	height:451px;
	overflow:hidden;
	margin:3px 0px 0px 3px;
}
/* *************************************
	Rotating Slideshow
************************************* */
ul#slideshow {
	margin:0;
	padding:0;
	height:450px; overflow:hidden;
	z-index:0;
}
#slideshow li{
	list-style-type:none;
	margin:0;
	padding:0;
}
#logo{
	position:absolute;
	margin:0px 0px 0px 0px;
	z-index:0;
	top:-45px;
	left:0px;
}
/* *************************************
	Main Navigation
************************************* */
#mainNav ul{
	margin:15px 0px 0px 0px;
	padding:0px 0px 12px 0px;
	text-align:center;
	background:url(../images/nav-bottom.jpg) bottom no-repeat;
}
#mainNav ul li{
	list-style-type:none;
	display:inline;
	margin:0px 5px 0px 5px;
}
#mainNav li a:hover, #mainNav li a.current{color:#B5C841;}

/* *************************************
	Sub Navigation
************************************* */
.subNav{
	display:block;
	width:700px;
	height:20px;
	overflow:hidden;
	position:absolute;
	top:-20px;
	right:0px;
}
.subNav a{
	display:block;
	background:#000;
	height:20px;
	line-height:20px;
	float:right;
	margin:0px 0px 0px 2px;
	padding:0px 10px 0px 10px;
	border:1px solid #666;
	color:#666;
	border-bottom:none;
	font-weight:normal;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.subNav a:hover{border-color:#fff; color:#fff;}
.subNav a.current, .subNav a.current:hover{
	background:#fff;
	color:#333333;
	border-color:#FFFFFF;
}
/* *************************************
	Columns
************************************* */
.threeCol{
	float:left;
	display:block;
	width:340px;
	height:451px;
	overflow:hidden;
	margin-right:1px;
}
.fullCol{
	/*float:left;*/
	position:absolute;
	display:block;
	width:1024px;
	height:451px;
	overflow:hidden;
}
/* *************************************
	general content sections
************************************* */
.testimonial{
	display:block;
	width:300px;
	height:150px;
	background:url(../images/black-trans-tile.png) repeat;
	position:relative;
	margin-top:-190px;
	padding:20px;
}
.ImageText{
	display:block;
	width:340px;
	height:auto;
	background:url(../images/black-trans-tile.png) repeat;
	position:absolute;
	margin-top:0px;
	*margin-left:-340px;
	bottom:0px;
}
.ImageText p{font-weight:bold; padding:20px 20px 0px 20px;}
.fullCol .ImageText{
	width:1024px;
	*margin-left:-1024px;
}
.fullCol .ImageText p{
	margin:0px 0px 10px 0px;
	padding:10px 20px 0px 20px;
}

.rightCol, .leftCol{
	float:right;
	display:block;
	width:300px;
	height:450px;
	background:url(../images/black-trans-tile.png) repeat;
	position:relative;
	margin-top:-460px;
	padding:20px;
}
.leftCol{float:left;}
#page .leftCol{width:630px;}
.newsInput{width:110px; margin-top:1px;}
.newsTextarea{width:239px;}
#contact .rightCol .left{margin-top:15px;}

#slider li img{float:left;}
#testimonials #slider li img{float:none;}

input.btn{
	float:left;
	display:block;
	width:23px;
	height:25px;
	overflow:hidden;
	text-indent:-99999px;
	margin-top:15px;
	background:url(../images/plain-arrow.png) no-repeat;
}
p.credit{
	position:absolute;
	bottom:0px;
	right:10px;
}
p.addthis{
	position:absolute;
	top:10px;
	right:10px;
}
.package a{
	display:block;
	float:left;
	width:100px;
	padding:10px;
	text-align:center;
	margin:10px 10px 0px 0px;
	background:#000000;
	border:1px solid #fff;
}