@charset "utf-8";
/* 
   -- Website: http://www.digitalpark.co.uk/
   -- Version: 1.0.1
   -- Built by: Robert Cullen
   -- Lead Coder: Robert Cullen
*/
html,body,h1,h2,h3,h4,h5,h6,p,img,ul,ol,li,form,fieldset,input,textarea,table {margin:0;padding:0;border:0 none;}
body{background:#363636;}

#header{width:100%;height:130px;background:url('../images/header-background.png');background-repeat:repeat-x;position:relative;}
#header-wrap{width:1195px;height:130px;float:left;}
#header-logo-holder{width:605px;height:130px;float:left;z-index:6;}
#header-contact-details{width:237px;height:89px;float:left;margin:10px 0 0 0;}
#header-promotional{width:113px;height:64px;float:left;margin:20px 0 0 240px;}

#wrapper{width:100%;height:600px;}
#wrapper-portfolio{width:100%;height:1300px;}
#wrapper-arrows{width:1000px;height:600px;background:url('../images/wrapper-arrows.png');background-repeat:no-repeat;margin:0 auto;}
#wrapper-about{width:1000px;height:600px;background:url('../images/wrapper-about.png');background-repeat:no-repeat;margin:0 auto;}
#wrapper-contact{width:1000px;height:600px;background:url('../images/wrapper-contact.png');background-repeat:no-repeat;margin:0 auto;}

#container{width:843px;height:605px;margin:0 auto;background:url('../images/main-background-extended.png');background-repeat:no-repeat;}
#container-portfolio{width:843px;height:1300px;margin:0 auto;background:url('../images/main-background-new-extended.png');background-repeat:no-repeat;}

#main-portfolio{width:616px;height:1164px;float:left;}
#main-portfolio h1 {font-family:Georgia;font-size:18px;color:#363636;margin:8px 10px 0 30px; font-style:italic;}
#main-portfolio #text-area{width:610px;float:left;}
#main-portfolio #text-area p{font-family:Georgia;font-size:12px;color:#363636;margin:16px 10px 0 30px;}
#main-portfolio h1 a{font-family:Georgia;font-size:18px;color:#29c3d5;font-style:italic;text-decoration:none;}
#main-portfolio h1 a:hover{font-family:Georgia;font-size:18px;color:#000;font-style:italic;text-decoration:none;}
#main-portfolio p a{font-family:Georgia;font-size:12px;color:#29c3d5;font-style:italic;text-decoration:none;}
#main-portfolio p a:hover{font-family:Georgia;font-size:12px;color:#000;font-style:italic;text-decoration:none;}
#main-hire{width:171px;height:47px;float:left;margin:8px 0 0 25px;}
#main-portfolio #my-work{width:602px;height:1200px;float:left;margin:2px 0 0 19px;}

#main{width:616px;height:514px;float:left;}
#main h1 {font-family:Georgia;font-size:18px;color:#363636;margin:8px 10px 0 30px; font-style:italic;}
#main #text-area{width:610px;float:left;}
#main #text-area p{font-family:Georgia;font-size:12px;color:#363636;margin:16px 10px 0 30px;}
#main h1 a{font-family:Georgia;font-size:18px;color:#29c3d5;font-style:italic;text-decoration:none;}
#main h1 a:hover{font-family:Georgia;font-size:18px;color:#000;font-style:italic;text-decoration:none;}
#main p a{font-family:Georgia;font-size:12px;color:#29c3d5;font-style:italic;text-decoration:none;}
#main p a:hover{font-family:Georgia;font-size:12px;color:#000;font-style:italic;text-decoration:none;}
#main-hire{width:171px;height:47px;float:left;margin:8px 0 0 25px;}
#main #my-work{width:595px;height:207px;float:left;margin:2px 0 0 19px;}

#side{width:210px;height:470px;float:left;padding-top:40px;}
#side p{font-family:Georgia;font-size:16px;color:#777776;margin:20px;}
#side a{font-family:Georgia;font-size:16px;color:#29c3d5;text-decoration:none; font-style:italic;}
#side a:hover{font-family:Georgia;font-size:16px;color:#000;text-decoration:none;}

#navigation{width:823px;height:20px;float:left;margin:32px 0 0 20px;}
#navigation ul{width:843px;height:20px;float:left;display:inline;list-style:none;}
#navigation ul li{float:left; text-align:center;}

#navigation ul li a{font-family:Georgia;font-size:14px;color:#fff;text-decoration:none;}
#navigation ul li a:hover{font-family:Georgia;font-size:14px;color:#000;text-decoration:none;}

#footer{width:823px;height:25px;float:left;padding:4px 8px 0 0;}
#footer p{font-family:Georgia;font-size:14px;color:#fff;text-decoration:none;text-align:right;}

.smaller{width:80px;height:20px;}
.bigger{width:110px;height:20px;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}