/*=====================================================
Esh photography website 2009
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;}

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


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


#MastHead{/*border:1px solid red;*/width:1000px;margin:0px auto;z-index:999;}

#HeaderBG {
	/*border:1px solid gray;*/
	background: url(../images/layout/headerBG.jpg) top center no-repeat;
	background-color:#0c0c0d;
	border-bottom:1px solid #595959;
	width:99.9%;
	height:50px;
	top:0;
	left:0;
	position:fixed;
	
	/*IE7 */
	*position:absolute;

}

#MastHead img.logo {margin-left:10%;float:left;border:none;}

#ContentWrap {width:1000px;padding-top:10px;margin:0px auto; height:100%;}
#ContentWrap p {padding:5px; font-size:1.2em;}
#ContentWrap a {color:#595959; text-decoration:underline;}
#ContentWrap a:hover {
	color:#fff;
	/*border:1px solid #595541;
	text-decoration:none;
	box-shadow: 2px 2px 20px #595541;
	-webkit-box-shadow: 2px 2px 20px  #595541;
	-moz-box-shadow: 2px 2px 20px #595541;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#595541, offX=2, offY=2, positive=true); 
	border-bottom:none;*/
	}

/*Different font style for focus and quotes*/
attr#Focus{font-family: Georgia, "Times New Roman", Times, serif; background: url(../images/layout/QuoteStart.png) top left no-repeat;
	padding-left: 35px; font-style:italic; font-size:1.1em; border:none; font-weight:bold; padding-top:5px;color:#fff;}
	
#Focus span.EndQuote{background: url(../images/layout/QuoteEnd.png) top right no-repeat; padding-right:35px;}

/*Gallery and other pages*/
#PhotoGallery {/*border:1px solid red;*/
	text-align:left; 
	width:600px; 
	margin:50px 0 0 310px;
	font-size:1.3em;
	
	/*IE7*/ 
	*margin-top:60px;
	}
			   
#ContentPhotoGallery{margin:20px; clear:both;}
/*For Staff pages - Hugh Jeremy */
#FullScreenGallery {width:95%; margin:50px 0 0 115px;}

#Services {/*border:1px solid red;background: url(../images/layout/FooterBG.png) top left repeat;
			background-color:#595541; */   
	        float:left;text-align:right;width:300px;font-size:1.3em; margin-right:20px; color:#aca7bb; height:100%;}
			
/*Content pages*/		
#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;}

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

span.WhiteText {font-weight:bold; color:#fff;}
div.Spacer150 {height:150px;} 
  

img.GalleryThumbs {
	float: left; 
	background-position: 50% 50%; 
	cursor:pointer; 
	border:1px solid #aca7bb; 
	margin-right: 5px; 
	margin-bottom: 5px; 
	width:90px;
	height:90px;
}

img.GalleryThumbs:hover {
	color:#fff;
	border:1px solid #595541;
	
    box-shadow: 2px 2px 20px #595541;
	-webkit-box-shadow: 2px 2px 20px  #595541;
	-moz-box-shadow: 2px 2px 20px #595541;
		
	/*IE7*/
	*box-shadow:none;
	*-webkit-box-shadow:none;
	*-moz-box-shadow:none;
	*filter:none;

}


/* Styles for on Index page tabs */
ul.tabs {/*border:1px solid orange;*/list-style: none;height:80px;margin-top:10px;}
/*IE7*/
ul.tabs li {float: left; }

ul.tabs li a{
	float: left; 
	display: inline; 
	width: 60px; 
	height: 60px; 
	margin-right: 14px; 
	margin-bottom: 14px;	
	background-position: 50% 50%; 
	cursor:pointer;
	border:1px solid #595959; 
	 }
	 
ul.tabs li a.active, ul.tabs li a:hover {
	box-shadow: 2px 2px 20px #595541;
	-webkit-box-shadow: 2px 2px 20px  #595541;
	-moz-box-shadow: 2px 2px 20px #595541;
	
	/*IE7*/
	*box-shadow:none;
	*-webkit-box-shadow:none;
	*-moz-box-shadow:none;
	*filter:none;
	*border: 1px solid #fff;
}
div.panes > div ul {list-style-type:none; margin-right:10px;}

/* Styles for Content page tabs */
ul.ContentTabs{/*border:1px solid orange;*/list-style: none; margin-top: 10px;}
ul.ContentTabs li {
	background-color:#0c0c0d;
	margin-right: 5px; 
	margin-bottom: 5px; 
	float:right; 
	display: inline; 
	width: 80px; 
	height: 34px;
	cursor:pointer;
	text-align:right;
	top:0; 
	padding:5px;
	border: 1px solid #5d5d5d;
}

ul.ContentTabs li:hover{background-color:#595541;}
ul.ContentTabs li a {
	padding:3px;
	border:none;
	text-decoration:none;
	border-bottom:none;

}
ul.ContentTabs li a.active, ul.ContentTabs li a:hover {outline-color:#595541;}
div.ContentPanes > div ul {list-style-type:none; margin-right:10px;}


/*Footer */
#FooterWrap{
    border-top: #4a4a59; 
    min-height:250px; 
    background: url(../images/layout/FooterBG.png) top left repeat-x;
    width:auto;
    clear:both;
    margin-top:10px; 
    margin-bottom:0;
    
    /*IE7*/
   *height:250px;
}
#FooterContent {width:1000px;margin:0px auto;text-align:left;font-size:1.2em;color:#fff;}
#FooterContent div.ColumnOne {/*border:1px solid red;*/ width:420px; float:left; padding:5px; text-align:right;}
#FooterContent div.ColumnTwo  {/*border:1px solid red;*/ width:430px; margin-left: 15px; float:left; padding:5px;}

#FooterContent a{color:#fff; text-decoration:underline;}
#FooterContent a:hover{color:#4d416f; text-decoration:none;}
#FooterContent h3.FooterHeading{ clear:both; padding:5px;font-weight:bold;color:#fff;font-size:1.3em; text-align:right;}

#FooterContent ul.Contact {display:block; list-style-type:none;line-height:1.6em;}
#FooterContent ul.Associates {width: 350px; float:right;}
#FooterContent ul.Associates li{clear:both; display:inline; list-style-type:none; line-height:1.6em;}

#FooterContent img.Associates {
	clear:both; 
	margin-right:-60px;
	
	/*IE7*/
	*margin-right:-60px;
	}

div.FaceBookFan {width:250px; height:74px;clear:both; margin-bottom:10px; margin-left:-10px;}

div.Subscribe p{padding:0 0 3px 3px;}
div.Subscribe input{margin:3px;}

#FooterContent a.SocialIcons img {border:none;padding:-8px;}
#FooterContent a.SocialIcons  {border:none;}


h2 {background-color:#0c0c0d; font-size:1.4em; border-bottom:thin solid #fff; padding:5px;}
h3 {font-size:1.3em; padding:5px; font-weight:bold; color:#595541; clear:both;}

.clear{clear:both;}
/*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;

}

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

ul#navigation {width:650px; height:50px; margin-top:15px;float:right;list-style-type:none;
	/*border: 1px solid purple;*/ 
	}
	
ul#navigation li {display:inline;border:none; }
ul#navigation li a img{border:none;text-decoration:none;}

ul#navigation li a {
	font-family: "coolvetica-1", Helvetica, Arial, sans-serif;
    /*font-family: Helvetica, Arial, sans-serif;*/
    *font-family: "coolvetica-2", Helvetica, Arial, sans-serif\9;
	color:#595959; 
	font-size:1.6em; 
	font-size:1.4em\9;/*IE Only*/ 
    *font-weight:lighter\9;/*HACK IE ONLY*/ 
	font-weight:bold; 
	text-decoration:none; 
	padding:15px 4px 15px 0px;}
	
ul#navigation li a:hover{
	color:#fff;
	background: url(../images/layout/NavHover.png) center no-repeat;
	*background:none;
	
/*	border:1px solid #595541;
	box-shadow: 2px 2px 20px #595541;
	-webkit-box-shadow: 2px 2px 20px  #595541;
	-moz-box-shadow: 2px 2px 20px #595541;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#595541, offX=2, offY=2, positive=true);*/
}


/* tooltip styling */ 
div.NavToolTip { 
    display:none; 
    /*background:url(../images/layout/NavToolTip.png) top left repeat-x;*/
	background:url(../images/layout/ToolBG.png) top center no-repeat;
	border-bottom: 1px solid #aca7bb;
/*	border-left: 1px solid #aca7bb;
	border-right: 1px solid #aca7bb;*/
    height:auto; 
	margin-top:7px;
	margin-left:10px;
    padding:22px 10px 5px 10px; 
    width:auto; 
	font-size:1.2em;
    color:#fff; 
} 
/*aca7bb*/

div.NavToolTip a{color:#fff; text-decoration:none;}
div.NavToolTip a:hover{color:#4d416f;}


/*=====================================================
=OVERLAY LIGHTBOX GALLERY
====================================================*/
#ImgOverlayWrapper{display:none; margin-top:-20px;margin-left:-200px;}
#ImgOverlayWrapper img{border:1px solid #595959; background-color:#000;}

#PromoBox { 
    /* overlay is hidden before loading */ 
    display:none; 
    /* standard decorations */ 
    width:540px;     
   
} 
/* the overlayed element */
.simple_overlay {
	/* initially hidden */
	display:none;
	z-index:10000;
	background-color:#0c0c0d;	
	min-height:200px;
	border:1px solid #595959;
	padding:30px;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/layout/CloseBtn.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:20px;
	width:50px;
}


/* "next image" and "prev image" links */
.next, .prev {
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #0c0c0d;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:1.4em;
	font-family: "coolvetica-1","coolvetica-2",sans-serif;
}

.prev {left:0;border-left:0;}
.next {right:0;border-right:0;}
a.next:hover, a.prev:hover {text-decoration:underline;background-color:#000;}
/* when there is no next or previous link available this class is added */
.disabled {visibility:hidden;}
/* the "information box" */
.info {position:absolute;bottom:0;left:0;padding:10px 15px;color:#fff;font-size:11px;border-top:1px solid #666;}
.info strong {display:block;}
/* progress indicator - initially hidden */
.progress {position:absolute;top:45%;left:50%;display:none;}
.next, .prev, .info {background:#000 !important;}
#PhotoGallery a.active img { outline:1px solid #000; z-index:9999; position:relative; }


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

fieldset legend {font-family: "coolvetica-1","coolvetica-2",sans-serif; font-size:1.4em; font-weight:bold; color:#fff;}
fieldset {border:1px solid #595959;}

/*fieldset div {margin:5px;}
fieldset div label {width:140px; float:left; text-align: right; vertical-align:middle; padding:5px;}*/
table.ContactForm td {padding:5px;}
table.ContactForm tr td.labels{width:200px;text-align:right;}
td.Choices table td {padding:0px;}


/*.Choices {width:250px; margin-left:150px; margin-left:0px\9; }
.Choices radio{}
.Choices label {*margin-top:-22px;*text-align:left;*margin-left:20px;}


fieldset div.Inline {display:inline;}

fieldset div input,
fieldset div textarea,
fieldset div select {display: inline; line-height: 1;} 
*/

input:focus,
textarea:focus {
color:#595541;
border:2px solid #595541;
box-shadow: 2px 2px 20px #595541;
-webkit-box-shadow: 2px 2px 20px  #595541;
-moz-box-shadow: 2px 2px 20px #595541;


/*IE 7*/
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
filter:none;
}

fieldset abbr {color:#990000;}
.ValidateComments {margin: 0 0 10px 160px;}
/*=====================================================
=CONTACT PAGE
====================================================*/

fieldset legend {font-family: "coolvetica-1","coolvetica-2",sans-serif; font-size:1.4em; font-weight:bold; color:#fff;}
fieldset {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 solid #595959;
box-shadow: 2px 2px 20px #595541;
-webkit-box-shadow: 2px 2px 20px  #595541;
-moz-box-shadow: 2px 2px 20px #595541;

}

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


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

/*Full screen background image */
#ImgWrap {background: url(../images/layout/loading.gif) center no-repeat; margin-top:80px; }
img.source-image {z-index:999; width:900px; 	
	box-shadow: 2px 2px 20px #000;
	-webkit-box-shadow: 2px 2px 20px  #000;
	-moz-box-shadow: 2px 2px 20px #000;}


/* View on Flickr button */
.ViewOnFlickr {position:fixed; margin-top:-46%;height:auto; padding:10px; width:auto; }
.ViewOnFlickr img{border:none;}

/* Award Winner Promo */
.AwardWinner {position:absolute; padding:10px; width:auto; }
.AwardWinner img{border:none;}

/* Sticky button at bottom left */
#EnquireNow img{border:none;}
#EnquireNow {
   /*border:1px solid red;*/
   position:fixed;
   left:0px;
   bottom:0px;
   height: 121px;
   width: 114px;
   text-decoration:none;
   _display:none;
} 

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

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

/*=====================================================
=WEDDINGS PAGE
====================================================*/

body.CanberraWeddings {background: #0d0d0f url(../images/layout/WeddingsBodyBG.jpg) top center no-repeat;}
h1#WeddingPhotography {margin:40px 0 5px 0; font-family: "natalya-1","natalya-2", Georgia, Times; font-size:7em; color:#fff;}
body.CanberraWeddings h2{font-family: "natalya-1","natalya-2", Georgia, Times, serif, cursive; font-size:2em;}
/*=====================================================
=COMMERCIAL PAGE
====================================================*/

body.CanberraCommercial {background: #0d0d0f url(../images/layout/CommercialBG.png) top left repeat;}
h1#CommercialPhotography {margin:50px 30px 5px 0; font-family: "obliqua-1","obliqua-2",sans-serif; font-size:4.3em; color:#fff;}
	
/*=====================================================
=PORTRAIT PAGE
====================================================*/

body.CanberraPortraiture {background: #0d0d0f url(../images/layout/PortraitBG.jpg) top left repeat;}
h1#PortraitPhotography {margin:50px 15px 5px 0;font-family: "grad-1","grad-2",serif;font-size:4.5em; color:#fff;}

/*=====================================================
=CONTENT PAGES
====================================================*/

h1#AboutUs {margin:50px 15px 5px 0; font-family: "coolvetica-1","coolvetica-2",sans-serif;font-size:5.2em; color:#fff;}
h1#MakeUp {margin:50px 15px 5px 0; font-family: "coolvetica-1","coolvetica-2",sans-serif;font-size:4.5em; color:#fff;}
h1#Contactus {margin:50px 15px 5px 0; font-family: "coolvetica-1","coolvetica-2",sans-serif;font-size:4.5em; color:#fff;}
	
#MainContent h2{background-color:#595541; margin:10px 0;}
#MainContent ul {margin-left:40px;font-size:1.2em;}
#Testimonials  h2{color:#fff;}