html{margin:0; padding:0; width:100%;}
body{margin:0; padding:0; width:100%; text-align:center; font-size:100%; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
a img{border:0;}
.clear{clear:both;}
span.kav{color:#EF027C}
a{color:#008AFF}
.l{float:left}
.r{float:right}
.c{align:centre}
.lpic{margin-right:10px; float:left}
.rpic{margin-left:10px; float:right}
p.gallery a{display:none}

#container{margin:0 auto; padding:25px 0 0 0; width:840px; text-align:left;}
#header	{width:840px; height:100px;}
#logo{float:left; width:231px;}
#header-right{float:left; width:609px;}

/*................................................*/
/*............... top menu .......................*/
/*................................................*/
ul#top_menu{margin:0; padding:0 0 18px 0; float:right; list-style:none; font-size:0.75em; font-weight:bold}
ul#top_menu li{margin:0 0 0 13px; padding:0; float:left;}
ul#top_menu li a{color:#666; text-decoration:none; display:block; border-bottom:1px solid #fff;}
ul#top_menu li.on a{color:#EF027C; border-bottom:1px dotted #EF027C;}
ul#top_menu li a:hover{color:#EF027C; border-bottom:1px dotted #EF027C}

/*................................................*/
/*............... main menu .......................*/
/*................................................*/
ul#main_menu{margin:0; padding:0; float:right; list-style:none; font-size:1.2em; font-weight:bold }
ul#main_menu li{margin:0 0 0 25px; padding:0; float:left;}
ul#main_menu li a{color:#666; text-decoration:none; display:block}
ul#main_menu li.on a{color:#EF027C; border-bottom:2px dotted #EF027C}
ul#main_menu li a:hover{color:#EF027C; border-bottom:2px dotted #EF027C}

/*................................................*/
/*............... homepage content ...............*/
/*................................................*/

#wrapInner{clear:both; width:840px;}
#wrapInner h1{margin:0 0 15px 0; padding:0; color:#FFA421; font-size:1.5em;}
#wrapInner h2{margin:10px 0 0 0; padding:0; color:#FFA421; font-size:1.1em;}
#wrapInner h2.grey{color:#666}
#wrapInner h3{margin:15px 0 0 0; padding:0; color:#666666; font-size:0.9em;}
#wrapInner h3.divider{margin:30px 0 0 0; padding:10px 0 0 0; border-top:1px dotted #ccc}

#wrapInner h4{margin:0; padding:0; color:#666666; font-size:0.9em;}
#wrapInner p{margin:5px 0 15px 0; padding:0; font-size:0.8em; color:#666; line-height:1.4em;}
#wrapInner ul {margin:5px 0 5px 0; padding:0; font-size:0.8em; color:#666; list-style:none}
#wrapInner ul li{margin:5px 0 5px 0; padding:0 0 0 15px; background:url(../images/bullet_circ.gif) no-repeat 0px 5px;}

#wrapInner ul.linkto{margin:0 0 0 20px; padding:0; font-size:1em; width:300px; list-style:none;}
#wrapInner ul.linkto li{margin:0; padding:8px 0 8px 37px; background:url(../images/rhs_arrow.gif) no-repeat 15px 12px; font-weight:bold; color:#7E7D7D }
#wrapInner ul.linkto li a{color:#EF027C; text-decoration:none}
#wrapInner ul.linkto li a:hover{color:#EF027C;}

#wrapInner blockquote{margin:14px 10px 10px 10px; padding:0 0 0 10px; font-size:1em; color:#4E3558; line-height:1.4em; border-left:4px solid #F0F0F0;}
#wrapInner blockquote cite{margin:2px 0 0 0; padding:0; display:block; font-size:0.8em; color:#666}

#content{margin:0; padding:0 10px 0 0; width:590px; float:left; position:relative;}

#home_featured_img{margin-top:-16px}
#home-featured{margin:0; padding:15px 0 5px 0px; position:absolute; top:0px; left:30px; width:560px; }
#home-featured h1{font-size:1.7em; color:#EF027C; width:262px; margin:0; padding:0;}
#home-featured p{color:#333; font-size:0.75em; width:262px;}
#home-featured a{color:#333; text-decoration:none}

/*................................................*/
/*............... recent work ....................*/
/*................................................*/
#wrapInner .recent-holder{margin:0; padding:10px 0 0 0; clear:both}
#wrapInner .recentwork{margin:0; padding:10px 19px 0 0; float:left; width:184px;}
#wrapInner .recentwork.end{padding-right:0px}
#wrapInner .recentwork h4 a{color:#666; text-decoration:none}
#wrapInner .recentwork p{font-size:0.7em; color:#666666;}

/*................................................*/
/*............... other ...........................*/
/*................................................*/
/* box_type2 */
#wrapInner .box_type3{margin:10px 14px 0 0; padding:0 6px 6px 6px; width:170px; float:left; background:url(../images/grad_grey.jpg) repeat-x bottom}
#wrapInner .box_type3 h2{margin:0; padding:0 0 5px 0; font-size:0.95em; color:#59007B;}

/* box_type2 */
#wrapInner .box_type2{margin:0 0 20px 0; padding:10px 10px 2px 0; clear:both; border-top:1px solid #EDEDED; background:url(../images/grad_grey.jpg) repeat-x bottom}
#wrapInner .box_type2 h2{color:#59007B}
#wrapInner .box_type2 h2 a{color:#F23496; text-decoration:none}
#wrapInner .box_type2 h3{margin:3px 0 3px 0; padding:0; font-size:1.1em}
#wrapInner .box_type2 h3 a{color:#F23496; text-decoration:none;}
#wrapInner .box_type2 img{clear:right}

/* box_type1 */
#wrapInner .box_type1{margin:20px 60px 0 0; padding:0 0 2px 15px; float:left; width:215px; border-left:2px solid #EFEFEF; /*background:url(../images/grad_grey.jpg) repeat-x bottom*/}
#wrapInner .box_type1 h2{margin:0 0 10px 0; color:#666}
#wrapInner .box_type1 ul{font-size:0.7em}

/* contact me */
#wrapInner .contact-me{margin:5px 20px 0px 20px; width:200px}
#wrapInner .contact-me img{margin-right:5px}

/* showreel_holder */
#showreel_holder{margin:-120px 0 0 0; padding:0;}

/* logos */
#logos{margin:0 auto; padding:10px 0 0 0; width:475px; text-align:center}
#logos img{margin:0; padding:10px}

/* controls */
#wrapInner ul.controls{margin:0 0 0 10px; padding:0; font-size:0.7em;}
#wrapInner ul.controls li a{text-decoration:none}
#wrapInner ul.controls li a:hover{color:#F23496}
#wrapInner ul.controls li.vid{margin:0 20px 0 0; padding:5px 0 5px 25px; float:left; width:30px; line-height:0.9em; background:url(../images/icon_tv.gif) no-repeat 0px 0px}
#wrapInner ul.controls li.stills{margin:0 20px 0 0; padding:5px 0 5px 25px; float:left; width:30px; line-height:0.9em; background:url(../images/icon_stills.gif) no-repeat 0px 0px}
/*................................................*/
/*............... homepage-col2 ..................*/
/*................................................*/
#rhs{margin:0; padding:0; width:229px; float:right;}
#rhs #rhs_sub{margin:0; padding:0; border-bottom:1px solid #fff; background:url(../images/rhs_menu_bg.gif) no-repeat bottom;}
#rhs #rhs_sub ul{margin:0; padding:0; font-size:1em; list-style:none; border-top:1px solid #F3F3F3;}
#rhs #rhs_sub ul li{margin:0; padding:8px 0 8px 37px; border-top:1px solid #F3F3F3; background:url(../images/rhs_arrow.gif) no-repeat 15px 12px; color:#7E7D7D }
#rhs #rhs_sub ul li a{color:#7E7D7D; text-decoration:none}
#rhs #rhs_sub ul li a:hover{color:#EF027C;}
#rhs #rhs_sub ul li.on{background-image:url(../images/rhs_arrow_on.gif);}
#rhs #rhs_sub ul li.on a{color:#EF027C;}

#rhs #rhs_sub ul li.sub{margin:0 0 5px 35px; padding:4px 0 4px 15px; font-size:0.9em; border-top:0px solid #F3F3F3; background:url(../images/bullet_dash.gif) no-repeat 0px 8px; color:#7E7D7D }

/* blog*/
#rhs #rhs_blog{margin:0; padding:0; width:229px; float:left; background:url(../images/rhs_home_bg.jpg) no-repeat top #F67ABB; }
#rhs #rhs_blog h3{margin:0; padding:15px 5px 5px 15px; color:#FFA421; font-size:1.2em}
#rhs #rhs_blog ul{margin:0; padding:0; font-size:1em;}
#rhs #rhs_blog ul li{margin:5px 0 0 0; padding:0; background:url()}
#rhs #rhs_blog ul li span.headline{margin:5px 0 0 0; padding:3px 5px 0 15px; color:#EF027C; display:block; font-size:1em; border-top:0px dotted #F679BA; }
#rhs #rhs_blog ul li span.headline a{color:#EF027C; text-decoration:none;}
#rhs #rhs_blog ul li span.headline a:hover{text-decoration:underline}
#rhs #rhs_blog ul li p.date{margin:0 0 0 0; padding:3px 5px 0 15px; font-size:0.7em; color:#fff}
#rhs #rhs_blog ul li div{margin:4px 5px 4px 15px; padding:0; color:#666; font-size:0.7em; word-wrap: break-word}
#rhs #rhs_blog p.fbsubscribelink{margin-left:15px; font-size:0.7em;}
#rhs #rhs_blog p.fbsubscribelink a{text-decoration:none; color:#fff}
#rhs #rhs_blog #creditfooter{display:none}
#rhs #rhs_blog_footer{margin:0; padding:0; clear:both; width:229px; height:85px; background:url(../images/rhs_home_bott.gif) repeat top #F67ABB;}

/*................................................*/
/*............... flash_holder ...................*/
/*................................................*/
#flash_holder{margin:0; padding:0; clear:both; height:220px;}

/*................................................*/
/*............... footer .........................*/
/*................................................*/
#footer		{margin:10px 0 0 0; padding:0; clear:both; border-top:1px dotted #ccc; text-align:center;}
#footer p	{font-size:0.68em; color:#5F5F5F;}
#map		{float:left; padding-right:60px;}