@charset "utf-8";
/* CSS Document */
@import url('reset.css');

/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.4em; min-width:980px; overflow:hidden; background:#1e1e1f url(../images/px.png) repeat top left}
body#page { background:url("images/top.jpg") top center}
html, input, textarea	{	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
		color:#461b03;	}

a{color:#627c96; text-decoration:none; outline:none} 
a:hover{color:#bcbcbc; text-decoration:none}
a img{border:0}


div.container {	overflow:hidden; width: 100%;}

#div1{margin-top:0px; margin-left:0px }
#div2{margin-top:0px; margin-left:0px }

/* Start Navigation Menu */

#navmenu
{
	width:100%;
	height:40px;
	background:url("../img/nav-bg-top.png") repeat-x;
	position:fixed;
    left:0px;
    top:5px;
    -moz-box-shadow:-2px 0px 4px #333;
    -webkit-box-shadow:-2px 0px 4px #333;
    box-shadow:-2px 0px 4px #333;
	z-index:11
}

#navmenu .img-left{ float:left; margin:0px 0px 0px 0px}

ul#nav li { display: inline; }
	
ul#nav li a {
	display: block; float: left; height: 40px;
	background-image: url("../images/menu.png"); text-indent: -9999px;
}

	ul#nav li a.home {
		width: 440px; background-position: 0 0;	
	}
	
	ul#nav li a.about {
		width: 175px; background-position: -440px 0;	
	}
	
	ul#nav li a.galleries {
		width: 155px; background-position: -615px 0;	
	}
	
	ul#nav li a.contact {
		width: 130px; background-position: -770px 0;	
	}
	
	ul#nav li a.clients {
		width: 124px; background-position: -900px 0;	
	}


	ul#nav li a.about2 {
		width: 175px; background-position: -440px -40px;	
	}

	ul#nav li a.galleries2 {
		width: 155px; background-position: -615px -40px;	
	}
	
	ul#nav li a.contact2 {
		width: 130px; background-position: -770px -40px;	
	}
	
	ul#nav li a.clients2 {
		width: 124px; background-position: -900px -40px;	
	}
	
	ul#nav li a.home:hover, ul#nav li a.home:focus {
		background-position: 0 -40px;	
	}
	
	ul#nav li a.about:hover, ul#nav li a.about:focus {
		background-position: -440px -40px;	
	}
	
	ul#nav li a.galleries:hover, ul#nav li a.galleries:focus {
		background-position: -615px -40px;	
	}
	
	ul#nav li a.contact:hover, ul#nav li a.contact:focus {
		background-position: -770px -40px;	
	}

	ul#nav li a.clients:hover, ul#nav li a.last:focus {
		background-position: -900px -40px;	
	}

/* End Navigation Menu */


/* Start Social Media Menu */

#sclmenu
{
	width:240px;
	height:43px;
	margin-left:55px;
	background:none;
	z-index:11;
}

ul#scl li { display: inline; }
	
ul#scl li a {
	display: block; float: left; height: 40px;
	background-image: url("../images/social.png"); text-indent: -9999px;
}

	ul#scl li a.fb {
		width: 80px; background-position: 0 0;	
	}
	
	ul#scl li a.twt {
		width: 80px; background-position: -80px 0;	
	}
	
	ul#scl li a.pint {
		width: 80px; background-position: -160px 0;	
	}
	
	ul#scl li a.fb:hover, ul#scl li a.fb:focus {
		background-position: 0 -128px;	
	}
	
	ul#scl li a.twt:hover, ul#scl li a.twt:focus {
		background-position: -80px -128px;	
	}
	
	ul#scl li a.pint:hover, ul#scl li a.pint:focus {
		background-position: -160px -128px;	
	}

/* End Social Media Menu */



/* Bottom Bar */

#bottom-wrapper {
	margin:0 auto;
	z-index:4;
	height:30px;
    text-align:center;
    position:fixed;
	background:url(../img/nav-bg2.png) repeat-x;
    width:100%;
    left:0px;
    bottom:0px;
}

#bottom-wrapper .leftimg { float:left; margin:3px 0px 0px 10px }
#bottom-wrapper .leftcopy { 
	font-family:"Duru Sans";
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:1.5px;
	color:#DDD;
	text-shadow: 2px 2px 2px #000;
	float:left;
	margin:4px 0px 0px 20px;
}
#bottom-wrapper .arrnav { 
	font-family:"Duru Sans";
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:1.5px;
	color:#DDD;
	text-shadow: 2px 2px 2px #000;
	float:left;
	margin:4px 0px 0px 80px;
}
#bottom-wrapper .rightlike { float:right; margin:5px 40px 0px 0px; filter:alpha(opacity=90); opacity:0.90 }
#bottom-wrapper .rightlike:hover {filter:alpha(opacity=100); opacity:1.0 }
#bottom-wrapper .righttwt { float:right; margin:6px 40px 0px 0px; filter:alpha(opacity=90); opacity:0.90 }
#bottom-wrapper .righttwt:hover {filter:alpha(opacity=100); opacity:1.0 }
#bottom-wrapper .rightpin { float:right; margin:5px 20px 0px 0px; filter:alpha(opacity=90); opacity:0.90 }
#bottom-wrapper .rightpin:hover {filter:alpha(opacity=100); opacity:1.0 }

/* End Bottom Bar */

/*content*/
#content{color:#FFF; font-family:"Quantico"; font-size:14px; width:100%; text-align:left;} 
#content .indent-main{padding:25px 20px 31px 0px}
#content img{ float:left; margin:2px}
#content p{ margin:0px 0px 17px 0px; text-align: justify}
#content h1{font-size:2.4em; margin-top:0px; margin-bottom:50px; line-height:0.0em; }
#content h2{font-weight:normal; font-size:1.0em; margin-top:25px; margin-bottom:55px; line-height:1.8em; text-align: justify; }
#content h3{font-family:"Quantico"; font-size:16px; margin-top:0px; margin-bottom:20px; line-height:1.3em; }
#content h4{font-size:2.0em; margin-top:0px; margin-bottom:0px; line-height:0.0em; }
#content h5{font-weight:normal; font-size:10px; margin-top:60px; margin-bottom:0px; letter-spacing:0.5px; }
#content h6{font-family:"Quantico"; font-style:italic; font-size:13px; margin-top:60px; }


#content a.emailbtn {
	text-decoration: none;
	outline: none;
	color: #ddd;
	background: #222;
	border-top: 1px solid #333;
	padding: 2px 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0px 1px 1px #000;
	-webkit-box-shadow: 0px 1px 1px #000;
	box-shadow: 0px 1px 1px #000;	
}

#content a.emailbtn:hover {
	background-color: #2e567c;
	border-color: #5c94cb;
	color: #fff;
}

#content .indent{padding:27px 0px 0px 0px}
#content1 .indent{padding:10px 0px 0px 0px}
#content .indent1{padding:0px 0px 0px 0px}

/*content2*/
#content2{color:#FFF; font-family:"Quantico"; font-size:13px; width:100%; text-align:left;} 


/*  Contact Form Starts Here*/

#contact_form_holder { 
    font-family: 'Quantico'; 
    font-variant: small-caps; 
    width:350px;
}
#contact_form_holder input, #contact_form_holder textarea { 
    width:100%; /* make all the inputs and the textarea same size (100% of the div they are into) */ 
    font-family:inherit; /* we must set this, because it doesn't inherits it */ 
    padding:5px;
}
#contact_form_holder textarea { 
   	resize:none;
   	font-size:13px;
}
#send_message { 
    width:100px !important; /* the width of the submit button  */ 
    font-variant: small-caps; /* nicer font-variant (like explained before) */  
    border:1px solid black; /* remove the default border and put a normal black one */
    cursor:pointer;
    cursor:hand;
    margin-left:265px;
}
#cf_submit_p { text-align:right; } /* show the submit button aligned with the right side */

.error { display: none; padding:2px; color: #D8000C; font-size:11px;background-color: #FFBABA;}
.success { display: none; padding:10px; color: #044406; font-size:12px;background-color: #B7FBB9;}

#contact_logo { vertical-align: middle; }
.error img { vertical-align:top; }

/*  Contact Form Ends Here*/