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

/* Universal */
div.clear { clear: both; height: 0; }
body { background: #b4c0c3 url(../images/background.jpg) repeat-x; margin: 0 auto; padding: 0; }
* { outline: none; }
p { font-family: Georgia, Times, serif, "Times New Roman"; }
img { border: 0; }
.logo { padding: 19px 0 0 0; }
a { text-decoration:none; background: inherit; }
#wrapper { width: 960px; height: 600px; background: url(../images/wrapper_graphic.png) no-repeat; margin: 0 auto; }
#header { width: 960px; height: 58px; margin: 0 auto; }
#container { width: 960px; background: url(../images/grad_1.png) no-repeat; margin: 0 auto; min-height: 333px; }
#divider_work { width: 960px; height: 2px; float: left; background: url(../images/divider3.gif) repeat-X; } 
#divider_top { width: 960px; height: 2px; float: left; background: url(../images/divider.gif) repeat-X; }
#divider_footer { width: 960px; height: 2px; float: left; background: url(../images/divider2.gif) repeat-X; }

/* Navigation */
ul#menu a.nav { background: url(../images/nav_sprite.png) no-repeat; width: 82px; }
ul#menu li:hover a.nav { background-position: center -40px; }
ul#menu li:active a.nav { background-position: center -80px; }
ul#menu a.contact { background: url(../images/contact_sprite.png) no-repeat; width: 90px; }
ul#menu li:hover a.contact { background-position: center -40px; }
ul#menu li:active a.contact { background-position: center -80px; }
#header #menu { font-family: Georgia, Times, serif, "Times New Roman"; height: 40px; margin: 0 auto; color: #333; float: right; position: relative; list-style-type: none; }
#header #menu li a { display: block; text-shadow: 0px 1px #fff; color:#333; height: 24px; padding: 13px 0 0 0; }
#header #menu li { font-size: 13px; color: #333; width: 80px; text-align: center; padding: 9px 0 0 0; float: left; margin-right: 4px; background: url(../images/sprite.png) 0px -35px no-repeat; }

/* Contact Form */
#header #menu #form { width: 270px; float: left; margin: 10px 0 10px 0; }
#header #menu #info { width: 266px; padding-left: 20px; float: left; color:#FFF;  }
#header #menu #info p { color: #DADADA; text-align: left; font-size: 12px; text-shadow: none; }
#header #menu #info a { color: #DADADA; text-align: left; font-size: 12px; text-shadow: none; }
#header #menu #info a:hover { color: #fff; text-align: left; font-size: 12px; text-shadow: none; }
#info .dark { color: #94A4A8; font-size: 0.7em; }
#info h1 { font-size: 16px; text-align: left; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; color: #dceef3; }
#form_split { background: url(../images/foot_split.gif) repeat-y; min-height: 256px; width: 2px; float: left; margin-top: 20px; padding-right: 24px; }
ul#menu li .sub { z-index: 2; line-height: .4em; position: absolute; top: 58px; right: 0; background: url(../images/sub_bg.png) repeat-x; padding: 20px; float: left; -moz-border-radius-bottomright: 9px; -khtml-border-radius-bottomright: 9px; -webkit-border-bottom-right-radius: 9px; -moz-border-radius-bottomleft: 9px; -khtml-border-radius-bottomleft: 9px; -webkit-border-bottom-left-radius: 9px; display: none; }
ul#menu li .row { clear: both; float: left; width: 100%; margin: 0 20px 10px 20px; }
ul#menu li .sub ul { list-style: none; margin: 0; padding: 0; width: 180px; float: right; }
ul#menu .sub ul li { width: 100%; color: #fff; }
ul#menu .sub ul li a:hover { color: #ddd; background-position: 5px 12px; }


/* Footer */
#footer { font-family:Georgia, Times, serif, "Times New Roman"; background: #354144 url(../images/footer_grad.png) repeat-x; width: 960px; margin: 0 auto; min-height: 240px; -moz-border-radius-bottomright: 9px; -khtml-border-radius-bottomright: 9px; -webkit-border-bottom-right-radius: 9px; -moz-border-radius-bottomleft: 9px; -khtml-border-radius-bottomleft: 9px; -webkit-border-bottom-left-radius: 9px; }
#footer_w { background: #354144 url(../images/footer_grad.png) repeat-x; width: 960px; margin: 0 auto; min-height: 50px; -moz-border-radius-bottomright: 9px; -khtml-border-radius-bottomright: 9px; -webkit-border-bottom-right-radius: 9px; -moz-border-radius-bottomleft: 9px; -khtml-border-radius-bottomleft: 9px; -webkit-border-bottom-left-radius: 9px; }
#footer #col_1 { width: 284px; float:left; margin-top: 18px; }
#footer #col_2 { width: 272px; float:left; margin-top: 24px; }
#footer #col_3 { width: 270px; float:left; margin-top: 30px; padding-left: 50px; }
#footer #col_3 li { list-style: none; }
#footer #col_3 li.watch a { margin-left: 34px; margin-top: 4px; display: block; background: url(../images/watch.png) center 0; float: left; width:194px; height: 26px; top:-10px ; }
#footer #col_3 li.watch a:hover { background: url(../images/watch.png) center -27px; }
#footer #col_3 li.watch a:active { background: url(../images/watch.png) center -54px; }
#footer #foot_split { background: url(../images/foot_split.gif) repeat-y; height: 174px; width: 2px; float: left; margin-top: 30px; padding: 0 16px; }
#footer_grad { background: url(../images/footer_grad_2.png) no-repeat; height: 50px; margin-bottom: 50px; }
#sub_content_2 { padding: 28px 25px 0 15px; width: 242px; float:left; }

/* Network */
#footer #col_2 img { margin-bottom: 6px; }
#network { padding: 0; margin-top: 8px; width: 0; }
#network li { list-style-type: none;  }
#network a, #network a:visited { color: #87979C; position: relative; display: block; width: 220px; font-size: 12px; text-align: left; background: #; margin: 1px; padding: 5px 10px; }
#network a:hover { color: #fff; background: #293132; }
#network a:active { color: #fff; background: #D91400; }
#network a span { display: none; }

/* Social */
#social { list-style-type: none; float: left; position: relative; top: -30px; left: -44px; z-index: 1; }
#twitter { float: left; width: 220px; margin-top: 0px ; }
#twitter p { margin: 8px 0 8px 0; color: #9aaaaf; text-transform: uppercase; font-size: 10px; font-weight: normal; }

/* Twitter Post */
#twitter h3 { margin:0; color: #dceef3; text-shadow: 0 -1px #333; font-size: 16px; font-family: Georgia, Times, serif, "Times New Roman"; line-height: 1.3em; font-weight: lighter; }
/* ***** */

#twitter a { color: #becfd4; margin: 10px 0 0 0; }
#twitter a:hover { color: #fff; }
#col_1 li.facebook a, li.facebook a:visited { background: url(../images/social_icons.png) center -31px; margin-top: 20px; float: left; width: 147px; height: 28px; }
#col_1 li.facebook a:hover { background: url(../images/social_icons.png) center 0px; }
#col_1 li.facebook a:active { background: url(../images/social_icons.png) center -62px; }
#col_1 li.flickr a, li.flickr a:visited { background: url(../images/social_icons.png) center -124px; margin-top: 4px; display: block; float: left; width:147px; height: 28px; }
#col_1 li.flickr a:hover { background: url(../images/social_icons.png) center -93px; }
#col_1 li.flickr a:active { background: url(../images/social_icons.png) center -155px; }
#col_1 li.vimeo a, li.vimeo a:visited { background: url(../images/social_icons.png) center -217px; margin-top: 4px; display: block; float: left; width:147px; height: 28px; }
#col_1 li.vimeo a:hover { background: url(../images/social_icons.png) center -186px; }
#col_1 li.vimeo a:active { background: url(../images/social_icons.png) center -248px; }

/* About Section */
#bio_div { width: 960px; height: 300px; }
#bio_pic { background: url(../images/bio_pic.png) no-repeat; width: 278px; height: 315px; margin: 12px 0 0 30px; float: left; }
#bio_col { font-family: Georgia, Times, serif, "Times New Roman"; margin: 30px 0 0 25px; color: #333; width: 360px; float: left; position: relative; list-style-type: none; font-size: 12px; line-height: 1.5em; }
#bio_col img { margin: 14px 240px 12px 0; }
#bio_col_list { font-family: Georgia, Times, serif, "Times New Roman"; margin: 44px 0 0 0; color:#333; width: 180px; float: left; position: relative; list-style-type: none; font-size:13px; line-height:1.4em; }
#bio_col_list ul.no_bullet { list-style-type: none; display: block; }
#bio_col_list ul.no_bullet li.style { font-style:italic; font-size: 10px; color: #7D8689; }
#bio_splitter { background:url(../images/bio_splitter.gif) repeat-y; float:left; width:2px; height: 230px; margin: 50px 0 0 40px; }

/* Work Section */
#work_header { background: url(../images/work_header.png) no-repeat; width: 630px; height: 50px; margin-left: 54px;  /* !!!! */ }
#work_header_div { width: 858px; height: 2px; margin: 20px 54px 30px 54px; background: url(../images/divider4.gif) repeat-x; }
.work .image_border { border:#fff 10px solid; }
#container_work { width: 960px; background: #384145 url(../images/grad_2.png) no-repeat bottom; margin: 0 auto; min-height: 800px; padding-top: 20px; /* !!!! */ -moz-border-radius-topright: 9px; -khtml-border-radius-topright: 9px; -webkit-border-top-right-radius: 9px; -moz-border-radius-topleft: 9px; -khtml-border-radius-topleft: 9px; -webkit-border-top-left-radius: 9px; }
.work #work_cell { float: left; width: 400px; min-height: 370px; margin: 0 0 30px 55px; background: url(../images/divider4.gif) repeat-x bottom }
.work #work_cell_fin { float: left; width: 400px; min-height: 360px; margin: 0 0 30px 54px; }
.description { width: 390px; padding: 20px 0 10px 0px; float: left; position: relative; }
.description h1 { color: #CCC; font: 12px/12px Georgia, Times, serif, "Times New Roman"; text-shadow: 0 -1px #000; }
.description p { color: #999; font-size: 12px; line-height: 18px; }
#view { width: 30px; height: 32px; float: right; position: relative; left: 13px; top: -19px; background: url(../images/b_more.png) no-repeat top; cursor: pointer; }
#view:hover { background: url(../images/b_more.png) no-repeat center -32px }
#view:active { background: url(../images/b_more.png) no-repeat center -64px }
#website_url { width: 130px; height: 32px; float: right; position: relative; left: 4px; top: -10px; z-index: 2; cursor: pointer; font-size: 12px; }
#website_url a { float: right; color: #CCC;  }
#website_url a:hover {  color: #FFF;  }


/*#jq { position: relative; background: url(../images/sliderbackground.png) repeat-x; width: 960px; float: left; top: 14px; }*/

/* Shadowbox */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{ font-family: Georgia, Times, serif, "Times New Roman"; font-weight: normal; color:#CCC; font-size: 11px }
#sb-container{ position: fixed; margin: 0;padding: 0;top: 0;left: 0 ;z-index: 999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{ position: relative; height: 100%; width: 100%;}
#sb-wrapper{ position: absolute; visibility: hidden; width: 100px;}
#sb-wrapper-inner{ position: relative; border: 1px solid #303030; overflow: hidden; height:100px;}
#sb-body{ position: relative; height: 100%;}
#sb-body-inner{ position: absolute; height: 100%; width: 100%;}
#sb-player.html{ height: 100%; overflow: auto;}
#sb-body img{ border: none;}
#sb-loading{ position: relative; height: 100%;}
#sb-loading-inner{ position: absolute; font-size: 14px; line-height: 24px; height: 24px; top: 50%; margin-top: -12px ;width: 100%; text-align: center;}
#sb-loading-inner span{ background: url(../images/loading.gif) no-repeat; padding-left: 34px; display: inline-block;}
#sb-body,#sb-loading{ background-color: #060606;}
#sb-title,#sb-info{ position: relative; margin: 0; padding: 0; overflow: hidden;}
#sb-title,#sb-title-inner{ height: 26px; line-height: 26px;}
#sb-title-inner{ font-size: 16px;}
#sb-info,#sb-info-inner{ height: 30px; line-height: 20px;}
#sb-info-inner{ font-size: 12px;}
#sb-nav{ float: right; height: 16px; padding: 1 0; width: 45%;}
#sb-nav a{ display: block; float: right; height: 30px ;width: 28px; margin-left: 10px; cursor: pointer; background-repeat: no-repeat;}
#sb-nav-close { background: url(../images/close.png) center top no-repeat; }
/*#sb-nav-close:hover { background: url(../images/close.png) center -32px no-repeat; }*/ 
#sb-nav-next { background-image: url(../images/next.png);}
#sb-nav-previous { background-image: url(../images/previous.png);}
#sb-nav-play { background-image: url(../images/play.png);}
#sb-nav-pause { background-image: url(../images/pause.png);}
#sb-counter { float: left; width: 45%; font-family: Arial, Helvetica, sans-serif; }
#sb-counter a { padding: 0 6px 0 0; text-decoration: none; cursor: pointer; color: #666; font-size: 10px; }
#sb-counter a.sb-counter-current{ color: #fff; }
div.sb-message{ font-size: 12px; padding: 10px; text-align: center;}
div.sb-message a:link,div.sb-message a:visited { color:#fff;text-decoration:underline;}

/* Carousel */
label { display: block; }
.infiniteCarousel { width: 960px; position: relative; }
.infiniteCarousel .wrapper { width: 950px; height: 333px; overflow: auto; position: absolute; margin: 0; left: 0px; overflow: hidden;  /* pushes all */ }
.infiniteCarousel .wrapper ul { width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; position: absolute;}
.infiniteCarousel ul li { display:block; float: left;  }
.infiniteCarousel ul li a img { display:block; }
.infiniteCarousel ul li img { float: left;}
.infiniteCarousel ul li .product_div { width:312px; float:right; position: relative; font-size: 13px; line-height:20px; padding: 40px 178px 0 30px; }
.infiniteCarousel ul li .product_div img { padding: 12px 180px 10px 0;}
.infiniteCarousel ul li .product_div .point_to { padding: 10px 0 0 0;}
.infiniteCarousel ul li .product_div h1 { color:#525d61; font: bold 1.1em/10px Georgia, Times, serif, "Times New Roman"; ; padding-top: 8px; text-shadow: 0px 1px #fff;}
.infiniteCarousel ul li .product_div p { color:#313739; font-size: 12px;  line-height:1.em; }
.infiniteCarousel ul li .product_div a { font: italic 1em Georgia, Times, serif, "Times New Roman"; ; text-decoration:none; background: inherit; color:#7D8689; } 
.infiniteCarousel ul li .product_div a:hover { color:#303638; }
.infiniteCarousel ul li .product_div a:active { color:#fff; }
.infiniteCarousel .arrow { display: block; height: 134px; width: 100px; background: url(../images/arrow_.png) no-repeat 0 0; text-indent: -20000px; position: absolute; top: 90px; cursor: pointer; }
.infiniteCarousel .forward { background-position: 0 0; right: 13px; }
.infiniteCarousel .back { background-position: 0 -288px; left: 10px; }
.infiniteCarousel .forward:hover { background-position: 0 -144px; }
.infiniteCarousel .back:hover { background-position: 0 -432px; }
.infiniteCarousel .forward:active{ background-position: 0 -576px; }
.infiniteCarousel .back:active { background-position: 0 -720px; }