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

body {
	background:url(images/bkg.jpg) repeat-x;
	margin:0;
	padding:0;
	text-align:center;
	background-color:#e9e0d7;
}

#wrapper {
	
	height:900px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

/*----------------TEXT--------------------------*/

@font-face {
	font-family: 'Avant Garde Book BT';
	src: url('fonts/neutrabook.eot');
	src: local('neutrabook'), local('neutrabook'), url('fonts/Avant Garde Book BT.ttf') format('truetype');
}




#content {
	width:973px;
	height: 400px;
	float:left;
	margin:30px 0 0 150px;
	
	
}

#banner{
	width:1400px;
	height:320px;
	float:;
	margin-top: 60px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 150px;
}

ul,li {
	margin:0;
	padding:0;
}


/*-------------------Welcome--------------------*/


#welcome {
	width:973px;
	height:297px;
	background:url(images/welcome.png) no-repeat;
	margin:0;
	padding:0;
	float:left;
}

#welcome p{
	padding:80px 40px 40px 80px;
	margin:0;
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
}

.large {
	font-size:18px;
	font-weight:bold;
}


/*-------------------Designs--------------------*/

#designs {
	width:973px;
	padding:0;
	float:left;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#categories {
	width:300px;
	height:118px;
	margin:0;
	padding:0;
}

#columns {
	width:300px;
	margin:0 10px 0 0;
	padding:0;
	float:left;
}

.border {
	background:url(images/imgbrackets.png) no-repeat;
	height:180px;
	width:260px;
	padding:20px 0 0 40px;
}

.intheworks {
	background:url(images/imgintheworks.png) no-repeat;
	height:180px;
	width:260px;
	padding:20px 0 0 50px;
}

/*-------------------ME--------------------*/

#me {
	width:973px;
	margin:40px 0 0 0;
	padding:0;
	float:left;
}

.meimg {
	width:373px;
	height:403px;
	float:left;
	margin:0;
	padding:0;
}

.metxt {
	width:590px;
	margin:0;
	padding:0;
	float:right;
}

.metxt p{
	font-family:"Courier New", Courier, monospace;
	font-size:14px;	
}


/*-------------------Contact--------------------*/

#contact {
	width:973px;
	margin:40px 0 0 0;
	padding:0;
	float:left;
	font-family:"Courier New", Courier, monospace;
}



/*-----------------------------------------------------------------------------contactform---------------------------------------*/

.contactform {
	width:615px;
	float:left;
	margin:0;
	padding:0;
	background:url(images/contactbkg.png) no-repeat;
}

.name {
	margin: 0px 0 0 0px;
	font-family:"Courier New", Courier, monospace;
	background:url(images/name.png) no-repeat;
	width:416px;
	height:66px;
	border:none;
	padding:0 0 0 150px;
	float:left;
}

.email {
	margin: 0px 0 0 0px;
	font-family:"Courier New", Courier, monospace;
	background:url(images/email.png) no-repeat;
	width:416px;
	height:66px;
	border:none;
	padding:0 0 0 150px;
	float:left;
}

.phone {
	margin: 0px 0 0 0px;
	font-family:"Courier New", Courier, monospace;
	background:url(images/phone.png) no-repeat;
	width:416px;
	height:66px;
	border:none;
	padding:0 0 0 150px;
	float:left;

}

.comments {
	margin:0;
	font-family:"Courier New", Courier, monospace;
	background:url(images/comments.png) no-repeat;
	width:416px;
	height:169px;
	border:none;
	padding:15px 0 0 180px;
	float:left;
}

.submit {
	width:139px;
	height:105px;
	background:url(images/submit.png) no-repeat;
	margin:0 0 0 230px;
	padding:0;
	border:none;
	float:right;
}
	



/*-----------------Parallax---------------------*/

#menu {
	width:122px;
	position:fixed;
	top:20px;
	left:20px;
	float:left;
}

#menu ul {
	
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	
}

#menu li {
	margin:0 0 0 0px;
	padding:0px 0 0 0px;
	
	
	
}

#menu li a {
	text-decoration:none;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#000;
	text-transform:capitalize;
	width:112px;
	height:45px;
	background:url(images/menuon.png) no-repeat;
	margin:0;
	padding:27px 0 0 10px;
	float:left;
	display:block;
	text-align:center;
}

#menu li a:hover {
	background:url(images/menu_ov.png) no-repeat;
	text-decoration:none;
	width:112px;
	height:45px;
	margin:0;
	padding:27px 0 0 10px;
	float:left;
	display:block;
}

#facebook a{
	text-decoration:none;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#000;
	text-transform:capitalize;
	width:72px;
	height:45px;
	background:url(images/facebook.png) no-repeat;
	margin:10px 0 0 40px;
	padding:27px 0 0 10px;
	float:left;
	display:block;
	text-align:center;
}

#facebook a:hover{
	text-decoration:none;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#000;
	text-transform:capitalize;
	width:72px;
	height:45px;
	background:url(images/facebookov.png) no-repeat;
	margin:10px 0 0 40px;
	padding:27px 0 0 10px;
	float:left;
	display:block;
	text-align:center;
}

/*-----------------Parallax---------------------*/

#parallax
    {position:relative; overflow:hidden; width:1400px; height:20em;}
    
 
/*-----------------footer---------------------*/


#footer {
	text-align:center;
	float:left;
	margin:0;
	padding:0;
	width:973px;
	font-family:"Courier New", Courier, monospace;
	font-size:10px;
	color:#069;
}