/* Portfolio Filter Stylesheet */

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/*****Basic Definitions*****/
body { 
color: #333;
background:url(../images/main-bg.gif) repeat center;
font: 12px/18px Verdana, Helvetica, Arial, sans-serif; }

h1 {
	font-size: 1.667em;
	color: #FFFFFF;
}
#header2{
float:right; 
margin:87px 50px 10px 30px;
}

h2 { 
font-size: 1.5em; 
}

h3 { 
font-size: 1.333em; 
}

h4 { 
font-size: 1.167em;
}

h5, h6 { 
font-size: 1em; 
}

a { color: #333; }
a:visited { }
a:hover { text-decoration: none; }
p, ul, ol, dl, table { margin-bottom: 18px; }
ul, ol, dd { margin-left: 36px; }

/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Basic Layout*****/
#wrap {
display: block;
width: 700px;
padding: 10px;
margin: 20px auto;
background:#C4E6FF;
}

#header{
background:url(../images/head.jpg);
width: 700px;
height: 157px;

display: block;
margin: 0 auto;
}

#container { 
margin: 0 auto; 
overflow: hidden; 
width: 700px;
background: #ADDFFF;
}

#footer {
width: 700px;
background: #fff;
padding: 5px 0;
text-align: center;
}

ul#portfolio { 
float: left; 
list-style: none; 
margin-left: 7px; 
width: 700px;
margin-top: 10px;
}

ul#portfolio li {
border: 1px solid #dedede; 
float: left; 
margin: 0 10px 10px 0; 
padding: 5px;
width: 152px;
height:130px;
text-align: center;
background: #fff;
}

ul#portfolio a { 
display: block; 
width: 100%; 
}

ul#portfolio a:hover { 
text-decoration: none; 
}

ul#portfolio img { 
border: 1px solid #dedede; 
display: block; 
padding: 5px;
margin: 0 auto;
}


	#slider{
	}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 

		width:700px;
		height:170px;
		overflow:hidden; 
		}
		
	
	#slider li h2{ 
		margin:0 20px;
		padding-top:20px;
		}
	
	
	#slider li p{ 
		margin:20px;
		}
		
		
		#menubottom{
		
		}
		#menubotright{
		border-top:dashed 2px #C4E6FF;
		border-left:dashed 2px #C4E6FF;
		float:right;
		width:300px;
		height:150px;
		}
		#menubotleft{
		border-top:dashed 2px #C4E6FF;
		float:left;
		width:398px;
		height:150px;
		}
		
		#menubotleft h4{
		margin:20px;
		}
		
		#menubotright h4{
		margin:20px;
		}
		#menubotright table{
		margin:20px;
		}
select {
	border: 1px dashed #66CCFF;
}
input {
	border: 1px dashed #66CCFF;
}