/*******************************************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:14px/26px "Lucida Grande",Lucida Sans,Verdana,sans-serif;color:#777D7F;text-align:left;background:#fff url(../img/bg.png) repeat-x;}
a{color:#938272;text-decoration:none;}
a:hover{color:#fff;text-decoration:underline;}
a img{border:0;}
h1{font-family:"Century Gothic";color:#f8f3e5;font-size:200%;}
h2{margin-top:0;font:normal 16px "Century Gothic";outline:none;color:#f8f3e5;}
h3{font-family:"Century Gothic";color:#f8f3e5;}
h4{font:normal 16px "Century Gothic";color:#f8f3e5;}
/* Basic Box
------------------------------------------  */.box{font-size:12px;background:#111;margin:20px;padding:15px;}
.box p{line-height:17px;margin:10px 0;}
.boxpimama{float:left;width:240px;height:190px;margin-right:15px;background:#222;}
.readmore{float:right;background:3px;color:#000;bottom:0;padding:27px 0 3px;}
/* Pagination
------------------------------------------  */.pagination{float:left;margin-left:20px;}
.pagination ul li{float:left;margin-right:5px;background:#333;padding:0;}
.pagination ul li a{float:left;display:block;color:#fff;background:#333;padding:6px 8px;}
.pagination ul li a:hover{color:#ccc;background:#333;}
/******************************************************************home rows   */#home_row{width:100%;padding-left:15px;font-size:13px;margin:10px 0;}
.home_col{width:220px;float:left;}
.home_col_m{margin-right:20px; line-height:1.5em}
.home_col h2{color:#cd9f64;}
/******************************************************************main structur 950px   */.main{width:960px;margin:0 auto;}
/******************************************************************Header Logo and navigation   */#header{width:960px;height:35px;}
#navigation{float:right;display:inline;width:630px;margin-right:-132px;}
#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:12px/26px "Century Gothic", Arial, sans-serif;color:#fff;}
#navigation li a:hover{color:#938272;}
h1#logo{margin:-2px 0 0 10px;}
h1#logo a,h1#logo a:hover{text-decoration:none;}
/******************************************************************intro text   */#features{text-align:center;margin:0;padding:5px 5px 0 15px;}
.pi_intro{font-size:19px;line-height:29px;}
.pifour{font-size:48px;line-height:40px;letter-spacing:-1px;}
.pi_caps{font-size:14px;line-height:20px;text-transform:uppercase;}
.lede{font-size:28px;line-height:40px;letter-spacing:-1px;font-style:italic;}
.line{border-bottom:1px solid #232323;width:900px;clear:both;margin:10px;}
.red{color:#ee2933; font-weight:800;}
.smallcaps{font-size:88%;}
.plus{color:#ee2933;font-size:12px;}
/******************************************************************main content   */#content{border:none;width:960px;margin:5px;}
#columnmain{float:left;width:100%;background:url(../images/opacity.png);margin:35px 0;}
#columnLeft{float:left;width:460px;font-size:98%;margin:0;padding:0 5px;}
#columnRight{float:right;width:460px;font-size:98%;padding:0 5px;}
/*****************************************- Projects (box) --   */#projects{margin-bottom:0;}
.boxino .description{display:inline;float:left;font-size:1em;width:300px;margin-top:-12px;background:#222;}
.boxino .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%;}
.list{list-style-type:none;font-size:12px;line-height:20px;padding:5px;}
/*********************footer and social   */#footer{width:960px;overflow:hidden;text-align:left;font-size:0.9em;margin:auto; line-height:1.3em}
#footerContentContainer{width:945px;padding-top:10px;line-height:1.1em;margin-left:3px;}
.arrow{width:100%;height:38px;background:url(../images/rm.png) no-repeat;font:normal 18px "Century Gothic";outline:none;color:#dc0064;padding:3px 0 0 30px;}
#box_top{height:auto;width:100%;background:#999;}
/******************************************************************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;position:relative;margin-bottom:13px;padding:3px;}
input:focus,textarea:focus,select:focus{background:#000;color:#fff;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; margin-top:-30px;}
/***********************************-- 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:11px;width:550px;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;}
/***********************************-- misc --*****   */.phot{border:none;}
.approach{height:50px;margin-top:15px;width:420px;border-bottom:#494949 1px dotted;}
.approachAbout{font-size:12px;line-height:1.1;float:right;width:380px;padding:0;}
#start-stop.playing,#thumbNav a.cur{background:#000;}
#start-stop:hover,#thumbNav a:hover{background-image:none;}
.footerFriends,.message{float:right;}
ui,li{list-style-type:none;line-height:20px;}
#projects li.box,#development li.box{display:inline;float:left;width:280px;text-align:left;margin:0 10px 0 0;}
#projects li.box h3,#development li.box h3{font-size:16px;text-align:left;min-height:40px;clear:both;margin:5px;}
#projects li.box img,#development li.box img{width:280px;height:180px;display:inline;float:left;background-color:#e7f4fc;margin:0 0 10px;}
#projects li.box.last,#development li.box.last{margin:0;}
#nav-sec,#client{float:left;width:200px;list-style-type:none;}
#nav-sec li a,#client li a{display:block;color:#b19c9d;padding:0;}
#nav-sec li a:hover,#client li a:hover{display:block;background-color:#000;color:#ccc;padding:0;}
#accordionContainer{width:960px;height:300px;overflow:hidden;background-color:#111;position:relative;margin:5px 0;}
.asyncImgLoadAccordion{clear:none;}
.accordionImgDiv{width:760px;height:300px;position:absolute;border-left:1px solid #111;margin-left:0;background-color:#111;cursor:pointer;overflow:hidden;}
.accordionImgDiv .slideStrip{position:absolute;width:180px;height:300px;left:0;top:0;overflow:hidden;background-image:url('../img/common/ajax/loading6.gif');background-repeat:no-repeat;background-position:100% 50%;background-color:transparent;}
.accordionImgDiv .slideDesc{position:absolute;left:15px;bottom:15px;font:normal 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;text-transform:uppercase;color:#eee;}
.accordionSlideImage{border-left:0 solid #000;width:760px;height:300px;background-image:url('../img/common/ajax/loading10.gif');background-repeat:no-repeat;background-position:50% 50%;}
.accordionDescBack{bottom:0;margin-left:0;margin-top:0;position:absolute;left:0;width:760px;height:70px;}
.accordionDesc{font-weight:500;font-family:"Century Gothic";font-size:15px;padding-top:0;padding-left:10px;text-align:left;color:#DDD;bottom:0;margin-left:0;margin-top:0;position:absolute;left:0;width:760px;height:130px;opacity:0.0;filter:alpha(opacity=0);background:none;}
.accordionDescHeader{margin-top:5px;position:static;color:#FFF;padding-bottom:3px;margin-bottom:0;}