/* 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;
	text-align: justify;
	color: #FFF;
}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#fff;text-decoration:none}
a:hover {
	text-decoration:underline;
}
body {
	font:62.5% Arial;
	background:#000
}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
img {
	vertical-align:top;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0px;
	border-top-style: 40;
	border-right-style: 40;
	border-bottom-style: 40;
	border-left-style: 0;
}
fieldset {border:0}
p {
	margin:0 0 1em;
	color: #FFF;
}

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

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

/* Header */
#header{
	height:171px;
	position:static;
}
#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;
	width: 940px;
}
#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:#D800E0;
}
/* Content*/
#content{
	height:1%;
	overflow:hidden;
	color:#CCC;
	text-align: left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#content .left-side{
	float:left;
	margin:0 0 0 24px;
	display:inline;
	width:270px;
}
/*the middle part of index*/
#content .main{
	float:left;
	margin:0 0 0 28px;
	width:323px;
	display:inline;
}
#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{
	width:107px;
	height:12px;
	text-indent:-9999px;
	border-left:55px #000 solid;
	background: Tom-Elms-Signature-Lens-logo-400;
	}
#content .right-side{
	float:left;
	margin:0 0 0 52px;
	display:inline;
	width:224px;
}
#content .right-side li{
	padding:0 0 12px 0;
	list-style:none;
}

/*gallery page */
#gallery #content{
	position:relative;
	color:#000;
	padding:20px;
}
#gallery #content h1{
	font:2.4em Trebuchet MS;
	position:absolute;
	left:20px;
	top:43px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	width: 263px;
}
#gallery #content ul {
	list-style:none;
	padding: 30px 0 0;
	width:100%;
	margin: auto auto;
	text-align: left;
}
#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;
	text-align: left;
}

#gallery #content ul li img{}

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

/* 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:20px;
	padding-right:20px;
	text-align: justify;
}
#contact #content h2{
	font-size:2.0em;
	font-weight:normal;
	text-transform:capitalize;
	padding:0 0 13px 0;
}
.contact-detail{
	padding:20px;
	font-size:large;
	line-height:1.4em;
	margin-bottom:0;
	text-align: justify;
}
.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: url(../images/about-us.jpg) no-repeat 617px 68px;
}
.about{
	width:560px;
	padding:0 0 0 40px;
}
.about h2{
	font-size:2.0em;
	font-weight:normal;
	text-align: left;
}
.about p{
	margin:0;
	padding:25px 0 44px;
	font-size:1.3em;
	line-height:1.4em;
}
.about ul{
	padding:10px 0 33px 0;
	text-align: left;
}
.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;
	text-align: left;
}

/* 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:#000;
	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:0.9em;
	color:#000;
	padding: 6px 30px 0 0;
	clear:right;
}
#services #page #content .about h2 {
	text-align: left;
}
#services #page #content .about h2 {
	text-align: left;
}
#services #page #content .about h2 {
	text-align: left;
}
#services #page #content .about h2 {
}
#contact #page #content h2 {
	text-align: left;
}
#contact #page #content h2 {
	text-align: left;
}
#contact #page #content h2 {
	text-align: justify;
}
#contact #page #content h2 {
	text-align: center;
}
#contact #page #content h2 {
	text-align: left;
}
#about #page #content .about ul li a {
	text-align: left;
}
#about #page #content .about ul li a {
	text-align: left;
}
#gallery #page #content ul li .contact-detail {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
#gallery #page #content ul li .contact-detail .about {
	text-align: left;
}
#gallery #page #content ul #content2 h2 {
	text-align: center;
}
#gallery #page #content ul #content2 .phone a {
	font-size: 2em;
}
#gallery #page #content ul #content2 .phone a {
	font-size: medium;
}
#gallery #page #content ul li {
	font-size: medium;
	font-style: italic;
}
#gallery #page #content ul li h1 {
	font-size: large;
}
.Heading {
	font-size: large;
}
#gallery #page #content ul li .Heading {
	font-size: 2em;
}
.Title {
	font-size: 1.5em;
}
#gallery #page #content .contact-detail {
	color: #CCC;
}
#page ul #content .contact-detail {
	color: #FCF31B;
}
.grey {
	color: #999;
}