/*=====================================================
Esh photography website 2011
Developed by deDesigns http://www.deDesigns.com.au

Colours

#0c0c0d Dark charcoal
#595959 Grey
#4a4a59 Lighter blue grey
#4d416f Purple
#2a243c Dark Blue/Purple
#aca7bb Light Purple
#595541 Olive

HACKS
html>body not recognised by IE <8
*property only recognised by IE7
value\9 recongnised by all IE version > 5
====================================================*/

/*=====================================================
=PAGE STRUCTURE DEFAULTS STYLES
====================================================*/
* {margin: 0; padding: 0;}


body {
	font-family: Arial, Helvetica, sans-serif;
	background:#000 url(http://www.eshphotography.com.au/images/layout/CanberraPhotographerBG1.jpg) fixed top center no-repeat; 
	color:#aca7bb; font-size: 62.5%; height:100%; /*sets font size to 10 pixels - use ems to set new font sizes - 1em = 10px*/
	}
	
#wrapper {margin:0 auto;}/*Centre the design */

#MastHeadWrap{
	/*border:1px solid red;*/
	width:99.9%;height:50px;
	top:0;left:0;
	/*IE7 */
	*position:absolute;
}

#MastHead{width:1000px;margin:0px auto;z-index:999;}
#MastHead img.logo {float:left; margin:10px; border:none;}

#HeaderBG { border:1px solid red;
	width:99.9%;
	height:50px;
	top:0;
	left:0;
	position:fixed;
	/*IE7 */
	*position:absolute;
}


h1 {margin:20px 40px 15px 20px;font-family: "coolvetica-1","coolvetica-2", Arial, sans-serif;
    font-size:6em; color:#fff; float:right; font-weight: lighter;
	/*HACK IE7 */
	*margin:70px 40px 15px 0;
}
h2 {font-family: "coolvetica-1","coolvetica-2", Arial, sans-serif;
    font-size:3.5em; color:#fff; font-weight: lighter; border-bottom:thin dotted #595959; padding:5px; margin:10px 0 20px 0;}
    
h3 {font-family: "coolvetica-1","coolvetica-2", Arial, sans-serif;
    font-size:2em; color:#fff; font-weight:lighter; padding:5px;}



/*Content pages*/	

#ContentWrap {width:1000px;padding-top:10px;margin:0px auto; height:100%;}
#ContentWrap p {padding:7px; font-size:1.2em;}
#ContentWrap a {color:#fff; text-decoration:underline;}
#ContentWrap a:hover {color:#0c0c0d; text-decoration:none; background-color:#fff;}

	
#MainContent{text-align:left;width:680px; margin:50px 0 0 310px;font-size:1.2em;}
#TitleTestimonials {float:left;text-align:right;width:300px;font-size:1.2em; margin-right:20px;color:#aca7bb;}
#Testimonials  h2{color:#fff;}


#MainContentFullWidth{text-align:left;width:100%;margin:50px 0 0 10px;font-size:1.2em;}

#MainContent ul {margin-left:40px;font-size:1.2em;}


#MainContent img.FloatLeft, #MainContentFullWidth img.FloatLeft {float:left; margin:10px 20px 20px 0;}


/*usefull classes */
span.WhiteText {font-weight:bold; color:#fff;}
div.Spacer150 {height:150px;}
.clear{clear:both;}
.imgRight {float:right; padding-left:5px;}


/*Different font style for focus and quotes*/
span#Focus{ font-family: "grad-1","grad-2", Georgia, Times, serif; 
			background: url(http://www.eshphotography.com.au/images/layout/QuoteStart.png) top left no-repeat;
			padding: 5px 0 0 35px; font-size:1.2em;
			border:none; color:#fff; font-style:italic;
		
			}
			
#Focus span.EndQuote{background: url(http://www.eshphotography.com.au/images/layout/QuoteEnd.png) top right no-repeat; padding-right:35px;}
.smallFocus {font-weight:bold; font-size:larger; font-style:italic;}


/*Shadow for page images */
.shadow1 {
	border:1px solid #595959;
	box-shadow: 2px 2px 5px #000;
	-webkit-box-shadow: 2px 2px 5px  #000;
	-moz-box-shadow: 2px 2px 5px #000;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#000, offX=2, offY=2, positive=true);
	
	
}


/*=====================================================
=NAVIGATION
====================================================*/

ul#navigation {
	background: #000 url(../images/NavBG.jpg) top left repeat-x;
	width:auto; height:40px; margin-top:15px;
	float:left;list-style-type:none;
	border:1px solid #595959;
	background-color:#0c0c0d;
	-moz-border-radius: 5px;
	border-radius: 10px; line-height:4em;
	
	background: #0c0c0d; /* Old browsers */
	background: -moz-linear-gradient(top, #1c1919 0%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1919), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1c1919 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1c1919 0%,#000 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #1c1919 0%,#000 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C1919', endColorstr='#000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #1c1919 0%,#000 100%); /* W3C */
	}
	
ul#navigation li {display:inline;border:none; padding:2px 5px; }
ul#navigation li a img{border:none; text-decoration:none;}

/*Home Icon*/
ul#navigation li.Home {text-decoration:none; float:left; padding:5px; border:none;}
ul#navigation li.Home a:hover{border:none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color:transparent;}

ul#navigation li a {
	font-family: "coolvetica-1","coolvetica-2", Arial,  Helvetica, Arial, sans-serif; 
	 color:#595959; 
	font-size:1.8em; 
	font-size:1.6em\9;/*IE Only*/ 
	font-weight: lighter; 
	text-decoration:none; 
	padding:15px 4px 15px 0px;}

ul#navigation li a:hover{
	color:#aca7bb;
	/*background: url(http://www.eshphotography.com.au/images/layout/NavHover.png) center no-repeat;*/
	*background:none;
	
	background-color:#242424;
	padding:9px 4px 9px 0px;
	padding:10px 4px 11px 0px\0/;/*IE9*/
	
}

/*=====================================================
=HOMEPAGE
====================================================*/

/*Full screen background image */
#ImgWrap {background: url(http://www.eshphotography.com.au/images/layout/loading.gif) center no-repeat;  
            margin:0 auto; margin-top:40px; width:900px;}
			
*+html #ImgWrap {padding-top:80px;}/*IE7 Only */
#ImgWrap img.homeImages {z-index:999;	}
	
#ImgWrap a img{border:none;}
	
h2.weddingCaption{font-family: "grad-1","grad-2", Georgia, Times, serif; 
	 font-size:7em; color:#fff; border:none; background:none; font-weight:normal; opacity:0.6; filter:alpha(opacity=60);}
	 
h2.fineCaption{font-family: "grad-1","grad-2", Georgia, Times, serif; margin:90px 0 0 40px; 
	 font-size:7em; color:#fff; border:none; background:none; font-weight:normal; opacity:0.6; filter:alpha(opacity=60);}
	 
h2.portraitCaption{font-family: "grad-1","grad-2", Georgia, Times, serif; margin-left:40px; 
	 font-size:7em; color:#fff; border:none; background:none; font-weight:normal; opacity:0.6; filter:alpha(opacity=60);}
	 
h2.childCaption{font-family: "grad-1","grad-2", Georgia, Times, serif; margin:-30px 0 0 40px; 
	 font-size:7em; color:#fff; border:none; background:none; font-weight:normal; opacity:0.6; filter:alpha(opacity=60);}
	
h2.babyCaption	{font-family: "grad-1","grad-2", Georgia, Times, serif; margin:330px 0 0 70px; 
	 font-size:7em; color:#fff; border:none; background:none; font-weight:normal; opacity:0.6; filter:alpha(opacity=60);}
	 
h2.journCaption	{font-family: "grad-1","grad-2", Georgia, Times, serif; margin:300px 0 0 -40px; 
	 font-size:7em; color:#fff; border:none; background:none; font-weight:normal; opacity:0.6; filter:alpha(opacity=60);}
	 
h2.fashCaption	{font-family: "grad-1","grad-2", Georgia, Times, serif; margin:330px 0 0 70px; 
	 font-size:7em; color:#fff; border:none; background:none; font-weight:normal; opacity:0.6; filter:alpha(opacity=60);}
	
h2.commercialCaption{font-family: "obliqua-1","obliqua-2",sans-serif;  
	 font-size:6em; color:#fff; border:none; background:none; font-weight:normal; opacity:0.6; filter:alpha(opacity=60);}
	 
	 
	 

/*Image Replacement */
/*Not yet working for IE - Need to fix for IE */
#ImgWrap h1 {display:none;position:absolute;top:100px;left:100px;z-index:50;color:transparent; /*H1 text is sitting over the top */}

#WelcomeColumn {/*border: 1px solid orange; */float:left; text-align:right; width:440px;font-size:1.2em;}

#LatestNewsColumn {text-align:left;width:540px;margin-left:460px;font-size:1.2em; }
#LatestNewsColumn h4{font-family: "coolvetica-1","coolvetica-2", Arial, sans-serif;font-size:1.9em; color:#fff; border-bottom:1px dashed #595541; display:inline;}
#WelcomeColumn h4{font-family: "coolvetica-1","coolvetica-2", Arial, sans-serif;font-size:1.9em; color:#fff; text-align:right;border-bottom:1px dashed #595541;display:inline;}


/*=====================================================
=GALLERY PAGES
====================================================*/

.QOverlay {background-color: #000000;z-index: 9999;}
.QLoader {background-color: #CCCCCC;height: 1px;}

#galWrap {width:100%; height:100%; border:1px solid red;}

div.contentPageLeader{ float:left; width:40%; margin:40px 0 30px 200px; font-size:1.2em; *margin:90px 0 50px 200px;}
div.galleryContent {margin:0 auto; font-size:1.4em; color:#fff;width:990px; *margin-bottom:20px;/*IE7 HACK*/ }
div.contentColumn { position:relative; width:450px; float:left; margin:20px 10px 20px 200px;}/*Left content column */
div.contentColumn p{padding:10px; color:#aca7bb;}
div.contentColumn a{color:#fff;}
div.extrasColumn {}/*Right content column for form and extras */

h1.WeddingPhotography {
	margin:40px 40px 15px 0; font-family: "grad-1","grad-2", Georgia, Times, serif; 
	font-size:5em; color:#fff; float:right; font-weight:normal;
	/*HACK IE7 */
	*margin:70px 40px 15px 0;
	}

h2.WeddingPhotography{
	font-family: "grad-1","grad-2", Georgia, Times, serif; font-size:2em;
	background-color:transparent; border-bottom:none; margin-left: 0px;
	}


h1.PortraitPhotography {
	margin:40px 40px 15px 0; font-family: "grad-1","grad-2", Georgia, Times, serif; 
	font-size:5em; color:#fff; float:right; font-weight:normal;
	/*HACK IE7 */
	*margin:70px 40px 15px 0;
	}
	
h2.PortraitPhotography{
	font-family: "grad-1","grad-2", Georgia, Times, serif; font-size:2em;
	background-color:transparent; border-bottom:none; margin-left: -10px;
	}


h1.CommercialPhotography {
    margin:40px 30px 15px 0; font-family: "obliqua-1","obliqua-2",sans-serif;  
	font-size:5em; color:#fff; float:right; font-weight:normal;
	/*HACK IE7 */
	*margin:70px 40px 15px 0;
	}
	
h2.CommercialPhotography{
	font-family: "obliqua-1","obliqua-2",sans-serif; font-size:2em;
	background-color:transparent; border-bottom:none; margin-bottom: 10px;
	}


#enquireBtn {margin:6% 0 0 6%;
	font-family: "coolvetica-1","coolvetica-2", Arial, sans-serif;
	color:#fff; font-size:2em; font-weight:bold; z-index:890;
	
	-moz-border-radius: 5px; border-radius: 5px;
	
	box-shadow: 2px 2px 10px #000;
	-webkit-box-shadow: 2px 2px 10px  #000;
	-moz-box-shadow: 2px 2px 10px #000;
	
	background: #0c0c0d; /* Old browsers */
	background: -moz-linear-gradient(top, #1c1919 0%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1919), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1c1919 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1c1919 0%,#000 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #1c1919 0%,#000 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C1919', endColorstr='#000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #1c1919 0%,#000 100%); /* W3C */
	
	background-color:#0c0c0d;
	border:1px solid #595959;
	
	padding:5px;
	
	cursor:pointer; 

}
#enquireBtn:hover {color:#595959;}
/*Facebook like button under enquire */
iframe.eshFacebook {margin:20px 30px 0 0; float:right; border:none; overflow:hidden; width:200px;}

/*snap brochure btn */
a.brochureBtn {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-family: "peachy-keen-1","peachy-keen-2",sans-serif;
border:1px solid #fff;
-moz-box-shadow: 1px 1px 8px #b4b4b4; /* FF3.5+ */
-webkit-box-shadow: 1px 1px 8px #b4b4b4; /* Saf3.0+, Chrome */
box-shadow: 1px 1px 8px #b4b4b4; /* Opera 10.5, IE9, Chrome 10+ */


color:#fff; font-size:.8em;
padding:10px; text-decoration:none !important; 
float:right; margin:30px 30px 20px 20px;

background-color: #594e38;
background-image: -webkit-gradient(linear, left top, left bottom, from(#594e38), to(#706246)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #594e38, #706246); /* Chrome 10+, Saf5.1+ */
background-image:  -moz-linear-gradient(top, #594e38, #706246); /* FF3.6 */
background-image: -ms-linear-gradient(top, #594e38, #706246); /* IE10 */
background-image:  -o-linear-gradient(top, #594e38, #706246); /* Opera 11.10+ */
background-image:  linear-gradient(top, #594e38, #706246);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#594e38', EndColorStr='#706246'); /* IE6–IE9 */
	}

/* On page form */
fieldset.pageForm {
	font-size:.9em;
	-moz-border-radius: 10px; border-radius: 10px;
	
	background: #0c0c0d; /* Old browsers */
	background: -moz-linear-gradient(top, #1c1919 0%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1919), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1c1919 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1c1919 0%,#000 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #1c1919 0%,#000 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C1919', endColorstr='#000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #1c1919 0%,#000 100%); /* W3C */
	
	background-color:#0c0c0d;
	border:1px solid #595959;
	
	margin:50px 0px 20px 10px;
	padding:5px;
	
	}
	
fieldset legend {font-family: "coolvetica-1","coolvetica-2", Arial, sans-serif; font-size:1.4em; line-height: 0em; font-weight:bold; color:#fff;}
fieldset.pageForm label{float:left; width:80px;}
fieldset.pageForm input {border:1px solid #4a4a59; padding:2px; color:#fff; background-color:#595959;}
fieldset.pageForm input:focus{border:1px solid #fff;}
fieldset.pageForm textarea {border:1px solid #4a4a59; padding:2px; color:#fff; background-color:#595959;}
fieldset.pageForm textarea:focus {border:1px solid #fff;}

label.category{width:250px !important;}
label.shootDate {width:110px !important;}
.radioItems tr td label{width:200px;}
.radioItems {margin-left:20px}
.radioItems input[type=radio] {float:left; margin-right:5px;}
.commentBox {margin:2px 0 0 20px;}
.formCbx {float:left; width:20px; margin-left:20px;}
.specialsCbx {font-size:.9em; font-weight:normal;}
#cbxPhotoBooth {margin-left:20px;}

.sendBtn {cursor:pointer; width:60px; margin:10px 0 5px 20px;
    color:#fff; padding:3px;
    -moz-border-radius: 3px; border-radius: 3px;
	background: #0c0c0d; /* Old browsers */
	background: -moz-linear-gradient(top, #1c1919 0%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1919), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1c1919 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1c1919 0%,#000 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #1c1919 0%,#000 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C1919', endColorstr='#000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #1c1919 0%,#000 100%); /* W3C */
	background-color:#0c0c0d;
	border:1px solid #595959;
}
.sendBtn:hover {border:1px solid #fff;}	


/*=====================================================
=FOOTER
====================================================*/
#FooterWrap{
    border-top: #4a4a59; 
    min-height:340px; 
    height:auto;
	width:990px;
	
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	background: #0c0c0d; /* Old browsers */
	background: -moz-linear-gradient(top, #1c1919 0%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1919), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1c1919 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1c1919 0%,#000 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #1c1919 0%,#000 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C1919', endColorstr='#000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #1c1919 0%,#000 100%); /* W3C */
	
	background-color:#0c0c0d;
	border:1px solid #595959;
   /*background: url(http://www.eshphotography.com.au/images/layout/FooterBG.png) top left repeat-x;*/

    clear:both;
    margin:0 auto;
	
	margin-bottom:40px;
    
    /*IE7*/
   *height:300px;
}

#FooterContent {width:1000px; margin-left:10%; text-align:left; font-size:1.2em;
                color:#aca7bb; margin-top:5px; font-weight: lighter;}
#FooterContent div.ColumnOne {/*border:1px solid purple;*/ width:350px; float:left; text-align:right;}
#FooterContent p{padding:5px;}
#FooterContent div.ColumnTwo  {/*border:1px solid green; */width:auto; margin-left: 15px; float:left;}
#FooterContent div.ColumnThree  {/*border:1px solid red; */float:left; margin-left: 15px;}
#FooterContent div.ColumnThree ul {margin-top:55px;}

#FooterContent a{font-family: "coolvetica-1","coolvetica-2", Arial,  Helvetica, Arial, sans-serif; 
                 font-size:1.2em; color:#595959; text-decoration:none; padding:2px;}
#FooterContent a:hover{color:#fff; text-decoration:none; background-color:#242424;}

#FooterContent h3{clear:both; padding:10px 0 10px 0; margin-bottom:10px; font-weight:bold;color:#595959;font-size:1.6em; border-bottom:1px dotted #595959;}

#FooterContent ul {list-style-type:none; line-height:1.3em; }
#FooterContent ul li{list-style-type:none; line-height:1.3em;  padding:2px;}
#FooterContent ul li:hover{background-color:#242424; cursor:pointer;}


div.Subscribe p{padding:0 0 3px 3px;}
input#mce-EMAIL{margin:3px; background-color:#595959; border:1px solid #aca7bb; color:#0c0c0d;}
input#mce-EMAIL:focus {border:1px solid #fff;}
.subscribeBtn {cursor:pointer; margin:5px; padding:10px; color:#fff; font-weight:bold;
    -moz-border-radius: 3px; border-radius: 3px; 
	background: #0c0c0d; /* Old browsers */
	background: -moz-linear-gradient(top, #1c1919 0%, #0c0c0d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1919), color-stop(100%,#0c0c0d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1c1919 0%,#0c0c0d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1c1919 0%,#0c0c0d 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #1c1919 0%,#0c0c0d 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C1919', endColorstr='#0c0c0d',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #1c1919 0%,#0c0c0d 100%); /* W3C */
	background-color:#0c0c0d;
	border:1px solid #595959;
}

/*=====================================================
=CONTACT PAGE
====================================================*/

fieldset legend {font-family: "coolvetica-1","coolvetica-2", Arial, sans-serif; font-size:1.6em; font-weight:bold; color:#fff; margin-bottom:10px;}
fieldset.contactForm {
   -moz-border-radius: 10px; border-radius: 10px; 
	background: #0c0c0d; /* Old browsers */
	background: -moz-linear-gradient(top, #1c1919 0%, #0c0c0d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1919), color-stop(100%,#0c0c0d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1c1919 0%,#0c0c0d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1c1919 0%,#0c0c0d 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #1c1919 0%,#0c0c0d 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C1919', endColorstr='#0c0c0d',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #1c1919 0%,#0c0c0d 100%); /* W3C */
	background-color:#0c0c0d;
	border:1px solid #595959;
}

table.ContactForm td {padding:5px;}
table.ContactForm tr td.labels{width:200px;text-align:right;}
td.Choices table td {padding:0px;}

input:focus, textarea:focus {color:#595541;border:1px dotted #595959; background-color:#e3e2e2;}

fieldset abbr {color:#990000;}
.ValidateComments {margin: 0 0 10px 160px;}