/*
-------------------------------------------------------------- 
Project: 
Author: 
Module: Global
Date: 
Template By : Yaw Dako, oneshoe.co.uk || All Rights Reserved
-------------------------------------------------------------- 
*/

/*
-------------------------------------------------------------- 
YAHOO RESET 
-------------------------------------------------------------- 
*/ 
 
 @import url('reset.css'); 

/*
-------------------------------------------------------------- 
GLOBAL 
-------------------------------------------------------------- 
*/ 

html { background:url(../images/back.jpg); width:100%; height:100%; }

body { position:relative; color:#666; font-size:62.5%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1; margin:0; padding:0;  width:600px; height:100%;  margin-left:auto;
margin-right:auto;} 

h2 { font-size:120%; line-height:1.3; color:#000; }
h3 { font-size:120%; line-height:1.2; color:#000; } 
h4 { font-size:120%; line-height:1.3; color:#000; } 
h5 { font-size:120%; line-height:1.3; color:#000 } 
h6 { font-size:120%; line-height:1.3; color:#000 } 
 
h1, h2, h3, h4, h5, h6 { font-weight:bold; } 
  
p { font-size:110%; line-height:120%; color:#FFF; line-height:160%; }
strong { font-weight:bold; }
a { color:#666;font-size:100%;  }
a:hover { color:#666;font-size:100%; }
a:visited { color:#666;font-size:100%;  }

em { font-style:italic; }


/*
-------------------------------------------------------------- 
LAYOUT
-------------------------------------------------------------- 
*/  


/*
-------------------------------------------------------------- 
GENERAL 
-------------------------------------------------------------- 
*/

* { margin: 0; padding:0; }

#wrapper { position:absolute; top:50%; margin-top:-160px; width:600px; }


#bar1 { background:#282828; margin-bottom:20px; padding-right:70px; padding-left:10px; padding-top:10px; padding-bottom:10px; }
#logo { background:url(../images/logo.gif) 0 8px no-repeat; height:80px; width:500px; margin:0 auto; }
#bar2 { background:#494949; padding-right:20px; padding-left:20px;}
#bar3 { background:#494949; padding-right:20x; padding-left:20px; width:260px; float:left; }
#portfolio { background:url(../images/portfolio.gif) 0 0px no-repeat; height:25px; width:260px; margin:0 auto; float:left }

#bar4 { background:#494949; margin-left:20px; padding-right:20px; padding-left:20px; width:260px; float:left; }
#blog { background:url(../images/blog.gif) 0 0px no-repeat; height:25px; width:260px; margin:0 auto; float:left }


#header { height:65px; width:575px; margin:0 auto; padding-top:15px; padding-bottom:10px;  margin-bottom:20px; }
#header2 { height:65px; width:267px; margin:0 auto; padding-top:15px; padding-bottom:10px; }
#copy { width:420px;  }
#copy2 { width:240px; float:left; text-decoration:none; }
#copy a { color:#a0a0a0; text-decoration:none;}
#copy2 a { color:#a0a0a0; text-decoration:none;}
#copy a:hover { color:#009cff; text-decoration:none;}
#copy2 a:hover { color:#009cff; text-decoration:none;}
#copy ul { padding-top:10px; }
#copy li { float:left; padding-right:3.5px; color:#a0a0a0; }


/*
-------------------------------------------------------------- 
HEADER
-------------------------------------------------------------- 
*/


/*
-------------------------------------------------------------- 
NAVIGATION
-------------------------------------------------------------- 
*/



/*
-------------------------------------------------------------- 
TOP NAV
-------------------------------------------------------------- 
*/



/*
-------------------------------------------------------------- 
SUB NAVIGATION
-------------------------------------------------------------- 
*/



/*
-------------------------------------------------------------- 
CONTENT
-------------------------------------------------------------- 
*/



/*
-------------------------------------------------------------- 
FOOTER
-------------------------------------------------------------- 
*/



/*
-------------------------------------------------------------- 
ACCESSIBILITY OPTIONS
-------------------------------------------------------------- 
*/



/*
-------------------------------------------------------------- 
CLEAR FLOATS
-------------------------------------------------------------- 
*/
.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 */
/*** end clearing hack  ***/