/***** ACCESSIBILITY SKIP LINKS *******/
dl.accessibility, #skip_to_nav, #skip_to_content {text-align:left;position:absolute;top:0;left:-500em;}

body {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size:1em;
background:#fff;
color: #000000;
}
p {padding:0 0 .5em 0; font-size:.9em; line-height:1.3em;}
strong { font-weight:bold;}
h1 {
font-size:1.5em;
text-transform:uppercase;
margin:0 0 .5em 0;
color:#D5CB1E;
}
h2 {
font-size:1.2em;
text-transform:uppercase;
margin:.3em 0 .2em 0;
color:#666666;
}
#container
{
width:980px;
margin: 0 auto;
background: #FFF;
overflow:hidden;
}

#header {
position:relative;
background:#666 url(images/tile_greytop2.png) repeat-x;;
height:80px;
padding:20px 0 0 20px;
}
#logo {
text-indent:-1000em;
background:url(images/darren_poore.png);
width:430px;
height:23px;
}
#logo a { display:block;width:430px;height:23px;}


#header ul {margin:15px 0 0 30px;}
#header li {display:inline; padding:0 5px;}
#header li a, #header li a:visited {
font-size:1.1em;
text-decoration:none;
color:#fff;
padding:5px;
letter-spacing:.1em;
}
#header li a:hover {color:#DBD826;}
.current {color:#DBD826 !important;}

#contact_info {
position:absolute;
right:20px;
top:20px;
font-size:1.1em;
line-height:1.5em;
text-align: right;
color:#fff;
}
#contact_info a:link, #contact_info a:visited {
color:#fff;
text-decoration:none;
}
#contact_info a:hover {
color:#CCCCCC;
text-decoration:none;
}

#col_1 {
/*background:pink;*/
float: left;
width: 360px;
padding:80px;
}

#col_2 {
/*background:yellow;*/
margin: 0 0 0 520px;
}

#col_1_portfolio {
float: left;
width: 200px;
padding:40px;
}

#col_2_portfolio {
margin:30px 0 0 280px;
}

/* portfolio */
.portfolio_nav ul {}
.portfolio_nav li {
list-style:none;
margin:5px auto
}
.portfolio_nav li a:link, .portfolio_nav li a:visited {
display:block;
height:60px;
padding:15px 0 0 0;
background:url(images/nav_greycircle.jpg) center no-repeat;
text-align:center;
font-size:1.1em;
color:#000;
text-decoration:none;
line-height:1.2em;
}
.portfolio_nav li a:hover, .portfolio_nav .current_cat {
background:url(images/nav_yellowcircle.jpg) center no-repeat !important;
}
#col_2_portfolio a:link, #col_2_portfolio a:visited {
display:block;
float:left;
width:150px;
height:150px;
margin:5px 5px;
text-align:center;
}
.portfolio_nav li a span {
font-size:.8em;
line-height:1.1em;
color:#333333;
}

#footer {
clear: both;
background-color: #666;
padding: 1em;
text-align: right;
border-top: 1px solid #333;
}
.profile_image {margin:50px 0 0 0;}
.linklist {margin:0 0 15px 0;}
.linklist li {padding:2px 0;}
.linklist li a { text-decoration:none; font-size:.9em}