@charset "utf-8";
/* Defaults */
*{ margin:0;padding:0; }
body  { margin: 0px; padding: 0px; font-family: verdana, arial, helvetica, sans-serif; color: #f6ebc9; background: url(../../images/portfolio/bg.jpg) #100e0f repeat-x; }
a { text-decoration: none; color: #ccc; outline: none; }
a:hover { text-decoration: underline; color: #ccc; outline: none; }
a:visited { text-decoration: none; color: #ccc; outline: none; }
a:active { text-decoration: none; color: #ccc; outline: none; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
img { border: none; }
li { list-style: none;}
#wrapper { width: 960px; height: 100%; min-height: 100%; margin-left: auto; margin-right: auto; position: relative; overflow: visible; }

/* Header */
#header { width: 940px; height: 160px; padding: 10px; background: url() 270px 0px no-repeat; }
#logo { width: 475px; height: 100%; float: left; }

/* Navigation */
.nav { width: 320px; height: 30px; display: block; margin-left: 130px; padding-top: 60px; list-style: none; float: left; }
.nav li { list-style: none; margin: 0; padding: 0; float: left; }
.nav a { height: 30px; display: block; float: left; }
.nav a:hover, a.visited { background-position: 0 -30px; }
.nav span { display: none; }
.link1 { width: 70px; background: url(../../images/home.png) 0px 0px no-repeat; }
.link2 { width: 90px; background: url(../../images/portfolio.png) 0px 0px no-repeat; }
.link3 { width: 58px; background: url(../../images/blog.png) 0px 0px no-repeat; }
.link4 { width: 76px; background: url(../../images/contact.png) 0px 0px no-repeat; }

/* tier 1 */
#tier1 { width: 940px; height:100%; min-height: 613px; }
	#tier1 li { float: left; padding-right: 20px; padding-top: 20px;}
	#web { width: 940px; height: 150px; }
	#print { width: 940px; height: 250px; }
	#logos { width: 940px; height: 150px; }
	.header { border-bottom: solid thin #f6ebc9; margin-bottom: -10px; }
	.image { width: 500px; height: 300px; float: left; }
	.info { width: 400px; margin-top: 75px; margin-left: 20px; float: right; }
		.project { border-bottom: solid thin #f6ebc9; }
		.title { font-size: 30px; padding-top: 14px; }
		.languages { font-size: 12px; color: #fff; font-style: italic; padding-top: 5px; }
		.description { font-size: 14px; padding-top: 5px; }
		.visit { padding-top: 14px; font-size: 14px; }
	

	
	
/* Footer */
#wrapperfooter { width: 960px; height: 100%; min-height: 100%; margin-left: auto; margin-right: auto; position: relative; overflow: visible; }
#footer { width: 100%; height: 100px; font-size: 12px; padding: 30px 0px 0px 0px; background: url(../../images/portfolio/footer.png) repeat-x; overflow: visible; }
	#footer #copyright { width: 400px; height: 70px; float:left; margin-top: 20px; color: #000; }
	#footer #hosting { width: 400px; height: 70px; float: right; font-style: italic; text-align: right; }
	#footer a {color: #000;}
	
	
/* jQuery Popup */
#backgroundPopup{ display:none; position:fixed; height:100%; width:100%; top:0; left:0; background:#000001; border:1px solid #cecece; z-index:1; }
#popupContact{ display:none; position:fixed; height:384px; width:408px; background:#23160d; border:12px solid #000; z-index:3; padding:12px; font-size:13px; color: #fff; }
#popupContact h1{ text-align:left; color:#e3a357; font-size:22px; font-weight:700; border-bottom:1px dotted #D3D3D3; padding-bottom:2px; margin-bottom:20px; }
#popupContactClose{ font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#e3a357; font-weight:700; display:block; }
#button{ text-align:center; margin:100px; }
#messageSent { color:#ff9933; display:none; }