*						{ margin:0; padding:0; }
body					{ background:url(img/background.jpg); font-family:verdana, sans-serif; }
.wrapper				{ width:960px; margin:0 auto; }
a						{ outline: none; text-decoration:none; }
img						{ border: none; }
ul						{ list-style: none; list-style-image: none; list-style-position: outside; list-style-type: none; }
.fl						{ float:left; }
.fr						{ float:right; }
.clear					{ clear:both; }

/* Type */
@font-face 				{ font-family: "Black"; src: url("fonts/Blackout-Midnight.eot") /* EOT file for IE */ }
@font-face 				{ font-family: "Black"; src: url("fonts/Blackout-Midnight.ttf") /* TTF file for CSS3 browsers */ }
h3						{ font-size:30px; color:#fff; font-family:"Black", Verdana, Arial, sans-serif;}
p						{ font-family:Verdana, Arial, sans-serif; font-size:13px; color:#000; line-height:18px; margin-bottom:10px;}

/* Header */
#header 				{ padding-top: 20px; margin-bottom: 30px; }
#header a				{ width: 260px; }
#header h1				{ background:url(img/transphoto.png) no-repeat; width:260px; height:165px; cursor:pointer; text-indent:-9999px; }

/* Fix up IE6 PNG Support */
#header h1, #nav ul li a				{ behavior: url(http://localhost:8888/transphoto/content/iepngfix/iepngfix.htc); }

/* Navigation */
#nav					{ width: 600px; margin: 50px 0 0 100px; } 
#nav ul li				{ display: inline; float:left; }
#nav ul li a			{ background:url(img/nav-sprite.png) no-repeat; display: block; height:70px; text-indent:-9999px; cursor: pointer;  }

#nav ul li a.about 				{ background-position: 0 0; width:97px; }
#nav ul li a.prices 			{ background-position: -97px 0; width:104px; }
#nav ul li a.gallery 			{ background-position: -201px 0; width:115px; }
#nav ul li a.airbrushing		{ background-position: -316px 0; width:168px; }
#nav ul li a.contact 			{ background-position: -484px 0; width:116px; }

#nav ul li a.about:hover 		{ background-position: 0 -70px;  }
#nav ul li a.prices:hover 		{ background-position: -97px -70px; }
#nav ul li a.gallery:hover 		{ background-position: -201px -70px; }
#nav ul li a.airbrushing:hover 	{ background-position: -316px -70px; }
#nav ul li a.contact:hover	 	{ background-position: -484px -70px; }

#nav ul li a.about.selected 		{ background-position: 0 -70px;  }
#nav ul li a.prices.selected 		{ background-position: -97px -70px; }
#nav ul li a.gallery.selected		{ background-position: -201px -70px; }
#nav ul li a.airbrushing.selected 	{ background-position: -316px -70px; }
#nav ul li a.contact.selected	 	{ background-position: -484px -70px; }

/* Footer */
#footer					{ background: url(img/footer-bg.png) repeat-x scroll left bottom; color:#fff; height:200px; padding-top: 100px;}
#footer a				{ color:#fff;}
#footer a:hover			{ color:#ffff00;}
#footer p				{ color:#fff;}
#footer .footer-text 	{ border-bottom:1px dotted #e6ff00; padding-bottom:20px;  }
#footer .footer-copy	{ padding-top:20px;}
#footer .footer-copy p	{ font-size:11px; color:#fff; }
#footer .footer-image	{ /*background: url(img/footer-image.png)  no-repeat; height:184px; width:358px; position:relative; left:615px; top:100px; */ }

/* Homepage */
#heading-container		{ padding-top: 30px; }

#image-holder			{ width:716px; 
						  height:466px; 
						  float:left; 
						  background:url(img/image-holder.png) no-repeat; 
						  position: relative; 
						  z-index: 4; }

#info-box				{ width:318px; 
						  height:478px; 
						  float:right; 
						  background:url(img/info-box.png) no-repeat; 
						  margin-left:-100px; 
						  z-index: 1; 
						  position: relative; }		

#info-box .email		{ position: relative; 
						  top: 362px; 
						  left: 80px; 
						  width:200px; 
						  padding: 6px; 
						  background: #35260f; 
						  border: none; 
						  font-size: 13px; 
						  color:#ffff00; 
						  font-weight: normal; }				  
#info-box .btn			{  
						  position: absolute;
						  top:425px;
						  left:230px;
						  border: none; }
#info-box .form-message	{ position: relative;
						  width: 130px;
						  top:400px;
						  left:87px;
						  color:#000; }

#image-holder .rotating-images { display: inline; float:left; left:8px; top:8px; position:relative; }
#image-holder .rotating-images li { position: absolute; }
#image-holder .rotating-images .rotating { display:inline; float:left; width:694px; height:444px; }

h2.intro				{ font-size:45px; font-family:"Black", Verdana, Arial, sans-serif; color:#fff; text-align:center; margin-top:20px; width:710px; text-shadow:0px 0px 8px #000;}
span.highlight			{ color:#e6ff00; }

.services				{ margin-top:30px; }
.services ul li			{ width:230px; margin-right:13px; float:left; text-align:center; }
.services ul li img		{ padding-bottom:15px; }
.services ul li.last	{ margin-right:0px; }
.services a				{ color:#fff; }
.services a:hover		{ color:#e6ff00; }

/* Layout */
#col-a					{ width:310px; margin-right: 60px; float:left; }
#col-a h3				{ margin-bottom:10px;}
#col-a .container		{ padding:40px 0 0 0;}
#col-b					{ width:589px; float:right; }
#col-b h3				{ text-align:right; margin-bottom:10px; }
#content				{ margin-bottom: 40px; }

#sub-nav				{ color:#fff; font-family:"Black", Verdana, sans-serif; padding:40px 0 0 20px; }
#sub-nav ul li a		{ color:#fff; font-size:40px; }
#sub-nav ul li a.selected, a:hover	{ color:#e6ff00; }
#sub-nav ul li a:hover	{ color:#e6ff00; }
#info					{ background:#fdf4e1; padding:15px; }

/* Gallery */
#thumb-grid ul li		{ display: inline block; 
						  width:136px; 
						  height:160px; 
						  margin: 0 15px 15px 0;
						  float:left;  
						  overflow:hidden;
						  -moz-box-shadow: 0px 0px 12px #000;
						  -webkit-box-shadow: 0px 0px 8px #000;
						  box-shadow: 0px 0px 8px #000; }
						  
#thumb-grid ul li a	 	{ width: 230px; height: 160px; display: block; position: relative; }
#thumb-grid ul li.last	{ margin-right: 0px; }		

/* Airbrushing */
.container span			{ float:right;}
.airbrushing			{ padding: 0px !important; }
/* Slideshow style rules. */
#slideshow 				{ width:589px; height:600px; position:relative; }
#slideshow #slidesContainer { margin:0 auto; 
							  width:520px; 
							  height:600px; 
							  overflow:auto; /* allow scrollbar */ 
							  position:relative; 
							  border:5px solid #fff;
							  -moz-box-shadow: 0px 0px 12px #000;
						  	  -webkit-box-shadow: 0px 0px 15px #000;
							  box-shadow: 10px 10px 5px #fff; }
#slideshow #slidesContainer .slide { margin:0 auto; width:589px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:600px; }

/* Slideshow controls style rules. */
.control 				{ display:block; width:39px; height:263px; text-indent:-10000px; position:absolute; cursor: pointer; z-index: 3; }
#leftControl 			{ top:250px; left:0; background:url(img/control_left.png) no-repeat 0 0; width:48px; height:53px; }
#rightControl			{ top:250px; right:-15px; background:url(img/control_right.png) no-repeat 0 0; width:48px; height:53px; }

/* Prices */
#prices .col-a			{ width:386px; margin-right:60px; background:#fdf4e1; float:left; padding:32px; margin-top:40px; }
#prices .col-b			{ width:386px; float:right; background:url(img/container-bg.jpg); padding:32px; margin-top:40px; color:#fff;}
#prices .col-a h3		{ color:#000;}
#prices .info			{ width:896px; background:#fdf4e1; padding: 32px; margin-bottom: 30px;  }
#prices h3 				{ margin-bottom: 10px; text-shadow: 0px 1px 0px #fff; }
#prices ul				{ margin:20px 0;}
#prices .grid_4			{ background-color:#fdf4e1; width:270px; margin-right: 30px; margin-bottom: 30px; float:left; padding:15px; min-height: 262px; }
#prices .grid_4.last	{ margin-right: 0px; }
#prices .grid_4 h3		{ color:#000; }
#prices p				{ font-size: 14px; line-height: 20px; }
#prices h4				{ color: #000; font-family: Georgia, times, serif; font-style: italic; font-size: 24px; margin-bottom: 20px; text-shadow: 0px 1px 0px #fff; }
#prices p small			{ font-size: 11px; }
#prices ul li			{ margin-bottom: 10px; }
#prices h4.price		{ font-size: 35px; }

#prices .price1			{ background: #beb7a7; }
#prices .price2			{ background: #e1dbcd; }
#prices .price3			{ background: #fff9eb; }

/* Contact */
#contact-form			{ background:#fdf4e1; padding:35px; }
#contact-form form		{ width: 520px; margin:0 auto; margin-top:50px; }
#contact-form td		{ padding-bottom:10px; vertical-align:top; width:120px; }
#contact-form input		{ width:350px; padding:5px; font-size:15px; border:none; border-bottom:1px solid #fff; background:#dfd5c0; color:#333333; }
#contact-form textarea	{ width:350px; height:120px; padding:5px; font-size:15px; border:none; border-bottom:1px solid #fff; background:#dfd5c0; color:#333333; margin-bottom: 20px; }
#contact-form td.r		{ padding-left:10px; width:auto; }

.button					{ padding:8px 12px;  
						  background: #ae9575;
						  border: none;
						  text-align:right; 
						  font-size: 18px;
						  text-shadow: 0px 1px 1px rgba(0,0,0.3);

						  -moz-border-radius: 8px;
						  -webkit-border-radius: 8px;
						  border-radius: 8px;
						  
						  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
						  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
						  box-shadow: 0 1px 2px rgba(0,0,0,.2);
						  
						  width: auto; 
						  cursor: pointer; }
.orange		 			{ color:#fef4e9 !important;
						  border: solid 1px #da7c0c !important;
						  background: #f78d1d !important;
						  background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)) !important;
						  background: -moz-linear-gradient(top, #faa51a, #f47a20) !important;
						  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20') !important;
						  }
.orange:hover			{ background: #f47c20 !important;
						  background: -webkit-graident(linear, left top, left bottom, from(#f88e11), to(#f06015)) !important;
						  background: -moz-linear-gradient(top, #f88e11, #f06015) !important;
						  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');  
						}
						
.contact img			{ margin-bottom:20px;}