/*----------------------------------------------------------------------------------------------------
Stylesheet: GoDigital Media | www.complexionsbycourtney.com.au
Version: 1.0
Author: Benjamin Nicoll
Website: http://www.godigital.com.au

Basecode: 960 Grid System	|	http://960.gs/	|	Licensed under GPL and MIT.
----------------------------------------------------------------------------------------------------*/






/* `Global Styles
----------------------------------------------------------------------------------------------------*/
body 												{ background:#060807; color:#CCCCCC; font-size:12px; padding:0; }
#digisite											{  }
#sidebar 											{ position:fixed; float:left; }
#maincontent 										{ float:right; }

/* `General Typography
----------------------------------------------------------------------------------------------------*/
a													{ color:#FFCC00; }

h1 													{ font-size: 3em; font-weight: normal; letter-spacing: -1px; color:#FFFFFF; }
h2 													{ font-size: 2.7em; font-weight: normal; color: #257995; }
h3 													{ font-size: 2em; font-weight: normal; letter-spacing: -0.5px; padding-top: 15px; }
h4 													{ font-size: 1.3em; }
h5 													{ font-weight: bold; }
h6 													{ font-size: .9em; font-weight: bold; }

/* Menu & Logo
----------------------------------------------------------------------------------------------------*/
#companyname h1										{ position: relative; float: left; background: url('/images/logos/logo-complexions.jpg') no-repeat 0 0; width: 280px; height: 100px; margin:0 0 0 0; line-height: 1; font-size: 1.3em; overflow: hidden; }
	#companyname h1 a 								{  }
	#companyname h1 span 							{ display: none; }

#navigation											{ margin-top:25px; margin-bottom:25px; float:left; }
	#navigation ul									{ list-style-type:none; }
		#navigation li								{ margin-left:0; }
	
.button_home 										{ width:220px; height:32px; display:block; background:url('/images/core/sprites.png') no-repeat; padding-left:60px; color:#CCCCCC; padding-top:8px; margin-bottom:10px; text-shadow:none; font-size:16px; letter-spacing:-1; text-decoration:none; }
.button_services 									{ width:220px; height:32px; display:block; background:url('/images/core/sprites.png') no-repeat 0 -40px; padding-left:60px; color:#CCCCCC; padding-top:8px; margin-bottom:10px; text-shadow:none; font-size:16px; letter-spacing:-1; text-decoration:none; }
.button_gallery 									{ width:220px; height:32px; display:block; background:url('/images/core/sprites.png') no-repeat 0 -80px; padding-left:60px; color:#CCCCCC; padding-top:8px; margin-bottom:10px; text-shadow:none; font-size:16px; letter-spacing:-1; text-decoration:none; }
.button_contact 									{ width:220px; height:32px; display:block; background:url('/images/core/sprites.png') no-repeat 0 -120px; padding-left:60px; color:#CCCCCC; padding-top:8px; margin-bottom:10px; text-shadow:none; font-size:16px; letter-spacing:-1; text-decoration:none; }

.button_home:hover 									{ background:url('/images/core/sprites.png') no-repeat -280px 0; text-decoration: none; color:#FFFFFF; }
.button_services:hover 								{ background:url('/images/core/sprites.png') no-repeat -280px -40px; text-decoration: none; color: #FFFFFF; }
.button_gallery:hover		 						{ background:url('/images/core/sprites.png') no-repeat -280px -80px; text-decoration:none; color:#FFFFFF; }
.button_contact:hover 								{ background:url('/images/core/sprites.png') no-repeat -280px -120px; text-decoration:none; color:#FFFFFF; }


/* `About Us
----------------------------------------------------------------------------------------------------*/


/* `Services
----------------------------------------------------------------------------------------------------*/
#services											{ margin-top: 150px; } 
 

/* `Portfolio & Gallery
----------------------------------------------------------------------------------------------------*/
 
 
 /* `Contact Form & Google Map
----------------------------------------------------------------------------------------------------*/
#map												{ border: 5px solid #bab9ae; width:330px; height:330px; } 

#contactform										{  }
	#contactform li									{ list-style:none; margin-left:0; }
	#contactform input								{ width:250px; margin-bottom:10px; color:#999; padding:5px; }
	#contactform textarea							{ width:253px; margin-bottom:15px; color:#999; padding:5px; }
  	#contactform input.button						{ width:125px; margin-bottom:10px; color:#444444; padding:5px; background:#CCCCCC; }


/* `Footer
----------------------------------------------------------------------------------------------------*/
#footer 											{ background:#060807; height:30px; padding-top:25px; padding-bottom:25px; }
	 
#godigital 											{  }
/* logotype */
	#godigital h1 									{ position: relative; float: right; background: url('/images/logos/logo-godigital-footer.jpg') no-repeat 0 0; width:80px; height:30px; margin:0px 0 0px 0; line-height: 1; font-size: 1.3em; overflow: hidden; }
		#godigital h1 a 							{  }
		#godigital h1 span 							{ display: none; }


/* `IE6 Not Supported
----------------------------------------------------------------------------------------------------*/
#ie6-box 											{ background-color:#cddceb; padding:8px; margin-bottom:4px; }
#ie6-box .upgrade-message 							{ font-size:11px; width:430px; }
#ie6-box .upgrade-message a 						{ /* Override link properties because of translation */  text-decoration:none !important; color:black !important; border-bottom:0 !important; cursor:text;  }
#ie6-box .browser-links 							{ float:right; }
#ie6-box .browser-link img 							{ background-image:url('/images/core/browsers.png'); width:172px; height:32px; margin-left:8px; float:left; }
#ie6-box .browser-link:hover img 					{  background-position-x:-172px; }
#ie6-box .chrome-link 								{ background-position-y:0; }
#ie6-box .ie8-link 									{ background-position-y:-32px; }
#ie6-box .firefox-link 								{ background-position-y:-64px;