/*******************************************Pimama.co.uk info@pimama.co.uk */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
/* remember to define focus styles!  */:focus{outline:0;}
*{margin:0;padding:0;}
body{font:1em "Lucida Sans Unicode", Lucida Sans, Arial, sans-serif;color:#666;text-align:left;background:#000;}
a{color:#22b6f3;text-decoration:none;}
a:hover{color:#666;text-decoration:underline;}
a img{border:0;}
h1{font-family:"Century Gothic", Arial;color:#34ccff;}
h2{margin-top:0;font:normal 16px "Century Gothic", Arial;outline:none;color:#CCC;font-size:17px;}
h3{font-family:Georgia, Times, serif;color:#f3147a;}
h4{font:normal 16px "Century Gothic", Arial;color:#1bd929;}
/******************************************************************main structur 950px */.main{width:960px;margin:0 auto;}
/******************************************************************Header Logo and navigation */#header{width:960px;height:60px;padding-top:5px;}
#navigation{float:right;display:inline;width:500px;margin-right:-44px;}
#navigation ul{list-style:none outside;}
#navigation li{float:left;display:inline;margin-left:40px;background:none;}
#navigation li a{float:left;display:inline;height:31px;text-transform:lowercase;text-decoration:none;font:11px/26px "Lucida Sans", Lucida, Arial, sans-serif;color:#fff;}
#navigation li a:hover{color:#ccc;}
h1#logo{margin-left:25px;}
/******************************************************************ajax showreel */.anythingSlider{width:820px;height:375px;position:relative;margin:0 auto;}
#page-wrap{width:820px;position:relative;margin:0 auto;padding:15px;}
.anythingSlider .wrapper{width:760px;overflow:auto;height:341px;position:absolute;top:0;left:0;margin:0 40px;}
.anythingSlider .wrapper ul{width:9999px;list-style:none;position:absolute;top:0;left:0;margin:0;}
.anythingSlider ul li{display:block;float:left;height:317px;width:780px;margin:0;padding:0;}
.anythingSlider .arrow{display:block;height:200px;width:67px;background:url(../images/arrows.png) no-repeat 0 0;text-indent:-9999px;position:absolute;top:65px;cursor:pointer;}
.anythingSlider .forward{background-position:0 0;right:-5px;}
.anythingSlider .back{background-position:-67px 0;left:-20px;}
.anythingSlider .forward:hover{background-position:0 -200px;}
.anythingSlider .back:hover{background-position:-67px -200px;}
.anythingSlider .wrapper ul ul{position:static;background:none;overflow:visible;width:auto;border:0;margin:0;}
.anythingSlider .wrapper ul ul li{float:none;height:auto;width:auto;background:none;}
/**stop and go */#start-stop{background:#000;color:#fff;width:40px;text-align:center;position:absolute;right:55px;top:337px;padding:2px 5px;}
#thumbNav{position:relative;top:323px;text-align:center;}
/**number */#thumbNav a{color:#fff;display:inline-block;height:18px;background:#000;text-align:center;margin:14px 5px 0 0;padding:2px 8px;}
/******************************************************************content */#content{border:none;width:960px;margin:5px;}
.cl{clear:both;height:25px;}
#columnLeft{float:left;width:460px;margin:0;}
#columnRight{float:right;width:460px;margin:10px;}
/*****************************************- Projects (box) -- */#projects{margin-bottom:30px;}
#projects li.box{display:inline;float:left;width:300px;text-align:left;margin:0 20px 0 0;}
#projects li.box h3{font-size:16px;text-align:left;min-height:40px;clear:both;margin:5px;}
#projects li.box img{width:300px;height:180px;display:inline;float:left;background-color:#e7f4fc;margin:0 0 10px;}
#projects li.box.last{margin:0;}
.box .description{display:inline;float:left;font-size:0.75em;width:300px;background:#1D1D1D;}
.box .description p{padding:3px;}

/*------ Clear Fix ------ */.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
/* Hides from IE-mac \ */* html .clearfix{height:1%;}
/*******************************************************footer and social */#footer{overflow:hidden;text-align:left;font-size:0.8em;color:#52747d;width:100%;background:url(../images/bground.jpg) no-repeat;}
#footer a{color:#999;}
#footerContentContainer{width:945px;padding-top:10px;line-height:1.5em;margin-left:3px;}
.footerMaps,.footerServices,.footerContact{float:left;}
.footerMaps,.footerServices,.footerContact,.footerFriends{padding-left:10px;width:225px;height:250px;border-right:1px dotted #494949;}
.footerMaps{border-left:1px dotted #494949;}
/******************************************************************contact form */#contentForm{display:block;width:400px;margin:10px auto;padding:25px;}
/* and now the form formatting itself  */label{display:block;float:left;clear:left;width:180px;line-height:20px;margin:5px 0;}
input,textarea,select{background:#000;color:#333;font:12px 'courier new',courier, monospace;border:1px solid #494949;position:relative;margin-bottom:13px;padding:3px;}
input:focus,textarea:focus,select:focus{background:#000;color:#fff;font:12px 'courier new',courier, monospace;border:1px solid #494949;position:relative;margin-bottom:13px;padding:3px;}
input.button{border:none;font-weight:700;background:url(../images/submit.jpg) no-repeat left top;width:90px;height:28px;margin-left:100px;}
span.required{font-size:13px !important;color:red !important;}
.errormsg{display:block;width:90%;height:22px;line-height:22px;color:#fff;font-weight:700;background:#000 url(images/stop.gif) no-repeat 10px center;border-top:1px solid #494949;border-bottom:1px solid #494949;margin:10px 0;padding:3px 10px 3px 40px;}
.msgSent{font-size:20px;text-align:center;}
.buttons{float:right;margin-right:35px;}
.check{float:right;margin-right:165px;}
/***********************************-- Footer Bottom --***** */#footbottom{clear:both;width:950px;border-top:1px dotted #494949;padding:10px 0 0;}
#footer #footbottom #copyrights{display:inline;float:left;font-size:10px;width:350px;border-right:1px dotted #494949;height:40px;}
#footer #footbottom #newsletter{display:inline;float:left;width:270px;padding-left:5px;border-right:1px dotted #494949;height:40px;}
.networks{display:inline;float:right;width:350px;text-align:right;height:40px;}
#nav-sec{float:left;width:200px;list-style-type:none;}
#nav-sec li a{display:block;color:#5e8159;padding:0;}
#nav-sec li a:hover{display:block;background-color:#9F9A93;color:#333;padding:0;}
/***********************************-- misc --***** */.phot{border:2px solid #202020;}
.approach{height:50px;margin-top:15px;width:420px;border-bottom:#494949 1px dotted;}
.approachAbout{font-size:12px;line-height:1.1;color:#464A52;float:right;width:380px;padding:0;}
h1#logo a,h1#logo a:hover{text-decoration:none;}
#start-stop.playing,#thumbNav a.cur{background:#000;}
#start-stop:hover,#thumbNav a:hover{background-image:none;}
.footerFriends,.message{float:right;}