* { margin:0; padding:0;}
html, body { background:url(../images/back.gif) repeat;}

img { border:none; outline:none; }
ul, ol { list-style:none;}

h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#000; text-align:center;}
h2 { font-family:Rockwell, Georgia, "Times New Roman", Times, serif; font-size:14px; color:#000; margin-bottom:5px;}
h3 { font-family:Rockwell, Georgia, "Times New Roman", Times, serif; font-size:14px; color:#fff; margin-bottom:5px; margin-top:-10px;}
@font-face { font-family:Rockwell; src:url(../fonts/ROCK.ttf) format("truetype");}
a:link, a:visited, a:active { color:#000; text-decoration:none;}
	a:hover { text-decoration:none;}
	
#wrapper { width:950px; height:100%; margin:0 auto;}
#nav { width:950px; height:30px; float:left;}
	#nav ul { float:left;}
		#nav ul li { float:left; margin-right:7px; margin-top:10px; font-family:Rockwell, Verdana, Geneva, sans-serif; font-size:12px; color:#fff;}
			#nav ul li a { color:#fff; background-color:#000;  padding:4px 7px 4px 7px;}
				#nav ul li a:hover { background-color:#3bb9ea; text-decoration:none;}
		
#logoWrap { width:100%; height:150px; float:left; padding-top:15px; margin-top:5px; border-top:dashed 1px #373737;}
	#logo { width:450px; height:125px; margin:0 auto;}

#info { width:100%; height:auto; float:left; padding:0; border-top:dashed 1px #373737;}
.workSpace { height:auto;} .close { width:25px; height:25px; float:right; margin-bottom:20px; cursor:pointer;}
	.workSpace img { padding-bottom:26px;}  .workSpace a:link, .workSpace a:visited, .workSpace a:active { color:#000;} .workSpace a:hover { color:#3bb9ea;} .workSpace p {margin-bottom:10px;}
	.pictures { float:left; width:700px; height:100%;} .first { margin-top:26px;}
	.text { float:right; width:230px; height:100%; padding:0 10px; font-family:Rockwell, Verdana, Geneva, sans-serif; font-size:11px; color:#666; margin-top:-20px;}
		.text h2 { width:200px;}
	
#portfolio { width:100%; height:auto; float:left; padding:15px 0; border-top:dashed 1px #373737; border-bottom:dashed 1px #373737;}
	#portWrap { width:950px; height:100%; margin:0 auto;}
		.portStyle { float:left; position:relative; width:235px; height:226px; margin:1px; background-color:#CCC; overflow:hidden; cursor:pointer; text-align:center;}	
			.port .thumb{ position:relative; width:235px; height:226px; float:left;}
			.port .item-title{ position:absolute; top:0; left:0; width:235px; height:226px; background-color:#3bb9ea; color:#fff; padding:100px 0 0; text-transform:uppercase; font-family:Rockwell, Arial, Helvetica, sans-serif; display:none;}
				
#about { width:100%; height:auto; float:left; padding:15px 0px; border-top:dashed 1px #373737;} #about a:link, #about a:visited, #about a:active{ color:#000;} #about a:hover{ color:#3bb9ea;}
		.aboutPost { width:950px; height:auto; float:left; margin-right:63px;}
			#about p { font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#666; margin-bottom:10px;}
				#about img { float:right; margin-right:5px; padding:10px;}
				.toggle_container { width:950px; height:100%; clear:both;}
			
#contact { width:950px; height:250px; float:left; margin-top:20px; margin-bottom:20px; background:#000; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:10px; padding:20px 20px 20px 0; overflow:hidden;}
	#contact a:link, a:active, a:visited, a:hover { color:#fff;} #contact p { margin-bottom:10px;} .border { border-right:dashed 1px white;}
	.contactPost { width:295px; height:250px; float:left; padding-left:20px; padding-right:5px;}
		
/* to Top */
#toTop { display:none; text-decoration:none; position:fixed; bottom:7px; right:10px; overflow:hidden; width:40px; height:33px; border:none; text-indent:-999px; background:url(../images/top.png) no-repeat left top;} #toTopHover { background:url(../images/topH.png) no-repeat left top; width:40px; height:33px; display:block; overflow:hidden; float:left; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);} #toTop:active, #toTop:focus { outline:none;}