@charset "utf-8";
/* CSS Document */

html,body{
background:#ca4206;
margin:0;
font-family:"Trebuchet MS";
font-size:14px;
height:100%;

}



#left_outer a{
text-decoration:none;
color:white;
}

img{
border:none;
margin:0;
}

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

#navigation li{
margin-bottom:10px;
margin-top:0;
padding:0;
}

#singlecoloumn p
{
color:white;
}

#title{
position:absolute;
left:20px;
}

#navigation{
text-align:right;
border-right:1px dotted #fbad9b;
padding-right:30px;
}

#navigation a{
font-size:22px;
font-weight:100;

}

#navigation a.current{
color:black;
}

#navigation a:hover{
color:black;

}

#subnav{
text-align:right;
margin-top:50px;
}

#subnav li a{

font-size:16px;
background:#e65c00;
padding:5px;
}

#subnav li a:hover{
color:black;

}

#favourites {
background:#d34d10;
margin-top:12px;
float:left;
margin-left:-10px;
padding:28px;

}

h2.favouritesheader{
background:url(images/favouritesheader.png) no-repeat;
width:135px;
height:46px;
margin-bottom:-8px;
margin-top:-10px;
}

#favourites a{
text-decoration:none;
color:black;
padding:0px;
font-size:12px;
font-style:italic;




margin-bottom:5px;
}

#favourites ul li{
margin-left:0px;
margin-bottom:5px;
padding:0;
border-bottom:1px dotted black;

}
#favourites a:hover{
background:white;
}

#subnav li{

margin-bottom:20px;
}

#left_outer{

margin-right:30px;
min-height:100%;
float:left;
margin-top:10px;

}

#right_outer{

float:left;


min-height:100%;
}

#main_outer{
margin-left:auto;
margin-right:auto;
width:900px;
background:#ca4206 url(images/background2.jpg) no-repeat top left;
clear:both;


}



h1.catchingidea{
background:url(images/catchingidea.png) no-repeat;
width:530px;
height:226px;
margin-top:0;
}

h1.portheading{
background:url(images/portheading2.png) no-repeat;
width:501px;
height:145px;
margin-top:-5px;
}

h1.aboutheading{
background:url(images/aboutheading.png) no-repeat;
width:500px;
height:85px;
margin-top:-5px;
margin-bottom:25px;
}

h1.contactheading{
background:url(images/contactheader.png) no-repeat;
width:501px;
height:130px;
margin-top:-5px;
margin-bottom:-40px;
}

.hidden{
display:none;
}

#tripplecoloumn{
width:600px;
margin-top:-20px;
}



#doublecoloumn{
margin-top:-60px;
}

#tripplecoloumn .coloumn{
width:180px;
float:left;
margin-right:15px;

}

#doublecoloumn .coloumn{
width:260px;
float:left;
margin-right:30px;

}
#doublecoloumn .coloumn p{

font-weight:100;
font-size:14px;
}



span.email{
font-weight:bold;
}


#form p.textform{
color:white;
margin-bottom:5px;
}

#from{
border:none;
}



.coloumn h2{
margin-bottom:-10px;
font-size:26px;
font-weight:200;
margin-top:10px;
}

.coloumn p{
font-size:12px;
color:white;
margin-top:10px;
}

#content{
margin-top:0px;
padding:0px;
clear:both;
width:600px;

}

.pulloutimagehome{
background:url(images/designpullout.png) no-repeat;
width:526px;
height:82px;
margin-top:-10px;
}

.pulloutimageportfolio{
background:url(images/portfoliopullout.png) no-repeat;
width:536px;
height:58px;
margin-top:0px;
margin-bottom:0px;

}

.pulloutimagecontact{
background:url(images/contactpullout.png) no-repeat;
width:536px;
height:111px;
margin-top:-20px;
margin-bottom:-60px;
}

.pulloutimageabout{
background:url(images/aboutpullout.png) no-repeat;
width:536px;
height:54px;
margin-top:-20px;
margin-bottom:20px;
}

.portitemimage{
width:515px;
float:left;
margin-top:0;
}
.portitemimage img{
border:5px solid #191919;
margin-top:0px;

}

a.thickbox{
display: block;
position: relative;
width:515px;

}
.portitemdescription{
width:245px;
float:left;

margin-top:0px;
background:#d34d10;
padding:10px;
margin-right:20px;
}

span.overlay {
top: 0;
left: 0;
height:255px;
width: 505px;

display: block;
position: absolute;
margin-left: -9000px;
background:url(images/overlay.png);
}
a.thickbox:hover span.overlay {
margin: 0;
margin-top:5px;
margin-left:5px;
}

.portitemdescription p{
font-size:11px;
margin-top:0px;
font-style:italic;
}

.portitemdescription h2{
margin-bottom:-10px;
margin-top:0px;
}

.portitem{
width:820px;
margin:0;
padding:0;
float:left;
}
#flash_wrapper{


clear:both;
overflow:hidden;
}

#web_wrapper{


clear:both;
overflow:hidden;

}

#print_wrapper{


clear:both;
overflow:hidden;

}
#inner_container{
height:100%;

clear:both;
overflow:hidden;

}

#inner_container_home{
background:url(images/chopsticks.png) no-repeat top right;
height:100%;
width:900px;
clear:both;
overflow:hidden;


}
#inner_container_about{
background:url(images/aboutbackground.png) no-repeat top;
background-position:300px -40px;
height:100%;
width:1200px;
clear:both;
overflow:hidden;


}

#leftrightcontainer{
margin-top:200px;
clear:both;
overflow:hidden;
}

h2.checkoutport{
width:377px;
height:100px;
background:url(images/checkoutport.png) no-repeat;
margin-left:50px;
}




h2.jumpshrink{
width:245px;
height:40px;
background:url(images/jumpshrinkheading.png) no-repeat;
}
h2.architects{
width:245px;
height:40px;
background:url(images/architectsheading.png) no-repeat;
}
h2.peddlethorp{
width:245px;
height:40px;
background:url(images/peddlethorpheading.png) no-repeat;
}
h2.bysaxonv1{
width:245px;
height:40px;
background:url(images/bysaxonportheading.png) no-repeat;
}

h2.varsity{
width:245px;
height:40px;
background:url(images/varsityheading.png) no-repeat;
}

h2.hiptop{
width:245px;
height:40px;
background:url(images/hiptopheading.png) no-repeat;
}

h2.lureinn{
width:245px;
height:40px;
background:url(images/lureinnheading.png) no-repeat;
}

h2.emotions{
width:245px;
height:40px;
background:url(images/emotionsheading.png) no-repeat;
}

h2.varsityweb{
width:245px;
height:40px;
background:url(images/varsitywebheading.png) no-repeat;
}

.status{
float:right;
background:#191919;
padding:7px;
font-size:12px;
font-weight:100;
margin-top:-5px;
color:white;
}




#portlist_wrapper{
position:absolute;
width:4120px;
margin-top:10px;
clear:both;
height:340px;
padding:0;
overflow:hidden;
}

.skilllist img{
border:none;
}

ul.skilllist{
list-style-type:none;

padding:0;
margin-bottom:10px;
}
ul.skilllist li{
display:inline;
}