/*

Theme Name: WTM
Theme URI: http://wtmworldwide.com/
Description: The Custom Wordpress Theme for We The Media Inc.
Version: 1
Author: James Hall (Code), Jeff Reynolds (Design)
Author URI: http://wtmworldwide.com.com/
Tags: custom

	WTM v1
	 http://wtmworldwide.com

	This theme was designed by Jeff Reynolds and built by James Hall,
	whose blogs and sites you will find at http://nekai.net/, http://eljamez.com, http://wtmworldwide.com

*/

/************************************************************************

	Listing Order:
	==============

	1 - GLOBAL 
	2 - HEADER 
	3 - CONTAINER
	4 - FOOTER
	
	FONTS
	=====
	Georgia
	Lucida Grande

	FONT SIZES
	===========

	smaller = 10px
	middle =
	small header = 17px
	large header =

	MAIN COLORS
	===========

	Blue = #000000
	Ligth Blue = #000000
	Gray type = #7f7f7f
	Darker Gray Text = #333

*************************************************************************
	1 - GLOBAL STYLES
************************************************************************/

/*Reset Styles (removing margins and padding before starting)*/
*{margin:0px; padding:0px;}

/**/
body{background:#f7f7f8 url('images/bg.gif') 0px -512px repeat-x; font-family: 'Lucida Grande', 'verdana', sans-serif; color:#7f7f7f;}

div#ie6{display:none;}

/*no safari resize textarea*/
/*textarea{resize:none;}*/

/* clearing and replacing */
.clear { clear: both; }
.replace {text-indent: -10000px; display: block; width: 100%; height: 100%; outline: none;}
.replace * {text-indent: -10000px; display: block; background-repeat: no-repeat; background-position: left top; background-color: transparent;}

/* links */
a{text-decoration:none; color:#333; outline:none; border:none;}
a:hover{text-decoration:underline; border:none;}
p a{text-decoration:none; border-bottom:1px dotted #aaa; color:#333; outline:none;}
p a:hover{text-decoration:none; border-bottom:1px dotted #333;}

/* specific site wide styles */
strong.asterisk{color:#525258; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight:bold; font-size:220%; line-height:0px; position:relative; top:9px;}

/* forms */
input, textarea{font-size:10px; color:#7f7f7f; font-family:"Lucida Grande","verdana"; padding:6px;}
input.input{border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #d9d9d9; background-color:white; width:197px; height:11px; margin-bottom:3px;}
textarea{border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #d9d9d9; background-color:white; behavior:url(border-radius.htc);}
input.submit{background: url('images/form_send_message_bg.gif') top left no-repeat; display:block; position:absolute; cursor:pointer; width:108px; height:26px; border:none; right:0px; bottom:-46px;}

/* pagination */
div.pagination{font-size:11px; color:#ababac; padding-left:22px; float:left;}
div.pagination a{color:#545457; float: left;}
div.pagination span{padding:0 8px; float: left;}
div#previous_project_nav_arrow {background:url('images/bg_project_nav_arrows.gif') no-repeat; width:8px; height:8px; float: left; position: relative; top:4px; margin-right: 3px; }
div#next_project_nav_arrow {background:url('images/bg_project_nav_arrows.gif') -8px 0px no-repeat; width:8px; height:8px; float:left; position: relative; top:4px; margin-left: 3px; }

/* replace */
.replace {text-indent:-10000px; display: block; width: 100%; height: 100%; outline: none;}

.replace * {text-indent:-10000px;display:block;background-repeat:no-repeat;background-position:left top;background-color:transparent;}
/*.replace a {text-indent:0;}*/
.replace a span {}
/* end replace */

/************************************************************************
	2 - HEADER / MENU STYLES
************************************************************************/

div#header{width:100%; height:150px; position:absolute; top:0px; left:0px; z-index:10;}
div#header div#nocss{display:none;}/*HIDES THE "NO CSS" MESSAGE*/
div#header div.bg_holder{background-color:#a1a1a3; border-bottom:1px solid #959597; height:49px; position:relative;}
div#header div.bg_holder h1{background: url('images/logo_menu.png') top right no-repeat; width:122px; height:142px; position:absolute; top:-1px; z-index:12;}
div#header div.bg_holder h1 a{width:100%; height:100%; display:block; }
div#header div.bg_holder div#js_message_logo{background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #959597; padding: 10px; width:100px; position:absolute; left:120px; top:5px; font-size:10px;}
div#header div.bg_holder ul{height:49px; width:490px; margin:0 auto; list-style:none; padding-left:250px;}
div#header div.bg_holder ul li{display:block; float:left;}
div#header div.bg_holder ul li a{width:100%; height:100%; display:block;}
/* width:110px; height:142px; margin:0 120px 0 10px; z-index:12;*/
div#header div.bg_holder ul li.nav_item{background: url('images/main_nav_sprite.gif') no-repeat; width:120px; height:49px;}
div#header div.bg_holder ul li.nav_item a{background: url('images/main_nav_hover_sprite.gif') no-repeat; width:120px; height:49px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); position:relative;}
div#header div.bg_holder ul li.about{background-position:0px 0px;}
div#header div.bg_holder ul li.portfolio{background-position:-120px 0px;}
div#header div.bg_holder ul li.blog{background-position:-240px 0px;}
div#header div.bg_holder ul li.contact{background-position:-360px 0px;}
div#header div.bg_holder ul li.about a{background-position:0px 0px;}
div#header div.bg_holder ul li.portfolio a{background-position:-120px 0px;}
div#header div.bg_holder ul li.blog a{background-position:-240px 0px;}
div#header div.bg_holder ul li.contact a{background-position:-360px 0px;}

/* intro for each page */
div#page_intro{ width:720px; margin:117px auto 0 auto; position:relative;}
div#page_intro div.three_line{ height: 85px; }
div#page_intro div.line_break{width:100%; height:1px; border-top:1px solid #e5e5e5; border-bottom:1px solid #f2f2f2; margin-bottom:35px; clear:both;}
div#page_intro div.page_header{width:700px; margin-left:20px; padding-top: 9px;}
div#page_intro div.page_header p{font-size:21px; line-height:28px; font-family:'georgia'; color:#525258; padding:0 20px 0 0; -webkit-text-stroke:1px transparent;  }
div#page_intro div.page_header p strong{margin-right:2px; font-size:26px; color:#000; font-weight:normal; text-transform: uppercase; letter-spacing: -1px; line-height: 0px; }
div#page_intro div.page_header p strong span{margin-right: 6px; font-size:26px; color:#ababac; font-weight:normal; text-transform: uppercase; letter-spacing: -1px; line-height: 0px;  }
div#page_intro div.page_header p span{font-size:17px; color:#8c8c8c;}
div#page_intro div.page_header p span a {font-size:17px; color:#8c8c8c; text-decoration: none;}

/*headers for different pages*/
/*div#page_intro div.home_page_header p strong{background: url('images/header_home.gif') top left no-repeat; width:206px;}*/

/*div#page_intro div.about_page_header{background: url('images/header_about.gif') top left no-repeat; height:83px;}
div#page_intro div.contact_page_header{background: url('images/header_contact.gif') top left no-repeat; height:83px;}
div#page_intro div.ourwork_page_header{background: url('images/header_ourwork.gif') top left no-repeat; height:24px;}*/

/************************************************************************
	3 - HOMEPAGE STYLES
************************************************************************/

body.home-page{background-position:0px -292px;}
div#rotating_home{background:#a1a1a3; border-top:1px solid #e5e5e5; height:289px; width:720px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; margin:43px auto; position:relative; overflow:hidden;}
div#rotating_holder ul{border-top:1px solid white; list-style:none;}
div#rotating_holder ul li{display:block; position:relative; height:221px; width:720px;}
div#rotating_holder ul li a{}
div#rotating_holder ul li img{border:none; position: relative; top: -242px;}

div#project_arrow{background:url('images/homepage_project_arrow.png') top left no-repeat; width:17px; height:10px; position:absolute; top:213px; left:20px;}/*355 595*/

/*ol#home_project_select:first{display:none;}*/
ol#home_project_select{list-style:none; padding-top:16px; background:url('images/bg_mini_gray_stripe.gif') left 1px repeat-x;}
/*ol#home_project_select li:first{border-left:none!important;}*/
ol#home_project_select li{display:block; float:left; width:219px; height:31px; border-left:1px solid #b4b4b5; padding:3px 0 0 20px; font-size:11px; color:#e7e7e8; line-height:16px;}
ol#home_project_select li a{display:block; width:100%; height:100%; color:#e7e7e8;}
ol#home_project_select li a:hover{text-decoration:none;}
ol#home_project_select li strong, ol#home_project_select li a strong{color:white; font-weight:normal; font-size:13px; font-family: Georgia, "Times New Roman", Times, serif; text-shadow: #999 0px 1px 0px;}

/************************************************************************
	3 - SUBPAGE STYLES
************************************************************************/

div#content{margin-top:50px; padding:25px 0 20px 0; position:relative;}
div#content div.sub_content{width:700px; margin:0px auto; font-size:11px; line-height:21px; color:#7f7f7f; position:relative;}
div#content div.sub_content div.line_break{width:100%; height:1px; border-top:1px solid #e5e5e5; border-bottom:1px solid #f2f2f2; clear:both; display:block; float:left; position:relative;}
div.above{ margin: 30px 0 10px; }
div.below{  margin: 22px 0 25px; }
div.both{margin: 30px 0; }
div#content div.sub_content p{padding:0 10px; font-size: 11px; }/*float:left; */
div#content div.sub_content p.left{width:330px; float:left;}
div#content div.sub_content p.right{width:330px; float:left;}
div#content div.sub_content ul.people{ text-align:center; display:block; list-style:none; float:left; width:700px; padding-top:20px;}
div#content div.sub_content ul.people li{ line-height:18px; display:block; float:left; width:230px; margin-top:10px;font-family:georgia;}
div#content div.sub_content ul.people li strong{display:block; color:#333; font-size:12px; font-weight:normal;}
div#content div.sub_content ul.people li span{display:block; clear:both; color:#7f7f7f; font-style:italic; font-size:11px;}

p.mid_title {font-family: georgia; font-weight: bold; text-transform: uppercase; margin-top: -20px; color: #ababac;}

/* CONTACT FORM */

form#contact{clear:both; display:block; position:relative; padding:0 8px;}
form#contact div.left{float:left; width:210px; position:relative;}
form#contact div.right{float:left; margin-left:20px; width:450px; position:relative;}
form#contact label{display:block; float:left; padding:2px 0 0 2px;}
form#contact input.contact_text_field{display:block; clear:left;}
form#contact select{}
form#contact select option{}
form#contact textarea{width:440px; height:215px; display:block; clear:left;}
form#contact button#contact_submit{background: url('images/form_send_message_bg.gif') top left no-repeat; display:block; position:absolute; cursor:pointer; width:108px; height:26px; border:none; left:345px; bottom:-36px; text-indent: -10000px;}

label.highlight { background: red !important; }

/* JEFFFFFFFFFFFFFFFFFFFFFMARK */
div.done { display: none; /* don't delete display: none; */ }
/* END JEFFFFFFFFFFFMARK*/
div.done div.message_confirm_img{background: url('images/thankyou.gif') top left no-repeat; width:213px; height:105px; margin:50px auto 0 auto;}

/************************************************************************
	3 - BLOG STYLES
************************************************************************/

body.blog{background-position:0px -570px;}
body.blog_single{background-position:0px -570px;}
div#blog_content{}
div#blog_topbar{background:#a1a1a3 url('images/bg_mini_gray_stripe.gif') top left repeat-x; border-top:1px solid #969698; height:20px; width:720px; padding:5px 0px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; margin:44px auto 40px auto; position:relative; }
div#blog_topbar h2{background: url('images/blog_down_arrow_light.gif') 95px 8px no-repeat; font-size:10px; color:white; font-weight:normal; width:101px; display:block; float:left; border-right:1px solid #b4b4b5; height:17px; padding:4px 0 0 19px; cursor:pointer; }
div#blog_topbar a.rss{background: url('images/blog_rss.gif') 43px 6px no-repeat; font-size:10px; color:white; width:60px; height:17px; padding:4px 0 0 20px; display:block; float:left;}
div#blog_topbar form#search{}
div#blog_topbar ul#archives, div#blog_topbar ul#categories{border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width:90px; position:absolute; top:3px; opacity: .9; -moz-opacity: .9; filter:alpha(opacity=.9); padding:5px; background: #545457 url('images/blog_down_arrow_dark.gif') 85px 10px no-repeat; z-index:10; }
div#blog_topbar ul#archives h3, div#blog_topbar ul#categories h3{font-size:10px; color:white; font-weight:normal; cursor:pointer; position:relative; top:-2px; left:4px; margin-bottom:3px;}
div#blog_topbar ul#archives{left:10px;}
div#blog_topbar ul#categories{left:131px;}
div#blog_topbar ul{list-style:none;}
div#blog_topbar ul li{padding:3px 0; display:block; width:80px; float:left; position:relative;}
div#blog_topbar ul li a{padding:3px; display:block; width:100%; border-bottom:1px solid #606063;}
div#blog_topbar ul#archives li{width:75px!important;}
div#blog_topbar ul#archives li strong{padding:0 0 3px 3px; font-weight:normal; margin-bottom:2px; display:block; width:80px; border-bottom:1px solid #606063;}
div#blog_topbar ul#archives li ul.inner{padding-left:3px;}
div#blog_topbar ul li, div#blog_topbar ul li a{font-size:11px; color:#bebebf;}
div#blog_search{position:absolute; top:6px; right:1px; padding:0 0 0 10px; width:120px; height:19px; }
div#blog_search form{}
div#blog_search input.search_input{border: none; border-left:1px solid #b4b4b5; display:block; float:left; position:relative; width:70px; padding:3px; background-color:#a1a1a3!important; color:white!important; padding-left: 20px; }
div#blog_search input.search_input:focus{ background-color: #a1a1a3!important; outline:none; color: white!important; }
div#blog_search input.search_submit{background: url('images/blog_search.gif') top left no-repeat; display:block; float:left; position:relative; width:11px; height:11px; border:none; margin:4px 0 0 6px; cursor:pointer; }
div.blog_entry{margin:0 auto; width:720px; position:relative; padding:0 0 100px 0; clear:both;}
div.blog_entry_info{width:240px; position:relative; float:left; margin-right:1px; }
div.blog_entry_info h1{font-family: Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight: normal; color:#545457; padding:10px 20px; position:relative;}
div.blog_date_and_poster{float: right;width:230px; height:33px; font-family: Georgia, "Times New Roman", Times, serif; font-size:11px;  padding:1px 0; margin:5px -1px 10px 0; background-color:white; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
div.blog_date_and_poster div{width:202px; height:21px; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; padding:9px 20px 1px 10px;}
div.blog_date_and_poster h3{color:#545457; font-weight: normal; display:block; float:left; font-size:12px;} 
div.blog_date_and_poster span{color:#7f7f7f; text-align:right; display:block; float:right; font-size:12px;}
div.blog_entry_info p{color:#7f7f7f; font-size:10px; padding:5px 20px 0 20px; display:block; float:left; width:200px;}
div.blog_entry_info a{color:#545457;}
div.blog_entry_info p span{}
div.blog_entry_info p.comments{}
div.blog_entry_info p.tag_cats{}
div.blog_entry_content{width:475px; position:relative; float:left; margin-bottom:30px; border-left:1px solid #dfdfe0;}
div.blog_entry_content p{padding:10px 20px; line-height:21px; font-size:11px;}
div.blog_entry_content li{margin-left:36px; font-size:11px; line-height:18px;}
div.blog_entry_content div.wp-caption{overflow:hidden; border:1px solid #e4e4e5; margin:25px 15px 5px 15px;}
div.blog_entry_content img{border:1px solid #e4e4e5; margin:4px; display:block;}
div.blog_entry_content p.wp-caption-text{text-align:center; padding: 5px!important; font-weight:bold;}
p.blog_entry_data{clear:left; display:block; float:left; position:relative; margin-top:20px; line-height:13px!important; font-size:9px!important;}
/*for aligning images*/
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left;}

div.blog_entry_content blockquote{display:inline; width:60%; padding:10px; border-top:1px solid #e4e4e5; border-bottom:1px solid #e4e4e5; float:right; text-align:right; margin:10px;}
div.blog_entry_content blockquote p{font-family: Georgia, "Times New Roman", Times, serif; line-height:22px; text-align:justify; font-size:16px; color:#5e5e61; font-style:italic;}

/*comment*/
dd.comment_notice{font-size: 11px; margin-left: 250px; line-height: 21px;}
dd.comment_notice, moderation{ color: orange; }
div.comments{/*border-bottom:1px solid #dfdfe0;*/ padding:10px; float:left; clear:left;}
div.comments h3{font-family: Georgia, "Times New Roman", Times, serif; padding:30px 0 0 10px; float:left; font-weight: normal; clear:left; font-size:16px; display: block; width: 430px; width:680px;}
div.comments h3.leave_comment_title { }
div.comments dl.single_comment{ float:left; clear:both; width: 100%; padding: 20px 0px; font-size:13px; border-bottom:1px solid #dfdfe0;}
div.comments dl.single_comment div.comment_info_container{width:220px; padding:1px; text-align:left; float: left; }
div.comments dl.single_comment div.comment_info_container dt {float: right; width: 140px; }
div.comments dl.single_comment dt, div.comments dl.single_comment dd.image{}
div.comments dl.single_comment dt a{ font-family: georgia; font-size: 12px; line-height: 20px;}
div.comments dl.single_comment dt span.comment_date{font-size:11px; width: 140px; line-height: 21px; height: 30px; }
div.comments dl.single_comment dd.image{ float: left;width:50px; padding:2px; border: 1px solid  #dfdfe0; }
div.comments dl.single_comment dd.image img{ width:50px; height:50px; border:none;}
div.comments dl.single_comment dd.the_comment{margin-bottom:10px; float:right; position:relative; }
div.comments p{padding-right: 10px; width: 440px; line-height:21px; font-size:11px; float: right; }

div.comments div.leave_comment{}
div.comments strong.astrix{top:9px;}
div.comments p.req{ float:left; width: 690px; padding:0 0 20px 10px!important; }

form#commentform{float:left; padding: 8px; width: 680px; }
form#commentform p{position:relative; left:13px;}
form#commentform input {display:block; float:left;margin-bottom:0px; clear: both; width: 210px;}
form#commentform label {float: left; margin-bottom:5px; clear:left; font-size:11px; padding: 10px 0 0 2px; width: 100%;}
form#commentform label small{ font-size: 11px; color: #bbb; float: right; }
div#input_container { float: left; width: 220px;}
div#comment_container { float: right; width: 428px; margin-right: 10px; height: 117px; }
form#commentform textarea{ clear: both; float: left; width:100%; height:100%; }
form#commentform input#submit{background: url('images/form_send_message_bg.gif') top left no-repeat; display:block; float: right; cursor:pointer; width:108px; height:26px; border:none; bottom:-36px; margin-top: 10px; text-indent: -10000px;}

/*Hide Hidden form fields*/
/*#comment_post_ID, #comment_parent, #_wp_unfiltered_html_comment {background-color:#f7f7f8;}
*/
/************************************************************************
	4 - PROJECTS STYLES
************************************************************************/

/*body.work{background-position:0px -570px;}*/
body.work div#content{margin-top:40px!important;}
dl.project_view{height:220px; width:690px; margin-bottom:20px; padding-left: 10px; overflow:hidden;}
dl.project_view dt, dl.project_view dd{display:block;}
dl.project_view dt{width:130px; padding:20px 0 5px 0px; float:left;}
dl.project_view dt span {color: #a1a1a1; clear:left; float:left; line-height:17px; font-size:16px; font-family:'georgia'; padding:0px; margin:0px; }
dl.project_view dt span.project_name a{color:#222;}
dl.project_view dd.info{width:130px; float:left; clear:left;}
dl.project_view dd.info p{padding:0px!important; line-height:14px;}
dl.project_view dd.info ul{display:block; list-style-position: inside; padding-left: 12px; text-indent:-11px;}
dl.project_view dd.info ul li{font-size: 10px; line-height:14px; position:relative; top:4px; color: #8e8e8e; padding-bottom:6px;}
dl.project_view dd.big_image{width:540px; height:220px; float:right;}
dl.project_view dd.big_image a{display:block; width:100%; height:100%; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);}

/*single project page*/
body.work_single{background-position:0px 1px;}
body.work_single div#content{margin-top:22px!important;}
div.single_project {padding-bottom:0px !important;}
div.project_image_flipper{width:710px; height:564px; float:left; position:relative;}
div.the_image{background:url('images/ajax_loader.gif')center 100px; width:580px; background-color:white; float:left; padding:10px 10px 10px 0; height:540px;}
div.the_image_overlay{width:580px; height:540px; position:absolute; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); overflow:hidden; display:block; cursor:pointer; background: url('images/spacer.gif') top left repeat}/* background empty spacer.gif to trick internet explorer */
div.the_image_overlay div.magnify, div.the_image_overlay div.prev_image, div.the_image_overlay div.next_image, div.the_image_overlay div.image_footer{background-image: url('images/projects_rollover_sprite.png'); position:absolute;}
div.the_image_overlay div.magnify{top:10px; left:10px; width:40px; height:40px; background-position:-40px 0; cursor:pointer;}
div.the_image_overlay div.prev_image{top:10px; right:60px; width:50px; height:41px; background-position:-220px 0; cursor:pointer;}
div.the_image_overlay div.next_image{top:10px; right:10px; width:50px; height:41px; background-position:-320px 0; cursor:pointer;}
div.the_image_overlay div.image_footer{ background-position: 0 -50px; width:580px; height:21px; bottom:-21px; left:0px; padding:4px 0;}
div.the_image_overlay div.image_footer p{color:#bcbcbc; font-size:10px; padding:0 10px !important;}

div.the_thumbs{width:100px; float:left; padding:10px 10px 0 10px; height:550px; position:relative; overflow:hidden;}
div.the_thumbs li.projects_switch_arrow{background: url('images/projects_down_arrow.gif') top left no-repeat; width:100px; height:100px; display:block; margin-bottom:10px; float:left; cursor:pointer;}
/*div.the_thumbs li.projects_up_arrow{background: url('../images/projects_up_arrow.gif') top left no-repeat; width:100px; height:100px; display:block; float:left; margin-bottom:10px; cursor:pointer;}
div.the_thumbs li.projects_down_arrow{background: url('../images/projects_down_arrow.gif') top left no-repeat; width:100px; height:100px; display:block; float:left; cursor:pointer;}*/
div.the_thumbs div.the_thumbs_holder_container{width:100px; height:540px; position:relative; float:left; overflow:hidden;}
div.the_thumbs ul{position:relative; display:block; float:left; list-style: none;}
div.the_thumbs ul li{list-style:none; display:block; float:left; margin-bottom:10px; cursor:pointer; height:100px; width:100px; text-indent: -100px;}
/*position these thumbnails, backgorund positions*/
/*div.the_thumbs ul li.1{background-position:0px 0px;}
div.the_thumbs ul li.2{background-position:0px -110px;}
div.the_thumbs ul li.3{background-position:0px -220px;}
div.the_thumbs ul li.4{background-position:0px -330px;}
div.the_thumbs ul li.5{background-position:0px -440px;}
div.the_thumbs ul li.6{background-position:0px -550px;}
div.the_thumbs ul li.7{background-position:0px -660px;}
div.the_thumbs ul li.8{background-position:0px -770px;}*/
div.the_thumbs div.arrow{background: url('images/project_thumb_arrow.png') top left no-repeat; position:absolute; width:10px; height:17px; top:55px; z-index:99;}
ul.the_bottom_bar{width:720px; position:relative; float:left; background:#a1a1a3 url('images/bg_mini_gray_stripe.gif') top left repeat-x; border-top:1px solid #969698; height:20px; width:720px; padding:4px 0 5px 0; left:-10px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; margin:6px auto 30px auto;}

ul.the_bottom_bar li{list-style:none; display:block; float:left; color: #dbdbdd; font-size: 10px;}
ul.the_bottom_bar li.type{padding:0 0 0 21px; width: 45px; overflow: visible; white-space:nowrap;}
ul.the_bottom_bar li.date{ overflow:hidden; width: 165px; text-align: center;}
ul.the_bottom_bar li.delivery{background: url('images/blog_down_arrow_light.gif') 333px 9px no-repeat; width:340px; cursor:pointer; float:right; margin-right: 20px; }
ul.the_bottom_bar li.delivery span{color:#fff;}
ul.the_bottom_bar li.see_online{color:#fff; float:right; width:120px; height:20px; text-align:center; border-left:1px solid #b4b5b5;}
ul.the_bottom_bar li.see_online a{color:#fff; }
ul.the_bottom_bar li.see_online a:hover{text-decoration:none; border-bottom:dotted 1px; }

div.project_info{float:left; width:720px; clear:both; position:relative;}
div.project_info p.info_left, div.project_info p{width:560px; padding:160px; margin-bottom:20px; text-align: justify;}
div.project_info div.info_quote{padding:10px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; float:right; width:220px; font-size:14px; font-family:"georgia"; margin-left:20px; position:relative; top:-10px;}
div.project_info div.info_quote p.quoted{font-style:italic; display:block; color:#8f8f8f;}
div.project_info div.info_quote p.quoted span{color:#7f7f7f; font-style:normal; text-align:right; font-size:11px; float:right;}

/*Deliverables dropdownz*/
ul.the_bottom_bar div#delivery_dropdown { width:348px; position:absolute; left: 232px; top:3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; opacity: .95; -moz-opacity: .95; filter:alpha(opacity=.95); padding:3px; background: #545457; z-index:20;}
ul.the_bottom_bar div#delivery_dropdown div.delivery_list { padding:0 4px; }
ul.the_bottom_bar div#delivery_dropdown div.delivery_list h4 { background: url('images/project_delivery_down_arrow.png') right 8px no-repeat; height: 18px; font-size:10px; color:white; line-height:18px; cursor:default; position:relative; top:-1px; font-weight:normal; margin-bottom:-1px; }
ul.the_bottom_bar div#delivery_dropdown div.delivery_list ul { list-style: none;}
ul.the_bottom_bar div#delivery_dropdown div.delivery_list ul li { background: url('images/bg_deliverable_bullet.gif') 0px 9px no-repeat; text-indent: 8px; color:#b1b1b2; font-size:10px; border-bottom:1px solid #5b5b5d; float:left; clear:both; height: 18px; padding-bottom:2px;  width: 100%; }

/*Giant Image*/
div#giant_image_holder{width:100%; top:0px; left:0px; position:absolute; z-index:900; display:block; background-color:white;} /*background:url('../images/transparent_bg.png') top left repeat;}*/
div.giant_image_controls{width:100%; height:50px; background-color:#ececed; position:relative; margin-top:0px;}
div.giant_image_controls ul{-moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; background-color:#a1a1a3; margin:0 auto 0 auto; height:25px; width:930px; display:block; position:relative; top:20px; padding-top:5px;}
div.giant_image_controls ul li{height:19px; width:31px; float:left; background: url('images/project_giant_sprite.gif'); list-style:none;}
div.giant_image_controls ul li.giant_image_last{background-position:0px -38px;}
div.giant_image_controls ul li.giant_image_next{background-position:0px -76px;}
div.giant_image_controls ul li.giant_image_title{width:817px!important; background-image:none; text-align:right; padding:4px 10px 0 10px; font-size:11px; color:white; text-shadow: #929292 1px 1px 0px; font-family: 'Lucida Grande', 'verdana', sans-serif;}
div.giant_image_controls ul li.giant_image_title span{font-weight:bold;}
div.giant_image_controls ul li.giant_image_title span.giant_caption{font-weight:normal;}
div.giant_image_controls ul li.giant_image_close{background-position:0px 0px;}
div.giant_image{margin:1px auto 0 auto; width:930px; height:777px; position:relative;}

/************************************************************************
	4 - FOOTER STYLES
************************************************************************/

div#footer{background:#efeff1; padding:14px 0 5px 0; height:30px; clear:both; width:100%; position:relative; float:left; margin-top:40px;}
div.footer_home{background:none!important;}
div#footer_details{background: url('images/bg_footer_lion.gif') 0px 0px no-repeat; width:645px; margin:0px auto; padding:5px 0 0 55px;}
div#footer_details_home {background: url('images/bg_footer_lion_home.gif') 0px 0px no-repeat; width:645px; margin:0px auto; padding:5px 0 0 55px;}
p.footer_text{background: url('images/bg_footer_text.gif') 0px 3px no-repeat; text-transform:uppercase; font-size:9px; color:#7f7f7f;}
p.footer_home_text{background: url('images/bg_footer_text_home.gif') 0px 3px no-repeat; text-transform:uppercase; font-size:9px; color:#7f7f7f;}