@charset "utf-8";
/* CSS Document */

body { margin: 0pt auto;
	   background-color: #0a0a0a;
	   background-image: url(images/bg.jpg);
	   background-repeat: repeat-x;
	   }
	   
#wrapper { margin: 0pt auto;
		   width: 800px;
		   height: auto;
		   display: table;
		   background-color: #151515;
		   }
		   
		   
/*	navagation line ------------------------------------------------------------------------------------------------------------- */ 
            
			#navigation {width: 800px; height: 70px; margin: 0pt auto;}
	        #navigation ul { list-style-type:none; padding:0; margin:0}
			#navigation li  { float:left; padding:0; margin:0} 
			#navigation li a { text-indent:-2000%; outline:none; display: block; background-position:top}
			#navigation li a:hover { background-position:bottom left;}
					
					#navigation .nav1   {width: 353px; height: 70px; background-image: url(images/nav_01.jpg)}
					#navigation .nav2 a {width: 104px; height: 70px; background-image: url(images/nav_02.jpg)}
					#navigation .nav3 a {width: 104px; height: 70px; background-image: url(images/nav_03.jpg)}
					#navigation .nav4 a {width: 104px; height: 70px; background-image: url(images/nav_04.jpg)}
					#navigation .nav5 a {width: 135px; height: 70px; background-image: url(images/nav_05.jpg)}

/*---------------------------------------------------------------------------------------------------------------------------*/

#banner { margin: 0pt auto;
		  width: 800px;
		  height: 299px;
		  background-image: url(images/banner.jpg);
		  }
		  
#works { width: 248px;
		 height: auto;
		 margin: 21px 0 20px 0;
		 padding: 20px 0 0 0;
		 background-repeat: no-repeat;
		 background-position: left top;
		 }
		 
#works img { padding: 0 7px 11px 0;}

#gallery { width: 750px;
		 height: auto;
		 margin: 21px 0 20px 0;
		 padding: 60px 0 0 0;
		 background-image: url(images/text_gallery.jpg);
		 background-repeat: no-repeat;
		 background-position: left top;
		 }
		 
#gallery img { margin: 0 9.5px 10px 0;}

#gallery a img { text-decoration: none; outline: none;
				 border: solid 1px #333; }

#gallery a:hover img { text-decoration: none; outline: none;
				 border: solid 1px #f1f1f1;}


#content_wrap { margin: 0pt auto;
			    width: 800px;
				height: auto;
				display: table;
				clear: both;}
		 
#contact { width: 272px;
		 height: auto;
		 }		   
	   

#footer { margin: 0pt auto;
		  width: 800px;
		  height: auto;
		  background-image: url(images/bg_corner_footer.jpg);
		  background-repeat: no-repeat;
		  background-position: left top;
		  }
		  
#space { margin: 0pt auto;
		 height: 40px;
		 width: 800px;}
		  
.content { padding: 15px 0px 20px 10px;
		   color: #b2b2b2;
		   font-family: Verdana, sans-serif;
		   font-size: 12px;
		   font-style: normal;
		   font-weight: normal;
		   text-align: justify;
		   letter-spacing: normal;
		   line-height: 1.4em;
		   }
		   
.content strong {
		   color: #CCCCCC;
		   font-family: Verdana, sans-serif;
		   font-size: 12px;
		   font-style: italic;
		   font-weight: bold;
		   text-align: justify;
		   letter-spacing: normal;
		   line-height: 1.4em;
		   }
		   
.title {  
		    color: #ffc47d;
		    font-family: “Trebuchet MS”, sans-serif;
			font-size: 18px;
			font-style: normal;
			font-weight: bold;
			text-transform: normal;
			letter-spacing: 0px;
			line-height: 1.2em;
		   }
		   
.footer { padding: 0 0 0 20px;
		  font-family: Arial, Helvetica, sans-serif;
		  font-size: 9px;
		  color: #333;
		  float: left;
		  text-align: left;
		  margin: 30px 0 20px 0;
		  
		  }
		  
.footer a { 
		  font-family: Arial, Helvetica, sans-serif;
		  font-size: 9px;
		  color: #333;
		  text-decoration: none;
		  text-align: left;
		  outline: none;
		  margin: 30px 0 20px 0;
		  
		  }
		  
.footer a:hover { 
		  font-family: Arial, Helvetica, sans-serif;
		  font-size: 9px;
		  color: #F90;
		  text-decoration: none;
		  outline: none;
		  text-align: left;
		  margin: 30px 0 20px 0;
		  
		  }
		  
.sitemap { padding: 0 0 0 20px;
		  font-family: Arial, Helvetica, sans-serif;
		  font-size: 9px;
		  color: #333;
		  float: right;
		  text-align: right;
		  margin: 30px 20px 0 0;
		  
		  }
		  
.sitemap a { 
		  font-family: Arial, Helvetica, sans-serif;
		  font-size: 9px;
		  color: #333;
		  text-decoration: none;
		  outline: none;
		  
		  }
		  
.sitemap a:hover { 
		  font-family: Arial, Helvetica, sans-serif;
		  font-size: 9px;
		  color: #F90;
		  text-decoration: none;
		  outline: none;

		  }
		  
.fieldset { width: 230px;
		   height: auto;
		   border: none;
		   background-color: #333;
		   }
		   
		   
/*-----------------------------------form-------------------------------------*/


.clear { clear: both; }
fieldset { border: none;
		   width: 231px;
		   height: auto; }
input, textarea, a { outline: none; }


#page-wrap {
	width: 231px;
	margin: 0 auto;
	min-height: 600px;
}
form {
	padding: 10px 0 0 0;
}

#formLeft {
	width: 231px;
	background-image: url(images/text_form.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 60px 0 20px 0;
	margin: 10px 0 0 3px;
	}
	
	#formLeft input {
		width: 231px;
		height: 30px;
		color: #fff;
		border: none;
		text-align: left;
		background: none;
		margin: 5px 0 0 15px;
		font-size: 14px;
	}
	#formLeft .input-bg {
		background: url(images/form-sm-bg.jpg) bottom left no-repeat transparent;
		height: 30px;
		position: relative;
	}
	#formLeft .active {
		background: url(images/form-sm-bg.jpg) top left no-repeat transparent;
	}
#formRight {
	width: 231px;
	}
	#formRight textarea {
		width: 231px;
		height: 169px;
		display: block;
		color: #fff;
		border: none;
		background: none;
		margin: 5px 0 0 15px;
		font-family: Helvetica, sans-serif;
		font-size: 12px;
		overflow: auto;
	}
	#formRight .message-bg {
		background: url(images/message-bg.jpg) bottom left no-repeat transparent;
		height: 169px;
	}
	#formRight .active {
		background: url(images/message-bg.jpg) top left no-repeat transparent;
	}
label {
	display: block;
	color: #b2b2b2;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.5em;
}
label.error {
	position: absolute;
	top: -21px;
	right: 80px;
	padding: 3px 3px 3px 10px;
	color: #FF6666;
	font-size: 10px;
	text-align: right;
	font-style: italic;
	font-weight: normal;
}
input.submit-button {
	padding-right: 31px;
}