body
{
font-size: 62.5% ; 
background-image:url(../images/back.png);
margin: 0;
padding: 0;
} 

.left_text {
width:450px; float:left;
}

.clearfix {
clear:both;
}

a
{
border: none !important;	
}

a img {

border: none !important;	

}

#header
{
width: 100%;
height: 200px;
padding-top:10px;
min-width:960px;
margin: 0;
background-image:url(../images/head.png);
border-bottom: 2px solid #fff;
}

#nav_main
{
width: 750px;
float: right;
padding: 0;
margin: 0;
background-color:#1f1f1f;
margin-top: -60px;
-webkit-box-shadow: inset 0px 2px 8px 4px rgba(00, 00, 00, 0.2);
-moz-box-shadow: inset 0px 2px 8px 4px rgba(00, 00, 00, 0.2);
box-shadow: inset 0px 2px 8px 4px rgba(00, 00, 00, 0.2);
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
-webkit-border-radius: 2px 0px 0px 2px;
border-radius: 2px 0px 0px 2px;
}


#container
{
width: 960px;
margin: 0 auto;	
}

.content
{
width: 960px;
margin: 0 auto;	
padding: 7px;
overflow:auto;
}



#footer_wrap 
{
width:100%; 
background:#000;
border-top: 2px solid #fff;
}

#footer 
{
width:940px; 
padding:10px; 
color:#fff;
margin: 0 auto;
text-align: center;
}

#footer p
{
font-size: 1.2em;	
}

#slider_container {
	 
	width:950px;
	
	border: 5px solid #fff;
	margin:-90px auto 0px auto;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(00, 00, 00, 0.2);
	-moz-box-shadow: 3px 3px 5px 0px rgba(00, 00, 00, 0.2);
	box-shadow: 3px 3px 5px 0px rgba(00, 00, 00, 0.2);
	}


#text
{
width: 470px;
padding: 20px;
float: left;	
border-right: 1px solid #efefef;
}

#contact_text
{
width: 470px;
padding: 20px;
float: left;	
}
#test
{
width: 395px;
padding: 10px;
float: right;
}

.testimonials {padding:0px; font-size:2em; font-family: 'garamond' , serif; width:300px;}

#contact
{
width: 960px;
margin: 0 auto;
padding: 50px;	
}

#wrap
{
width: 100%;
background-color:#fff;	
margin-top: 45px;
-webkit-box-shadow: 3px 3px 5px 0px rgba(00, 00, 00, 0.2);
-moz-box-shadow: 3px 3px 5px 0px rgba(00, 00, 00, 0.2);
box-shadow: 3px 3px 5px 0px rgba(00, 00, 00, 0.2);
}

/**secondary**/

#read
{
width: 130px;
height: 30px;
background-color: #84a23c;
text-align:center;
margin-top:20px;	
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 3px 3px 5px 0px rgba(00, 00, 00, 0.1);
-moz-box-shadow: 3px 3px 5px 0px rgba(00, 00, 00, 0.1);
box-shadow: 3px 3px 5px 0px rgba(00, 00, 00, 0.1);
border: 1px solid #6e8732;
}

#map
{
float: left;
margin-top:20px;
border: 5px solid #fff;
-webkit-box-shadow: 3px 3px 5px 0px rgba(00, 00, 00, 0.2);
-moz-box-shadow: 3px 3px 5px 0px rgba(00, 00, 00, 0.2);
box-shadow: 3px 3px 5px 0px rgba(00, 00, 00, 0.2);	
}

#logo
{
width: 400px;
margin: 0;
padding: 0;
padding-top:10px ;

}

#logo img
{
width: 160px;	
}
/**fonts style**/

h1
{
	
font-family: 'garamond', 'baskerville', serif;
font-size: 2em;	
font-weight:500;
}

h2
{
font-family: helvetica , serif;
line-height:1.75;
font-size: 1.5em;
width: 400px;	
padding-top:20px;
font-weight:100;
}

p
{
font-family: helvetica , serif;
line-height:1.75;
font-size: 1.5em;
padding-top: 5px;
font-weight:100;	
}

#nav_main a
{
color: #d7d7d7;	
}

#nav_main a:hover
{
color: #ffffff;	
}

a:link 
{
text-decoration:none; 
border:0;
}

#butt
{
font-family: helvetica , serif;
font-size:1.5em;	
color: #fff;
font-weight:500;
line-height:1.8;
text-shadow: 0px 1px 0px #000000;
filter: dropshadow(color=#000000, offx=0, offy=1);
}

#read:hover
{
-webkit-box-shadow: inset 0px 2px 2px 2px rgba(00, 00, 00, 0.1);
box-shadow: inset 0px 2px 2px 2px rgba(00, 00, 00, 0.1);	
}

#nav_main li
{
font-family:'garamond', 'baskerville', serif;
font-size: 2em;
display: inline;	
margin: 0;
text-decoration:none;
padding: 15px;
}



/**logo section of the index page**/

#company
{
width: 460px ;
float: left;
height: 520px;
margin-top: 50px;
padding-left: 20px;
}

#right_colm
{
float: right;	
}
#left_colm
{
float: left;	
}



#company img
{
padding-top: 50px;
margin: 10px;	
}


#fbook
{
width: 420px;
float: right;	
text-align:left;
margin-top: 20px;
}

#fbook img
{
float: left;	
padding-right: 10px
}

#fbook p
{
line-height:1.75;
margin-top: -1px;
}

#fbook a
{
color: #5b74a9;
}

#fbook a:hover
{
color: #000;	
}
/*_______________ contact Form Widget _______________*/


#contact-wrapper {
	width:420px;
	float:right;
	}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}

#contact-wrapper h2
{
font-weight:bold;	
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:1.2em;
	text-shadow:#fff 0px 1px 1px;
	padding-bottom:3px;
	width:auto;
}
form#contactform input {
	border: none;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width:400px;
	height: 40px;
	padding:5px;
	font-size:1.6em;
	-webkit-box-shadow: inset 1px 1px 1px 1px rgba(00, 00, 00, 0.2);
	box-shadow: inset 1px 1px 1px 1px rgba(00, 00, 00, 0.2);
	outline: none;
}

form#contactform input:focus {
	-webkit-box-shadow: inset 2px 2px 2px 2px rgba(00, 00, 00, 0.2);
	box-shadow: inset 2px 2px 2px 2px rgba(00, 00, 00, 0.2);
	}


form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:1.6em;;
	padding:0.6em 0.5em 0.7em;
	
	min-width:400px;
	max-width:400px;
	-webkit-box-shadow: inset 1px 1px 1px 1px rgba(00, 00, 00, 0.2);
	box-shadow: inset 1px 1px 1px 1px rgba(00, 00, 00, 0.2);
	outline: none;
	border: none;
}


form#contactform textarea:focus {
-webkit-box-shadow: inset 2px 2px 2px 2px rgba(00, 00, 00, 0.2);
box-shadow: inset 2px 2px 2px 2px rgba(00, 00, 00, 0.2);
}

#contactform label
{
font-family:'helvetica' , serif;
line-height:1.75;
font-size: 1.5em;
padding-top: 5px;
font-weight:100;	
}

form#contactform input[type=submit] {
font-family:'helvetica' , 'serif';
font-size:1.5em;	
color: #fff;
font-weight:500;
line-height:1;
text-shadow: 0px 1px 0px #000000;
filter: dropshadow(color=#000000, offx=0, offy=1);
margin-top:20px;
margin-bottom:20px;	
width: 130px;
height: 30px;
background-color: #84a23c;
text-align:center;
margin-top:20px;	
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 3px 3px 5px 0px rgba(00, 00, 00, 0.1);
-moz-box-shadow: 3px 3px 5px 0px rgba(00, 00, 00, 0.1);
box-shadow: 3px 3px 5px 0px rgba(00, 00, 00, 0.1);
border: 1px solid #6e8732;
}


form#contactform input[type=submit]:hover {cursor:pointer;
-webkit-box-shadow: inset 0px 2px 2px 2px rgba(00, 00, 00, 0.1);
box-shadow: inset 0px 2px 2px 2px rgba(00, 00, 00, 0.1);

}


/*__________ testimonials __________*/

/* testimonials: */
#testimonials1, #testimonials2 {
width:400px;
margin:10px 0;

 
}
#testimonials1 blockquote, #testimonials2 blockquote{

margin:0px;
width:360px !important;



color:#808080;
display:block;
}
 
#testimonials1 blockquote p, #testimonials2 blockquote p{
margin: 0px !important; padding: 0px !important;
 
}
#testimonials1 blockquote cite, #testimonials2 blockquote cite {

display: block;
text-transform: uppercase;
font-style:normal;

color: #555;
padding-left:5px;
margin-top:10px;
}
 
 /* --remove display none to active-- */
 
.nav { margin: 5px 0; display:none;}
 
#nav a, #s7 strong { margin: 0 5px; padding: 3px 5px; border: 1px solid #ccc; background: #fc0; text-decoration: none; display:none;}
 
#nav a.activeSlide { background: #ea0; display:none; }
 
#nav a:focus { outline: none;  display:none;}




/*******************************************
  about page styles                         
*******************************************/

.content_about{
height: 800px;
width: 480px;

padding-top: 60px ;	
float: left;}

#side
{
height: 800px;
width: 430px;
padding-top: 66px ;	
float: right;	
}


#side_img
{
width: 390px;
height: 580px;
float: right;
border: 5px solid #fff;
-webkit-box-shadow: 3px 3px 5px 0px rgba(00, 00, 00, 0.2);
-moz-box-shadow: 3px 3px 5px 0px rgba(00, 00, 00, 0.2);
box-shadow: 3px 3px 5px 0px rgba(00, 00, 00, 0.2);
}

.about_wrap{width:960px; padding: 0px; margin: 0 auto;}

.about_h1
{
font-family: 'garamond', 'baskerville', serif;
font-size: 2em;	
font-weight:500;
line-height:1.55;
padding-bottom: 35px;
}

.about_p
{
font-family:'helvetica' , serif;
line-height:1.75;
font-size: 1.5em;
width: 400px;	
padding-top:20px;
font-weight:100;	
}


.about_h1 a:link
{
text-decoration:none;
color: #000;	
}

.about_h1 a:visited
{
color: #000;	
}

.about_h1 a:hover
{
color: #84a23c;	

}

#contact_text ul {
	list-style: none;
	padding: 0;
	}
	

	/*******************************************
	  portfolio page styles                         
	*******************************************/
	
	#image_container {
		 
		width:950px;
		height: 350px;
		border: 5px solid #fff;
		margin:-90px auto 0px auto;
		-webkit-box-shadow: 3px 3px 5px 0px rgba(00, 00, 00, 0.2);
		-moz-box-shadow: 3px 3px 5px 0px rgba(00, 00, 00, 0.2);
		box-shadow: 3px 3px 5px 0px rgba(00, 00, 00, 0.2);}
	
	
	#images_content
	{
	height: 800px;
	width: 430px;
	padding-top: 66px ;	
	float: right;
	
	}
		
	
	.image
	{
	width: 190px;
	height: 150px;
	border: 5px solid #fff;	
	-webkit-box-shadow: 2px 2px 3px 0px rgba(00, 00, 00, 0.2);
	-moz-box-shadow: 2px 2px 3px 0px rgba(00, 00, 00, 0.2);
	box-shadow: 2px 2px 3px 0px rgba(00, 00, 00, 0.2);
	float:left;
	margin: 6px;
	}
	
	.image:hover
	{
	border-color:#84a23c;	
	}
	
	
	/******************************************
	Contact styles
	*******************************************/
	#contact_text li
	{
	font-family: helvetica , sans-serif;
	line-height:1.75;
	font-size: 1.5em;
	padding-top: 5px;
	font-weight:100;		
	}