@charset "utf-8";
/* CSS Document */


/* Global Styles
===================================================================================================================*/

body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px;}

body#geoff { background:url(img/main/bg-body.jpg) top center no-repeat #000; margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#fff;}

a, a:active, a:visited {color:#fff; text-decoration:none;}
a:hover {color:#817965; text-decoration:underline;}

h1, h2, h3, h4, h5, h6 {}
h1 {}
h2 {font-size:16px; line-height:20px; font-weight:bold; margin:0 0 3px; padding:20px 0 0 30px; }

p {font-size:12px; line-height:15px; color:#fff; margin:0 0 15px; padding:0;}

img, a {border:0;}
.clear {clear:both;}

#webpage {width: 1180px; height: auto; padding: 6px 0 0; margin: 0 auto;}

/* HEADER 
===================================================================================================================*/

#header { width: 100%; height: 130px; position: relative; margin:0; padding: 0 0 38px; float: left;}
#header h1 a{ display: block; width: 405px; height: 130px; float:left; font-size: 0; text-indent: -9999px; overflow:hidden;}

#header a.email_top {display: block; width: 260px; height: 40px; padding:90px 0 0; float:right; font-size: 0; text-indent:-99999px; overflow:hidden;}


/* SIDEBAR / NAV 
===================================================================================================================*/

#sidebar {width: 287px;margin: 0; padding: 0; float: left; overflow: hidden;}
#sidebar ul#nav {list-style: none; margin: 0; padding: 10px 25px 0px; float:left; }
#sidebar ul#nav li {list-style: none; margin: 0; padding: 0;}
#sidebar ul#nav li a {height: 30px; width: 287px; margin: 0; padding: 0; display: block; text-indent: -9999px; overflow: hidden;}

#sidebar ul#nav li.commercial_reel a{background: url(img/nav/nav-commercial.png) 0 0 no-repeat;}
#sidebar ul#nav li.commercial_reel a:hover {background: url(img/nav/nav-commercial-hover.png) 0 0 no-repeat;}
#sidebar ul#nav li.latest_projects a {background: url(img/nav/nav-latest.png) 0 0 no-repeat;}
#sidebar ul#nav li.latest_projects a:hover {background: url(img/nav/nav-latest-hover.png) 0 0 no-repeat;}
#sidebar ul#nav li.music_videos a {background: url(img/nav/nav-music.png) 0 0 no-repeat;}
#sidebar ul#nav li.music_videos a:hover {background: url(img/nav/nav-music-hover.png) 0 0 no-repeat;}

#sidebar ul#nav li.commercials a{background: url(img/nav/nav-commercials.png) 0 0 no-repeat;}
#sidebar ul#nav li.commercials a:hover {background: url(img/nav/nav-commercials-hover.png) 0 0 no-repeat;}
#sidebar ul#nav li.shorts a{background: url(img/nav/nav-shorts.png) 0 0 no-repeat;}
#sidebar ul#nav li.shorts a:hover {background: url(img/nav/nav-shorts-hover.png) 0 0 no-repeat;}
#sidebar ul#nav li.tv a{background: url(img/nav/nav-tv.png) 0 0 no-repeat;}
#sidebar ul#nav li.tv a:hover {background: url(img/nav/nav-tv-hover.png) 0 0 no-repeat;}

#sidebar ul#nav li.food a {background: url(img/nav/nav-food.png) 0 0 no-repeat;}
#sidebar ul#nav li.food a:hover {background: url(img/nav/nav-food-hover.png) 0 0 no-repeat;}
#sidebar ul#nav li.comedy a {background: url(img/nav/nav-comedy.png) 0 0 no-repeat;}
#sidebar ul#nav li.comedy a:hover {background: url(img/nav/nav-comedy-hover.png) 0 0 no-repeat;}
#sidebar ul#nav li.drama a {background: url(img/nav/nav-drama.png) 0 0 no-repeat;}
#sidebar ul#nav li.drama a:hover {background: url(img/nav/nav-drama-hover.png) 0 0 no-repeat;}
#sidebar ul#nav li.other a {background: url(img/nav/nav-other.png) 0 0 no-repeat;}
#sidebar ul#nav li.other a:hover {background: url(img/nav/nav-other-hover.png) 0 0 no-repeat;}

#sidebar #sidebar_info {width: 285px; margin: 0; padding: 100px 0 0 55px; float: left; font-family:Georgia, "Times New Roman", Times, serif; }
#sidebar #sidebar_info .info_head {text-align: left; font-size: 17px; color: #817965; padding: 20px 0 0; }


/* CONTENTS
===================================================================================================================*/

#contents {float: right; width:893px; margin: 0; padding: 0; text-align:center; } 

div.main_thum {width: 893px; float: left; margin: 0; padding: 0 0 0 170px ; list-style:none;}
div.main_thum .latest_works {width: 210px; float: left; margin:50px 0 0; padding:0 30px 0 0;}

.category h2 {width: 823px; height: 33px; margin: 20px 0; padding: 5px 0 0 30px; background:url(img/main/category_title.jpg) 0 0 no-repeat; color: #fff;}
ul.latest {margin: 0; padding: 20px 0 0 30px; float: left; width: 800px; font-size: 11px; list-style: none;}
ul.latest li {list-style: none; float: left; width: 250px; height: 150px; padding: 0; margin: 0;}
ul.latest li a.latest_proimage {display: block; background: url(img/main/project_bg.jpg) 0 0 no-repeat; text-indent: -99999px; width: 97px; height: 94px; font-size:0; float: left; margin: 0; padding: 6px 0 0 4px; }
ul.latest li a.latest_protitle {width: 120px; float: left;}
ul.latest li a.latest_proimage:hover {background-position: 0 -101px;}
ul.latest li a.latest_proimage:active {background-position: 0 -202px;}
.latest img {float: left; margin-right: 5px;}

h2.main_post_title {margin: 0; padding: 20px 0 0 30px; border-top: #595959 dashed 2px; width: 821px;}

/* FOOTER
===================================================================================================================*/

#footer {width: 100%; float: left; maring: 0; padding: 70px 0 0; background: url(img/main/footer_bg.jpg) top center no-repeat; height: 205px; font-size: 11px;}
#footer #credit { float: right; width: 300px; text-align:right;}
#footer #copyright {float: left; width: 350px;}

/* PORTFOLIO
===================================================================================================================*/

#testSlider{margin:0 auto; text-align:left; position:relative; clear:both; width: 890px;}

.container { width:880px; overflow:hidden; position:relative; cursor:pointer; margin:0; padding:0;  height:580px; }
div.slides { position:absolute; top:0; left:0; }
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides div,ul.slides li { position:absolute; top:0; width:880px; display:none; padding:0; margin:0; height:580px; }
/* ul.slides li img{width:400px; height:300px; overflow:hidden; float:left; display:inline; margin:27px 60px 0 23px;} */

ul.slides li:hover { cursor: default; }

ul.pagination {margin: 0; padding: 20px 0 0 30px; float: left; width: 800px; font-size: 12px; list-style: none;}
ul.pagination li {list-style: none; float: left; width: 160px; height: 150px; padding: 0 40px 0 0; margin: 0; text-align:center;}
ul.pagination img {float: left; margin-right: 10px;}
ul.pagination li a.latest_proimage {display: block; text-indent: -99999px; width: 160px; height: 90px; font-size:0; float: left; margin: 0; padding: 6px 10px 0 4px; }
ul.pagination li a.latest_proimage img {width:160px;height:90px;}
ul.pagination li a.latest_proimage:hover {background-position: 0 -101px;}
ul.pagination li a.latest_proimage:active {background-position: 0 -202px;}

		

.home_latest_projects {float: left; width: 680px; height: 55px; padding: 7px 0 0 95px; margin: 0; }			
ul.home_project_list { width: 800px; margin: 0 auto;padding: 0; list-style: none;}
ul.home_project_list li { width: 160px; float: left; padding: 0; height: 150px;display:inline-block;margin-right:40px; list-style: none;}

ul.home_project_list li a.latest_proimage {display: block; width: 160px; height: 90px; font-size:0; float: left; margin: 0; padding: 6px 10px 0 0; }
ul.home_project_list li a.latest_proimage  img { width:160px;height:90px; }
ul.home_project_list li a.latest_proimage:hover {background-position: 0 -101px;}
ul.home_project_list li a.latest_proimage:active {background-position: 0 -202px;}