/* @ 2011 Goriak A.M  http://goriak.net */  
* {margin: 0; padding: 0;}
body{font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; margin:0; padding:0; color:#9C9C9C; background: #FFFFFF; }
#wrapper {width: 950px; display: block; text-align: left;}
#header {height: 320px;}
#header #header-left{float: left; width: 340px; height: 320px;}
#header #header-right{float: right; width: 570px; height: 320px;}
#header #header-right img{float: right;}
#menu {margin-left: 40px; margin-top: 40px;}
#content {width: 950px; min-height: 260px;}
* html #content {width: 950px; height: 245px;}
#content .title {font-size: 28px; font-family:Arial, Tahoma, Helvetica, sans-serif; color: #7d9f02; padding: 20px 5px 15px 40px;}
#content .text{padding-left: 40px; padding-right: 40px; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size:16px; color: #383838; line-height: 150%;}
#content .text strong {text-decoration: underline; display: block; margin-top: 5px; margin-bottom: 5px;}
/* Clearfix */
.clearfix:after {clear: both; display: block; content: "."; height: 0; visibility: hidden;}
* html > body .clearfix {width: 100%; display: block;}
* html .clearfix {height: 1%;}
a:link, a:visited {color: #46c; font-weight: normal; text-decoration: none;}
a:hover {color: #46c; text-decoration: underline;}
a.menu {background: url(images/seperator.gif) repeat-x left bottom; display: block; height: 40px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:24px;}
ul {margin-top: 10px; list-style: none;}
a.links {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:18px;}
table#portfolio td {padding: 10px 5px 10px 5px;}
#footer {width: 950px; margin-top: 20px; text-align: center; margin-bottom: 10px;}

ul.portfolio {list-style: none;}
ul.portfolio li {display: block; height: 250px; width:250px; float: left; text-align: center; padding: 15px 25px 15px 25px;}
img {border-color: #9c9d9d;}