/* Johansen Photography stylesheet by Nadia  www.perrelink.com.au */
/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#fff;text-decoration:none}
a:hover {text-decoration:underline}
body {
	background:#333;
	font-family: Arial;
	font-size: 12px;
}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
img {border:0;vertical-align:bottom}
fieldset {border:0}
p {margin:0 0 1em}

/* Containers */
#skip {height:0px;overflow:hidden;width:0px}
#page {width:938px;border:1px #5f5f5f solid;background:#000;margin:20px auto 0;height:1%;overflow:hidden}

/* stops shorter pages from jumping due to default scrollbar */
html { min-height:100%; margin-bottom:1px; }

/* Header */
#header{
	height:171px;
	position:relative;
}
#header h1{
	position:absolute;
	width:458px;
	left:35px;
	top:36px;
}
/*logo*/
#header h1 a{
	display:block;
	height:86px;
	text-indent:-9999px;
	background:url(../images/logo.jpg) no-repeat 0 0;
}
#header .phone{
	position:absolute;
	width:154px;
	height:96px;
	left:736px;
	top:25px;
	text-indent:-9999px;
	background:url(../images/phone-floral.gif) no-repeat 0 0;
}
/*nav*/
#nav{
	margin:0 2px;
	background:url(../images/navbar-bg.jpg) no-repeat 0 0;
	text-align:center;
}
#nav li{
	list-style:none;
	display:inline;
	line-height:40px;
	font-size:1.5em;
	text-transform:capitalize;
	background:url(../images/bg-nav-line.gif) no-repeat 0 50%;
	padding:0 38px 0 40px; 
}
#nav li.first{
	background:none;
}
#nav li.current a{
	color:#cfac50;
}
/* Content*/
#content{
	height:1%;
	overflow:hidden;
	padding:26px 0 40px 0;
	color:#a8a8a8;
}
#content .left-side{
	float:left;
	display:inline;
	width:270px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 24px;
}
/*the middle part of index*/
#content .main{
	float:left;
	width:600px;
	display:inline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 28px;
}
#content .main h2{
	font-size:2.0em;
	font-weight:normal;
	padding:0 0 24px 0;
}
#content .main p{
	font-size:1.3em;
	line-height:1.4em;
	margin-bottom:26px;
}

/* this brings in the signature image at the bottom of the content area 
via a background image - if you change this image, make sure you correct 
the size and width of the image below */
#content .main .author{
	background:url(../images/signature.jpg) no-repeat 0 0;
	width:107px;
	height:12px;
	text-indent:-9999px;
	border-left:55px #000 solid;
	}
#content .right-side{
	float:left;
	display:inline;
	width:10px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 52px;
}
#content .right-side li{
	padding:0 0 12px 0;
	list-style:none;
}

/*gallery page */
#gallery #content{
	position:relative;
	color:#a8a8a8;
	padding:20px 0 0;
}
#gallery #content h1{
	font:2.4em Trebuchet MS;
	position:absolute;
	left:20px;
	top:18px;
}
#gallery #content ul {
	list-style:none;
	padding: 30px 0 0;
	width:100%;
	margin: auto auto;
	text-align: center;
}
#gallery #content ul li {
	padding:15px;
	margin:0 7px 15px;
	font-weight:bold;
	display:-moz-inline-box;/* mozilla only */
	display:inline-block;/* browsers that support display:inline-block like safari & opera*/
	vertical-align:bottom;
}

#gallery #content ul li img{}

/* to fix thumbnail display FFox 2.0.0.7 */
#gallery #content a {
	display:-moz-box;
}

/* Styles the wedding gallery page */
.wedding #page #content ul {padding:30px 0 0 1px}
.wedding #page #content ul li {padding:0 4px 15px;margin:0;width:auto}

/*contact page*/
#contact #content{
	padding-left:40px;
	padding-right:20px;
}
#contact #content h2{
	font-size:2.0em;
	font-weight:normal;
	text-transform:capitalize;
	padding:0 0 13px 0;
}
.contact-detail{
	padding:0 50px 30px 0;
	font-size:1.3em;
	line-height:1.4em;
	margin-bottom:0;
}
.contact-form{
	background:url(../images/camera-lens.jpg) no-repeat 100% 0;
	padding:28px 0 0 0;
	height:1%;
	overflow:hidden;
}
.contact-form form{
	border:1px #a8a8a8 solid;
	width:548px;
	position:relative;
	padding:45px 0;
	float:left;
}
.contact-form h3{
	color:#a48a44;
	font-size:2.0em;
	font-weight:normal;
	position:absolute;
	left:72px;
	top:-16px;
	padding:0 13px;
	background:#000;
	
}
.contact-form label{
	font-size:1.4em;
	width:138px;
	text-align:right;
	float:left;
}
.contact-form input,.contact-form textarea{
	float:left;
	margin:0 0 0 10px;
	border:1px #747570 solid;
	font-size:1.2em;
	background:#333;
	color:#a8a8a8;
	width:175px;
	padding:3px;
}
.contact-form p{
	float:left;
	clear:left;
	width:400px;
	margin:0 0 5px 0;
}
.contact-form textarea{
	width:242px;
	height:114px;
	overflow:auto;
}
.contact-form .submit-button{
	width:98px;
	padding:2px 0;
	text-align:center;
	font-size:1.4em;
	text-transform:uppercase;
	margin:0 0 0 148px;
}

/*about page*/
/*picture on the about page is set as a background image here in this style*/
#about #content{
	background-image: none;
	background-repeat: no-repeat;
	background-position: 617px 68px;
}
.about{
	width:560px;
	padding:0 0 0 40px;
}
.about h2{
	font-size:2.0em;
	font-weight:normal;
}
.about p{
	margin:0;
	padding:25px 0 44px;
	font-size:1.3em;
	line-height:1.4em;
}
.about ul{
	padding:10px 0 33px 0;
}
.about ul li{
	list-style:none;
	background:url(../images/point.gif) no-repeat 0 50%;
	padding:0 0 0 21px;
	margin:0 0 10px 0;
}
.about li a,.about li a:visited{
	font-size:1.3em;
	color:#a8a8a8;
}

/* styles for services page - sets the bg image on the right */
#services #content{
	background: url(../images/testimonial.jpg) no-repeat 617px 40px;
}

/* end style for testimonial page */

/* Sidebar */

/* Footer */
#footer{
	width:938px;
	margin:0 auto;
	padding:15px 0 22px;
	color:#999;
	font-size:1.2em;
}
#footer .copyright{
	float:left;
	padding:0 0 0 15px;
}
#footer .phone{
	float:right;
	text-align:right;
	padding:0 10px 0 0;
}
/* for validation text bottom footer */
#footer .valid {
	font-size:.9em;
	color:#999;
	padding: 6px 30px 0 0;
	clear:right;
}