/************* GENERAL STYLES ***/


html, body {
	text-align:left;
	font-size: 12px;
	font-family:'verdana', 'Helvetica', 'Arial', sans-serif;
	color:black;
	background: url(../images/header.png) top center repeat-x ;
	overflow-x: hidden;
	
	}
	
		
		a {text-decoration:none; outline: none; }

a:hover {text-decoration:none; outline: none; }

a img { border: none; }

h1{font-family: Verdana sans-serif;
	font-size: 25px;
	color: #3d3d3d;
	position: relative;
	}
	
h2{font-family: Verdana sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #3d3d3d;
	position: relative;
	top: 45px;}


	/*** FONT STYLES ***/	
			
/************* STRUCTURE STYLES ***/

#wrapper {
	width:768px;
	margin: 0 auto;
	}

	#headerWrap {
		width: 916px;
		min-height: 190px;
		margin: 0 auto;
		position: relative;
		top:45px;
		display: block;
		}

		/**** CLASSIC TEXT ****/
		a#classicText {
			margin: 0 auto;
			margin-top: -13px;
			width: 220px;
			height: 190px;
			display: block;
			float: left;
			background: url(../images/classic_text.png) top left no-repeat;}
			
		
		/***** NAVIGATION STYLES *****/
		ul#headerNav {
			width: 350px;
			height: 47px;
			float: left;
			margin-left: 170px;
			margin-top: 50px;
			
			
			 }
			
			ul#headerNav li {
				list-style: none;
				outline: none; 
				float: left; }
				
				ul#headerNav a.home {
					display: block;
					width: 72px;
					height: 47px;
					background:url(../images/nav_home.png); }
			
				ul#headerNav a.about {
					display:block;
					width: 86px;
					height: 47px;
					background:url(../images/nav_about.png) ; }
					
				ul#headerNav a.products {
					display:block;
					width: 97px;
					height: 47px;
					background:url(../images/nav_products.png); }
						
		
				ul#headerNav a.contact{
					display:block;
					width: 95px;
					height: 47px;
					background:url(../images/nav_contact.png); }
						
				ul#headerNav a:hover {
					background-position: bottom left; }

#classicLogo{
	width: 220px;
	min-height: 157px;
	display: block;
	position: relative;
	top: -20px;
	left: 600px;
	z-index: 1;
	background: url(../images/logo.png) top left no-repeat;}

#contentWrapper {
	width:689px;
	min-height: 314px;
	background: url(../images/main-area.png) top left no-repeat;
	position: relative;
	left: 53px;
	top: 60px;
	z-index: -1;}
	


	ul#three {	
		margin: 0 auto;
		width: 689px;
		float: left;
		display: block;
		margin-top: 20px;
		
		margin-left: 60px;
		
		 }
			
			ul#three li {
				list-style: none;
				outline: none; 
				float: left; 
				margin-right: 9px;}
				
				ul#three a.first {
					display: block;
					width: 220px;
					height: 123px;
					background:url(../images/design.png); }
			
				ul#three a.second {
					display:block;
					width: 220px;
					height: 123px;
					background:url(../images/sale.png) ; }
					
				ul#three a.third {
					display:block;
					width: 220px;
					height: 123px;
					background:url(../images/modern.png); }
						
		
						
				ul#three a:hover { background-position: bottom left; }

#footerWrap{
	margin-top: 180px;
	background:url(../images/footer.jpg) #3d3d3d top left repeat-y;
 
	}
#footer {   width: 689px;
			height: 90px;
			
			position: relative;
			margin: 0 auto;
			display: block;
		  }




#container{	
		margin:0 auto;
		float: left;
		text-align:left;
		width:689px;
		min-height: 314px;
		background:#fff;	
		display: block;	
		margin-left: 50px;
		margin-top: -130px;
		z-index: -1;
		
		}	
				
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:689px;
		height:314px;
		overflow:hidden; 
		display: block;
		z-index: -1;
		}	
#slider { margin-top: -120px;
		  margin-left: 50px;}





/*** ABOUT US ****/
#aboutMain {
width: 852px;
height: 450px;
position: relative;
top:100px;

background: url(../images/paper.jpg) top left no-repeat;}

#aboutMain p {color:#3d3d3d;
text-align: justify;
width:540px;
margin-bottom: 10px;
font-size: 14px;
position: relative;
top: 50px;
left: 270px;
}

#aboutPic {
width: 252px;
height: 282px;
background: url(../images/shots.jpg) top left no-repeat;
float: left;
margin-top: 50px;
}


/***** CONTACT US *****/
#contactWrapper {
position: relative;
top: 50px;
width: 900px;
min-height: 500px;
}

#address {
width: 380px;
min-height: 300px;
border-right: 1px solid grey;
position: relative;
top:100px;
padding-top: 10px;
padding-right: 10px;}

#address p {
font-family: Verdana sans-serif;
font-size: 20px;
color: #3d3d3d;}


#contactFrom {width: 310px;}
#contactForm fieldset {padding: 0; border: none;
float: right;
margin-right: 100px;
margin-top: -220px;
}
#contactForm input, #contactForm textarea {
					display: block;
					margin-bottom: 13px;				
					font-family: Verdana, sans-serif;
					font-size: 17px;
					color: #3d3d3d;
					outline-color: #a8ccea;
					outline-width: thick;
					outline-color: : grey 2px solid;
					
					}
					
#contactForm textarea input:focus  {border: #a3a86b 2px solid;}



#contactForm input {
 
					width: 360px;
					height: 33px;
					padding: 6px 7px 6px 8px;
					
					}
					
	
				#contactForm textarea {
										width: 367px;
					height: 200px;
					padding-left: 6px;
					padding-top: 4px;
					overflow: auto; }
					
				#contactForm button {
					display: block;
					width: 86px;
					height: 46px;
					position: relative;
					text-indent: -9999px;
					background: url(../images/send.png) top left no-repeat;
					cursor: pointer;
					outline: none;
					border: none;
					left: 290px; 
					}

/*** CLEARFIX ***/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; } /* SAFARI FIX */

* html .clearfix { height: 1%; } /* IE6 FIX */