* {padding:0px; margin:0px;}

html, body { font-family:"Geo", Arial, Helvetica, sans-serif; color:#444; font-size:22px; height:100%; width:100%; background:#fff;

background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.5, rgb(255,255,255)),
    color-stop(0, rgb(219,219,219)),
    color-stop(1, rgb(219,219,219))
);
background-image: -moz-linear-gradient(
    left center,
	rgb(219,219,219) 0%,
    rgb(255,255,255) 50%,
    rgb(219,219,219) 100%
);}


*:focus {outline:none;}

#pageWrap {width:860px; margin:0px auto;}

a {color:#6a6a6a; text-decoration:none;}

#menu a {font-family:  'Geo', sans-serif; font-size:32px; color:#999; text-transform:uppercase;}
#wie {font-family: "Geo"; font-size:32px; color:#6a6a6a;}
#menu li {list-style:none;}
#menu a:hover {color:#444;}

#menu {position:fixed; margin-top:196px;}
#content {width:667px; float:right; padding-bottom:600px;}

#logo {margin-top:40px; margin-bottom:50px; height:106px; width:860px; margin-left:-195px; background:url(images/logo.png) no-repeat;}

div.textBlock li {float:left; width:200px;list-style:none;}
div.textBlock li:nth-child(1), div.textBlock li:nth-child(2) { margin-right:30px; }
div.textBlock h2 {font-family: 'Geo', sans-serif; color:#fff; font-weight:normal; background:#a9a9a9; padding:2px; text-transform:uppercase;}

.clear {clear:both;}

span.small {font-size:26px;}


#contact div.left-column {float:left;}
#contact div.right-column {float:right; margin-right:5px;}
#contact input[type="text"] {width:220px; padding:2px; border:1px solid #999;}
#contact input[type="text"]:hover, #contact input[type="text"]:focus {background:#eee;}
#contact input[type="submit"] {width:auto; padding:4px 2px; margin-left:-1px;}
#contact textarea { font-family:Arial; width:280px; padding:2px; border:1px solid #999;}
#contact textarea:hover, #contact textarea:focus {background:#eee;}
#contact label {width:50px; display:inline-block;}

#portfolio li {float:left; width:320px; list-style:none; margin-bottom:10px;}
#portfolio li:nth-child(2n + 1) {margin-right:20px;}
#portfolio li img {border:3px solid #a9a9a9; cursor:pointer;}
#portfolio li a {margin-top:-8px;display:block;}
#portfolio h2 {margin-bottom:15px;}

#overlay {width:100%; height:100%; background: url(images/portfolio/background.png) repeat; position:fixed; z-index:9999; display:none;}

#portfolioImage {position:fixed; z-index:10000; width:980px; left:50%; margin-left:-490px;}
#portfolioImage img {float:right; -webkit-box-shadow:0px 0px 30px black; -moz-box-shadow:0px 0px 30px black; box-shadow: 0px 0px 30px black; margin-top:20px;}
#portfolioImage a { background:#333; position:absolute; text-align:center; display:block; color:#eee; font-size:15px; font-weight:bold; font-family:"Geo"; display:none; position:absolute; width:980px; font-size:24px; top:-24px; -webkit-box-shadow:0px 0px 30px black; box-shadow: 0px 0px 30px black; -moz-box-shadow:0px 0px 30px black;}
#portfolioImage a:hover {background:#222;}

#portfolio_buttons span { height:12px; width:12px; background:#ccc; display:inline-block; margin-right:4px; cursor:pointer;  border:1px solid #a9a9a9;}
#portfolio_buttons span.current, #portfolio_buttons span:hover {background:#a9a9a9;}
#portfolio_buttons {width:600px; margin:0px auto; margin-top:-40px; margin-bottom:20px; text-align:center;}


#siteInfo .infoBox {position:absolute; font-size:11px; width:667px; padding:10px; display:none;}
#siteInfo .infoBox[rel="1"] {display:block;}
#siteInfo .general {width:350px; float:left;}
#siteInfo .tech {width:300px; float:right;}
#siteInfo {height:120px; border:2px solid #688e9e; margin-top:10px;}
#siteInfo a {color:#000;}

#portfolioSelect {position:absolute; margin-top:-64px; text-transform:uppercase; margin-left:496px; font-size:32px;}
#portfolioSelect a {opacity:0.5;}
#portfolioSelect a.active {opacity:1;}

#portfolio .largeBox[rel="graphics"] {display:none;}


h2 p {margin-top:-35px; display:block; position:absolute; color:#a9a9a9; margin-left:-4px;}

h2 {font-family: 'Geo', sans-serif; font-size:32px; font-weight:normal; color:#a9a9a9; background:#a9a9a9; padding:2px; text-transform:uppercase; margin-bottom:20px; margin-bottom:10px; margin-top:60px; display:block; height:12px;}