/*-- Style Information for Portfolio --*/
/*-- Author: Antony Howlett -----------*/
/*-- Email: ant.howlett@gmail.com -----*/
/*-- Website: anthowlett.com ----------*/
/*-- Document: layout.css -------------*/

/*---- CONTAINER ---*/
div#container {width: 100%; padding-top: 40px;}

/*---- TOP PANEL ---*/
div#topPanel {position: fixed; top: -120px; left: 0; width: 100%; color: #fff; background: #7d7a70; margin-bottom: 40px; z-index: 6;}
div#topPanel div#topPanelHolder {width: 945px; height: 60px; padding: 30px 0 35px; margin: 0 auto; font-size: 15px; position: relative;}
div#topPanel div#topPanelHolder a {font-size: 24px; text-decoration: none; color: #eac445;}
div#topPanel div#topPanelHolder a.right {margin: 0;}
div#topPanel div#topPanelHolder a.external {padding: 0; background: none;}
div#topPanel div#topPanelHolder a:hover {color: #8ec1da;}
div#topPanel div#topPanelHolder a#downloadCv {display: block; width: 200px; height: 34px; padding: 8px 10px 8px 52px; background: url("../images/sprite.png") no-repeat 0 -246px;}
div#topPanel div#topPanelHolder a#btnTopPanel {display: block; width: 135px; margin: 0; padding: 0; height: 24px; background: url("../images/sprite.png") no-repeat 0 -298px; position: absolute; right: 30px; bottom: -24px; text-indent: -999em;}

/*---- HOLDER ---*/
div#holder {width: 980px; margin: 0 auto; padding-bottom: 20px; background: #fff url("../images/bgHolder.jpg") repeat-x left bottom;}

/*---- GRID SETUP ---*/
div.row {padding: 0 0 20px;}
section {margin-left: 20px;}
.singleCol {float: left; width: 300px;}
.doubleCol {float: left; width: 620px;}
.tripleCol {float: left; width: 940px;}

/*---- FOOTER ---*/
footer {text-align: right; position: relative; width: 940px; margin:0 auto; padding: 45px 40px 60px; color: #fff; background: url("../images/bgFooter.gif");}