/*
Nadiyah Brown Portfolio
Css by Nadiyah Brown
*/

@import url(../fonts/stylesheet.css);


body{

font-family: Arial, sans-serif;
color: #999999;
border-top: 7px solid #ffcc00;
background: url(../img/background-cork.png)  repeat;
height: 100%;
position: relative;

	
}

h1, h2, h3, h4{

	font-weight: normal;
	font-family: AWConquerorSlabLight, sans-serif;
	color: #4D4D4D;
	
}
			
h1{

text-indent: -9999px;
font-size: 45px;

}

h1 a{

	background: url(../img/logo.png) no-repeat ; /*Logo*/
	margin:0px 0px 5px 15px;
	width:178px;
	height: 128px;
	color: #FFD200;
	display:block;
	text-decoration: none;
	
}

h3{

	font-size: 18px;	
	padding: 0px 0px 5px 0px;
}

h4{

	font-size: 16px;

}

p{

	font: 12px Arial, sans-serif;
	color: #4D4D4D;
}

a{
	text-decoration: none;
	color: inherit;
}

h2#work-hd{

	width:843px;
	height:84px; 
	margin:0 auto;
	text-indent:-999px;
	background:url(../img/Work.png) no-repeat;
	padding: 5px 0px 5px 0px;
	
}

h2#contact-hd{

	width:843px;
	height:84px; 
	margin:0 auto;
	text-indent:-999px;
	background:url(../img/contact-hd.png) no-repeat;
	padding: 5px 0px 5px 0px;
	
}

h2#about-hd{

	width:843px;
	height:84px; 
	margin:0 auto;
	text-indent:-999px;
	background:url(../img/about-hd.png) no-repeat;
	padding: 5px 0px 5px 0px;
}

#header {

	margin:0px 15px 30px 15px;
	padding-top:10px;
	border-bottom: 2px solid #FFD200;
	
}


#container-wrapper {

background: url(../img/container-texture.jpg) repeat-y ;
margin:0px auto;
width: 1085px;

}

#container{

	margin:0px auto;
	width: 960px;
	
	}


#welcome{
	
	text-indent: -9999px;
	background: url(../img/welcome.png) no-repeat;	
	width: 756px;
	height: 330px;
	margin:0px auto;
	padding:0px 0px 15px 0px;
	
	
}

#mainNav{
	
	font: 18px AWConquerorSlabLight, serif;
	color: #999999;
	float: right;	
	padding: 8px 0px 0px 0px;
	margin: -35px 0px 0px 0px;
	text-shadow: 0px 2px 0px #fff;
}

#mainNav li{

	display: inline;
	padding: 0px 15px 0px 10px;
	border-right: 1px solid #FFCC00;
			
			}
			
#mainNav li a{
		
	color: #999999;
	
	}
	
#mainNav li a:hover{

	color: #4D4D4D;
	
	}
	
	
/*#mainNav li:last-child{

	border-right-style: none;
	
	
}*/
	

#content{

	width: 960px;
	margin: 0px auto;

	
}

#content p{
	
padding-bottom: 10px;

}

.divider{

	width: 930px;
	margin: 0px auto;	
	
}

#project{
	
}

/*Gallery Page and Mini-Gallery*/

#index{

	width: 760px;
}


#index li a{	

	text-align: center;
	display: block;
	color: #58595b;
	font-size: 14px;
	margin: 5px 10px 20px 5px;		
	
}


#minigallery, #gallery-index{

margin: 0px auto;
padding: 0px 70px 0px 70px;





}

#minigallery li a, #gallery-index li a{
	text-align: center;
	margin:15px 0px 0px 0px;
	display: block;
	color: #58595b;
	font-size: 14px;
			
}


#minigallery li, #gallery-index li  {

	margin: 5px 45px 0px 0px;	
	background:url(../img/bg-gallery.png) no-repeat ;
	width:240px;
	height:175px;
}



#minigallery li, #gallery-index li{

	display: block;
	float: left;
	color: #58595b;			
	
}

#gallery-index li{
	margin-bottom:15px;
}

/*#minigallery li:last-child {
	margin: 5px 0px 0px 0px;	
	
}

#gallery-index li:nth-child(3n) {
	margin: 5px 0px 0px 0px;	
	
	
}*/


#minigallery li a img, #gallery-index li img{
	
	margin: 5px auto;
	display: block;
	width: 180px;

}


#gallery{
	
	margin: 15px 0px 40px 40px;
	float: left;
	
}



#desc{

	width: 210px;
	float: left;
	margin: 10px 0px 0px 15px;
	padding: 3px 0px 0px 0px;
}

#desc p{

	margin-bottom: 13px;
	font: 14px AWConquerorSansLight, sans-serif;
	line-height:16px;
	
}

#desc p span{

	font-style: italic;
	margin-top: 63px;
	margin-left: 0;
	
}

#desc a{
	text-decoration: underline;
}

#slider1 .panel1{

	width: 540px;
	height: 420px;
}


/*Footer*/

		
#footer{

	margin:0 auto;
	width:1079px;
	padding: 5px 0px 40px 0px;
	background: url(../img/bg-footer.jpg) no-repeat;
	position: relative;
}	
			
#footer p{

text-shadow: 0px 1px 0px #fff;
display: inline;


}

#footer-content{
	
	padding-left: 380px;
}


  .push {
  
 height: 1em;
 clear:both;
 
 }
 



/*About Page*/


#main{

	margin:20px 35px 0px 0px;
	float:left;
	width:460px;
	font:16px AWConquerorSansLight, sans-serif;
	color: #4D4D4D;
}


#main p{

	font:14px AWConquerorSansLight, sans-serif;
	
}

#main a{

	font-size: 16px;
	text-decoration: underline; 
	color:#4D4D4D;
}

#main li a{

	color:#4D4D4D;
	
	
}

#sidebar{

	width:280px;
	margin:20px 40px 0px 90px;
	float:left;
	text-align: center;
}



#social-profiles{
	
	
	padding: 5px 0px 0px 0px;
	margin: -10px 0px 0px 0px;
	

}

#social-profiles li{

	display: inline;
	width: 34px;
	height: 34px;
	margin: 0px 0px 0px 0px;
	
	
}


/*Contact Page*/

#contact-msg{

margin:30px 0px 0px 145px;
width:320px;
float:left;	


}

#contact-msg p{

font:18px AWConquerorSansLight, sans-serif;
line-height:24px;

}

#contact-msg p span{

	font:24px AWConquerorSansLight, sans-serif;
}


#contact-form{
	margin: 30px 0px 0px 80px;
	float:left;	
	
}

/*Contact Form */

fieldset{
			float:left;
			padding: 20px 0px 10px 10px ;
			margin-left: 70px ;
			margin-bottom:40px;
			
 }

label{

	font-family: AWConquerorSlabLight, serif;
	color:#4d4d4d;
	font-size: 14px;
	padding-top:10px;
	text-align: justify;
	display:block;
	
}


input{
	
	background-color: #cccccc;
	border: 1px solid  #cccccc; 
	margin-bottom:2px;
	width:250px;
}

#send{

	
	background: url(../img/send-btn.png);
	margin-top: 10px;
	text-indent:-9999px;
	float:left;
	border:none;
	width:50px;
	height: 50px;
}

textarea{ 
		
		background-color: #cccccc;
		border: 1px solid  #cccccc; 
		width:250px;
 }
		 
		 
/*Message Sent Page*/


#thankYou-msg{
	padding: 100px 0px 180px 0px ;
	width: 760px;
	margin:  auto;
	
	
}

#thankYou-img{

	text-indent: -9999px;
	background: url(../img/thank-you.png) no-repeat;
	width: 160px;
	height: 160px;
	margin: 0 auto;
	
}

#thankYou-msg p{

font:24px AWConquerorSansLight, sans-serif;
text-align: center;

}
		  
		 
/* slightly enhanced, universal clearfix hack */
			.clearfix:after {
			 visibility: hidden;
			 display: block;
			 font-size: 0;
			 content: " ";
			 clear: both;
			 height: 0;
			 }
		.clearfix { display: inline-block; }
		/* start commented backslash hack */
		* html .clearfix { height: 1%; }
		.clearfix { display: block; }
		/* close commented backslash hack */