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

body{
background-image:url(../images/bg_tile.jpg);	
}

h1{
	color: #7fe0eb;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 32px;
	font-weight:normal;
	padding-bottom:20px;
	text-align: center;
	
}

h2{
	color: #999;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 36px;
	font-weight:normal;
	padding-bottom:20px;
	
}


p{
color: #bababa;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 16px;
}

h4{
	color: #bababa;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	padding-bottom:15px;
}

h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #bababa;
	text-align:center;
}

h3{
	color:  #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight: normal;
	margin-top:15px;
	
}

a{text-decoration:none;
color: #bababa; }

a:hover{
	color: white;
}


#menu{
	background-image:url(../images/grey_tile.jpg);
	height:89px;
	width: 100%;
}



#nav{
	

}

#nav ul{
	list-style: none;
	padding-top: 50px;
	float:right;
	
	
}
	#nav ul li{
		
		float:left;
		padding-right: 22px;
		padding-left:22px;
		color:#1e5466;
		font-size: 28px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		border-right:thin solid #666;
		height:20px;
	}
	
	#nav ul a{
		color: #bababa;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	padding-bottom:15px;
	text-decoration: none;
	}
	
	#nav ul a:hover{
	color: #0CC;
	font-weight:bold;
	padding-bottom:15px;
	text-decoration: none;
	}

#mainBackground{
	
	background-image:url(../images/bg_tile.jpg);
	clear:both;
	width:100%;
	
}




#mainImage{	
right:40px;
}

#main1{
	background-image:url(../images/grey_tile.jpg);
	padding-top:25px;
	padding-left:20px;
	padding-right:15px;
	padding-bottom:15px;
	height:340px;
	border-left: solid thin #999;
	border-right: solid thin #999;
}

#main2{
	background-image:url(../images/blue_tile.jpg);
	padding-top:25px;
	padding-left:20px;
	padding-right:15px;
	padding-bottom:15px;
	height:340px;
	border-left: solid thin #999;
	border-right: solid thin #999;
}

#main3{
	background-image:url(../images/red_tile.jpg);
	padding-top:25px;
	padding-left:20px;
	padding-right:15px;
	padding-bottom:15px;
	height:340px;
	border-left: solid thin #999;
	border-right: solid thin #999;
}

#main3 h1{
	font-size:24px;
	color: #999;
}
#main3 p{
text-align:center;	
}

#main3 a{
	text-decoration: none;
}

#main3 a:hover p{
	color: #666;	
}
#main3 a:hover h5{
	color: #666;	
}

#findOut{
	padding-top:10px;
	width:100%;
	height: 50px;
	background: #2a0000;	
}


#shadow{
right:70px;
}

#header{
	height:10px;
border-top: thin solid #999;
border-bottom: thin solid #999;
padding-left:20px;
}


#about1{
	background-image:url(../images/about_red.jpg);
	height: 365px;
	width:300px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 500px;
	text-align: center;
}
#about2{
	background-image:url(../images/about_blue.jpg);
	height: 365px;
	right: 25px;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 500px;
	text-align: center;
}

#about3{
	padding-top: 20px;
	right: 30px;
	width: 250px;
	height: 479px;
}

#about4{
	
padding-right:140px;
text-align:center;
}


#project1{
padding-top:20px;
border-bottom: thin solid #999;	
	
}

#project1 img{
	border: thin solid #CCC	
}




#info1{
	background-image:url(../images/blue_tile.jpg);	
	height: 380px;
	padding:10px;
	width:180px;
	
}

#info1 h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;
	color:white;
	padding-top:10px;
	padding-bottom:0px;
	margin:0px;
}

#info1 h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line:16px;
	color:#30b4cc;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom: solid white thin;
	margin-top:10px;
}

#info1 p{
padding-top:10px;	
}

.portfolioItem{
	
	width: 262px;
	height: 384px;
	background-image:url(../images/box_blue.png);
	padding:10px;
	margin-bottom: 30px;
	}

#pageNav img{
	padding-top:15px;
	padding-left: 460px;	
}


#contact1{
	padding:20px;
	margin-top:40px;
	background-image: url(../images/red_tile.jpg);
	width:400px;
	height:130px;
	border: thin solid #999;
	
}
#contact1 h2{
	padding-top: 8px;
font-size:28px;
}

#contact2{
	padding: 30px;
	margin-top:40px;
	background-image: url(../images/blue_tile.jpg);
	width:400px;
	height:110px;
	border: thin solid #999;
}

#contact2 p{
	font-size:18px;
}

#contact2 a{
	text-decoration:none;
	color: #CCC;
	
}

#contact2 a:hover{
	text-decoration:none;
	color: #000;
	
}




#contact_main img{
	padding-left:40px;
}



#footer p{
text-align: center;
color:#666;
}

#footer{
	clear:both;
	background-image:url(../images/grey_tile.jpg);
	height: 100px;
	width:100%;
}

#footer img{
	margin-left:200px;
	padding-bottom:10px;
	}
	
	#artProjects img{
		margin-bottom: 10px;
		margin-top:10px;
		border: thin solid gray;
	}


/* Easy Slider */



	#slider ul, #slider li{

		margin:0;

		padding:0;

		list-style:none;

		}

	#slider li{ 

		/* 

			define width and height of list item (slide)

			entire slider area will adjust according to the parameters provided here

		*/ 

		width:500px;

		height:450px;

		overflow:hidden; 

		}

	span#prevBtn a{ color: white;
	font-family:Arial, Helvetica, sans-serif;
	padding:20px;
	float: left;
	}

	span#nextBtn a{color: white;
	font-family:Arial, Helvetica, sans-serif;
	padding:20px;
	
	float: left;}					



/* // Easy Slider */