html, body{ 
margin:0; 
padding:0; 
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.85em;
color:#ffffff;
}

body {
background-color:#000000;
background-image:url(../images/dark_bg.jpg);
background-position:top center;
}
 
#pagewidth {
width:760px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
}
 
#header {
position:relative; 
height:110px; 
width:100%;
border-bottom-color:#333333;
border-bottom-style:solid;
border-bottom-width:3px;
margin-bottom:20px;
}

#logo {
position:relative;
top:42px;
background-image:url(../images/logo.png);
background-repeat:no-repeat;
width:272px;
height:41px;
}

#logo span {
display:none;
}

#contact {
position:relative;
left:743px;
top:1px;
width:20px;
}

#contact span {
display:none;
}

#navigation {
width:540px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
position:relative;
left:259px;
top:25px;
}

#navigation ul {
list-style: none;
padding: 0;
margin: 0;
}

#navigation li {
float: left;
margin: 0 0.15em;
}

#navigation li a {
color:#FFFFFF;
height: 20px;
line-height: 20px;
float: left;
display: block;
text-decoration: none;
text-align: center;
padding-left:11px;
}

#navigation a:hover {
color:#9FC259;
}

/* IE5-Mac \*/
#navigation li a {
float: none
}
/* End */

 
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
color:#9FC259;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:2em;
color:#9FC259;
text-align:right;
}

#leftcol p, #rightcol p {
text-align:justify;
line-height:1.6em;
}

.largethumb {
border-color:#FFFFFF;
border-style:solid;
border-width:6px;
}

a {
text-decoration:none;
color:#9FC259;
}

a:hover {
text-decoration:underline;
}

.link {
padding-left:13px;
background-image:url(../images/tiny_arrow.png);
background-repeat:no-repeat;
background-position:0px 4px;
}

#leftcol{
width:48%; 
float:left; 
position:relative; 
}
 
#twocols{
width:52%; 
float:right; 
position:relative; 
}
 
#rightcol{
width:93%; 
float:right; 
position:relative; 
}
 
#maincol { 
float: left; 
position: relative; 
width:7%;
}
 
#categories {
 width:248px;
 position:relative;
}

#categories h1 {
border-bottom-color:#5D5D5D;
border-bottom-style:solid;
border-bottom-width:2px;
margin-bottom:0px;
padding-bottom:10px;	
}

#categories ul {
list-style: none;
padding: 0;
margin: 0;
}

#categories li {
border-bottom-color:#5D5D5D;
border-bottom-style:solid;
border-bottom-width:1px;
}

#categories li a {
color:#FFFFFF;
line-height: 30px;
display: block;
text-decoration: none;
padding-left:20px;
}

#categories li a:hover {
background-color:#333333;
}

.current {
font-weight:bold;
background-image:url(../images/tiny_arrow.png);
background-repeat:no-repeat;
background-position:9px 12px;
}
 
#portcols {
 width:67%; 
 float:right; 
 position:relative;
}

.skills {
font-weight:bold;

}

#casestudy {
 width:477px; 
 float:right; 
 position:relative; 
}

#casestudy li {
list-style-image:url(../images/square_bullet.png);
margin-left:-20px;
padding-left:0px;
}

#caseleft {
float:left;
width:225px;
}

#caseright {

float:right;
width:225px;
}


 
#footer{
font-size:.9em;
border-top-color:#666666;
border-top-style:solid;
border-top-width:3px;
margin-top:60px;
height:100px; 
clear:both;
float:none;
} 
 
#copyright {
position:relative;
top:17px;
}

#validation {
width:130px;
position:relative;
top:0px;
left:633px;
}

/* *** Float containers fix: *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */