/*
Theme Name: Mediaglue
Theme URI: http://mediaglue.com.au/
Description: Custom Theme for mediaglue.com.au 
Version: 1.0
Author: Joshua Barlett & Jess Barnes
Author URI: http://mediaglue.com.au/
Tags: custom
*/



/* Begin Typography & Colors */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#000;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
}

a {
    outline: none;
    color: #F78F24;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
form {
    margin: 0;
    padding: 0;
}
h1 {
    margin-left: 40px;
    color: #999;
    font-size: 18px;
    margin-bottom: 40px;
}

/* |||||||||||||||||||||||||||||||||||||||||| BEGIN CSS FOR TOP NAVIGATION */

#preloader{
	display:none;
}
#topnavwrapper{
	width:100%;
	overflow:hidden;
	height:109px;
	background-image:url(images/topnav_bg_repeat.jpg);
	background-repeat:repeat-x;
}
#topnavwrapper2{
	width:1200px;	
	height:109px;
	position:relative;
	left:50%;
	margin-left:-600px;
	background-image:url(images/topnav_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
#topnav{
	width:960px;
	height:109px;
	margin-left:120px;
}
#logo{
	float:left;
        width: 189px;
}
#navitems{
	float:right;
}
#navitems a {
	display:block;
	float:left;
	height:109px;
}

#home            { width: 67px; background-image: url('images/topnav_home.jpg'); }
#home:hover      { background-image: url(images/topnav_home_over.jpg) }
#whoweare        { width: 111px; background-image: url('images/topnav_whoweare.jpg'); }
#whoweare:hover  { background-image: url(images/topnav_whoweare_over.jpg) }
#portfolio       { width: 85px; background-image: url('images/topnav_portfolio.jpg'); }
#portfolio:hover { background-image: url(images/topnav_portfolio_over.jpg) }
#blog            { width: 56px; background-image: url('images/topnav_blog.jpg'); }
#blog:hover      { background-image: url(images/topnav_blog_over.jpg) }
#contactus       { width: 99px; background-image: url('images/topnav_contactus.jpg'); }
#contactus:hover { background-image: url(images/topnav_contactus_over.jpg) }


/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| END CSS FOR TOP NAVIGATION */

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| BEGIN CSS FOR SPLIT LAYOUT */

#backgroundwrapper {
        background: #ececec;
}

#mainwrapper{
	position:relative;
	left:50%;
	margin-left:-482px;
	padding-top:36px;
	width:964px;
}
#leftwrapper{
	background-color:#fff;
	float:left;
	width:590px;
}
#topround{
	width:100%;
	height:8px;
	background-image:url(images/frame_top.gif);
}
.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.clearboth{
	clear:both;
}
#topround .floatleft{
	width:8px;
	height:8px;
	float:left;
	background-image:url(images/frame_corner_topleft.gif);
}
#topround .floatright{
	width:8px;
	height:8px;
	float:right;
	background-image:url(images/frame_corner_topright.gif);
}
#leftedge{
	width:590px;
	background-image:url(images/frame_left.gif);
	background-position:left;
	background-repeat:repeat-y;
}
#rightedge{
	width:590px;
	background-image:url(images/frame_right.gif);
	background-position:right;
	background-repeat:repeat-y;
}
#contentwrapper{
	width:590px;
	height:auto;
	padding-top:20px;
}
#bottomround{
	width:100%;
	height:8px;
	background-image:url(images/frame_bottom.gif);
}
#bottomround .floatleft{
	width:8px;
	height:8px;
	float:left;
	background-image:url(images/frame_corner_bottomleft.gif);
}
#bottomround .floatright{
	width:8px;
	height:8px;
	float:right;
	background-image:url(images/frame_corner_bottomright.gif);
}
#rightwrapper{
	float:right;
	width:334px;
}


/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| END CSS FOR SPLIT LAYOUT */

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| BEGIN CSS FOR FOOTER */


#footerwrapper{
	width:100%;
	background-color:#000;
	background-image:url(images/footer_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:36px;
	padding-bottom:24px;
}
#footer{
	width:960px;
	position:relative;
	left:50%;
	margin-left:-480px;
}
#footer p{
	margin-top:0px;
	margin-bottom:0px;
}
#footernav{
	width:590px;
	float:left;
	color:#666;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0px;
}
#footernav a{
	color:#666;
	text-decoration:none;
}
#footernav a:hover{
	color:#fff;
}
.legal{
	font-size:9px;
	margin-top:10px;
	padding-top:20px;
	font-weight:normal;
}
#footer .floatleft{
	margin-left:36px;
}
#footer .floatleft a{
	text-decoration:underline;
	color:#666;
}
#footer .floatleft a:hover{
	color:#FFF;
}


/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| END CSS FOR FOOTER */

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| BEGIN CSS FOR HOMEPAGE RIGHT COLUMN */



.home_header{
	margin-bottom:10px;
}
.home_services_thumbs{
	display:block;
	width:164px;
	height:29px;
	color:#FFF;
	background-repeat:no-repeat;
	background-position:left top;
	text-decoration:none;
	font-weight:bold;
	padding-top:98px;
	padding-left:8px;
	float:left;
}
#home_branding{
	background-image:url(images/home_branding.jpg);
	margin-right:-2px;
}
#home_branding:hover{
	background-image:url(images/home_branding_over.jpg);
        text-decoration: none;
}
#home_advertising{
	margin-right:-8px;
	background-image:url(images/home_advertising.jpg);
}
#home_advertising:hover{
	background-image:url(images/home_advertising_over.jpg);
        text-decoration: none;
}
#home_websites{
	margin-right:-2px;
	background-image:url(images/home_websites.jpg);
}
#home_websites:hover{
	background-image:url(images/home_websites_over.jpg);
        text-decoration: none;
}
#home_searchenginemarketing{
	margin-right:-8px;
	background-image:url(images/home_searchengine.jpg);
}
#home_searchenginemarketing:hover{
	background-image:url(images/home_searchengine_over.jpg);
        text-decoration: none;
}
#home_copywriting{
	margin-right:-2px;
	margin-bottom:30px;
	background-image:url(images/home_copywriting.jpg);
}
#home_copywriting:hover{
	background-image:url(images/home_copywriting_over.jpg);
        text-decoration: none;
}
#home_printing{
	margin-right:-8px;
	margin-bottom:30px;
	background-image:url(images/home_printing.jpg);
}
#home_printing:hover{
	background-image:url(images/home_printing_over.jpg);
        text-decoration: none;
}
.signup_btn{
	display:block;
	float:right;
	width:83px;
	height:32px;
	background-color:#000;
	background-image:url(images/home_subscribe_btn.gif);
	background-repeat:no-repeat;
        border: none;
        text-indent: -999px;
}
.signup_btn:hover {
	background-image:url(images/home_subscribe_btn_over.gif);
}
.signupfield{
	width:240px;
	height:32px;
	line-height:32px;
	background:none !important;
	border:none;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	font-weight:bold;
	padding-left:6px;
	padding-top:8px;
	margin:0px;
	vertical-align:middle;
}
#signupinstruct{
	margin-bottom:10px;
}
#rssinstruct{
	margin-top:0px;
	margin-bottom:36px;
}
#populararticles_top{
	width:334px;
	height:20px;
	background-image:url(images/home_frame_top.gif);
	background-color:#DDD;
}
#populararticles_middle{
	width:334px;
	background-color:#DDD;
}
#populararticles_bottom{
	width:334px;
	height:36px;
	background-color:#DDD;
	background-image:url(images/home_frame_bottom.gif);
	margin-bottom:36px;
}
#populararticles_pagination{
	height:36px;
	line-height:36px;
	float:left;
	margin-left:8px;
}
#populararticles_forward{
	display:block;
	height:36px;
	width:25px;
	float:right;
	margin-right:8px;
}
#populararticles_back{
	display:block;
	height:36px;
	width:25px;
	float:right;
	margin-right:4px;
}

a#populararticles_back {
	background: url(images/home_frame_back_all.gif) no-repeat; 
        background-position: 0px 0px;
}
a#populararticles_forward {
	background: url(images/home_frame_fwd_all.gif) no-repeat; 
        background-position: 0px 0px;
}
a#populararticles_back:hover, a#populararticles_forward:hover {
	background-position: -25px 0px; 
}
a#populararticles_back:active, a#populararticles_forward:active  {
	background-position: 0px 0px; 
}
a#populararticles_back.nogo, a#populararticles_forward.nogo {
	background-position: -50px 0px; 
}




.populararticles_entry{
	display:block;
	color:#666;
	text-decoration:none;
	width:294px;
	margin-left:20px;
}
.populararticles_entry:hover{
	text-decoration:underline;
}
.populararticles_title {
        font-weight: bold;
        color: #333;
        font-size: 12px;
}
.populararticles_break{
	width:294px;
	height:0px;
	margin-left:20px;
	margin-bottom:10px;
	border-bottom:1px dotted #BBB;
}
.populararticles_entry h1{
	margin:0px;
	font-size:12px;
	font-weight:bold;
	color:#333;
}
.populararticles_entry p{
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:10px;
}
.fieldholder{
	width:334px;
	height:32px;
	background-image:url(images/home_search_bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
.searchfield{
	width:270px;
	height:32px;
	line-height:32px;
	background:none !important;
	border:none;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	font-weight:bold;
	padding-left:6px;
        padding-top: 7px;
	margin:0px;
	vertical-align:middle;
}
#searchbtn{
	display:block;
	float:right;
	width:56px;
	height:32px;
	background-color:#000;
	background-image:url(images/home_search_btn.gif);
	background-repeat:no-repeat;
}
#searchbtn:hover{
	background-image:url(images/home_search_btn_over.gif);
}
#searchinstruct p{
	margin-top:10px;
	margin-bottom:36px;
}
.home_splitcolumn{
	width:167px;
}
.home_splitcolumn p{
	margin:0px;
}
.home_splitcolumn a{
	color:#666;
	font-weight:normal;
	text-decoration:none;
}
.home_splitcolumn a:hover{
	color:#333;
	text-decoration:underline;
}


/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| END CSS FOR HOMEPAGE RIGHT COLUMN */

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| BEGIN CSS FOR HOMEPAGE BLOG */


.blog_entry{
	padding-bottom:32px;	
}
.blog_header{
	padding-top:0px;
	padding-bottom:20px;
	margin:0px;
}
.blog_expandbtn_wrapper{
	float:left;	
	width:45px;
	margin-left:-26px;
}
.blog_expandbtn_bg{
	width:28px;
	height:55px;
	background-image:url(images/blog_expandbtn_bg.gif);
	background-repeat:no-repeat;
	padding-top:11px;
}
.blog_expandbtn{
	display:block;
	width:33px;
	height:33px;
	margin-left:11px;
	background-image:url(images/blog_expandbtn.gif);
	background-repeat:no-repeat;
}
.blog_expandbtn:hover{
	background-image:url(images/blog_expandbtn_over.gif);
}
.blog_talkbtn{
	display:block;
	width:33px;
	height:33px;
	margin-left:11px;
	background-image:url(images/blog_talkbtn.gif);
	background-repeat:no-repeat;
}
.blog_talkbtn:hover{
	background-image:url(images/blog_talkbtn_over.gif);
}

.blog_title_n_date{
	float:left;
	margin-left:21px;
	margin-top:16px;
	margin-right:40px;
	width:510px;
}
.blog_title_n_date h2{
	display:block;
	margin:0px;
	color:#333;
	font-weight:bold;
	font-size:24px;
	letter-spacing:-1px;
	line-height:24px;
}
.blog_title_n_date h2 a{
	color:#333;
	text-decoration:none;
}
.blog_title_n_date h2 a:hover{
	color:#f4793b;
}
.blog_title_n_date p{
	margin:0px;
	padding-top:6px;
	color:#999;
	font-weight:bold;
	font-size:11px;
}
.blog_title_n_date p a{
	text-decoration:none;
	color:#f4793b;
}
.blog_title_n_date p a:hover{
	text-decoration:underline;
}
.datestamp_break{
	color:#DDD;
}
.blog_image{
	margin-left:40px;
	margin-bottom:20px;
}
.blog_body{
	margin-left:40px;
	margin-right:40px;
	margin-bottom:-10px;
	font-size:12px;
}
.blog_body p{
	margin:0px 0px 10px 0px;
}
.blog_readmore{
	margin-left:40px;
	margin-right:40px;
	height:33px;
}
.blog_readmore a{
	display:block;
	height:33px;
	line-height:33px;
	color:#f4793b;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
.blog_readmore a:hover{
	text-decoration:underline;
}
.blog_readmore img{
	margin-top:-3px;
	margin-right:4px;
}
.blog_tags{
	margin-left:40px;
	margin-right:40px;
	height:33px;
	border-bottom:1px solid #DDD;
	border-top:1px solid #DDD;
}
.blog_tags ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.blog_tags ul li{
	display:inline;
 	margin:0px 10px 0px 0px;
	padding:0px;
	height:33px;
	line-height:33px;
}
.blog_tags ul li a{
	text-decoration:none;	
	color:#666;
	font-weight:bold;
	margin:0px;
}
.blog_tags ul li a:hover{
	text-decoration:underline;
}
.blog_tags ul li img{
	margin-top:-4px;
}
#blog_comments{
	margin-left:40px;
	width:510px;
	font-size:12px;
}
.blog_comments_title{
	margin:40px 0px 20px 0px;
	color:#333;
	font-weight:bold;
	font-size:24px;
	letter-spacing:-1px;
	line-height:24px;
}
.blog_comment_top{
	width:100%;
	height:4px;
	background-image:url(images/blog_comments_top.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#ddd;
}
.blog_comment{
	padding:20px;
	background-color:#ddd;
}
.blog_comment p{
	margin:0px;
}
.blog_comment_bottom{
	width:100%;
	height:4px;
	background-image:url(images/blog_comments_bottom.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#ddd;
}
.blog_comment_footer{
	margin:0px 0px 20px 0px;
}
.blog_comment_user_left{
	float:left;
	background-image:url(images/blog_user_left.gif);
	background-color:#f78c22;
	height:24px;
	width:4px;
	margin-top:10px;
}
.blog_comment_user{
	float:left;
	display:block;
	color:#FFFFFF;
	background-color:#f78c22;
	height:24px;
	line-height:24px;
	text-decoration:none;
	margin-top:10px;
	padding:0px 3px 0px 3px;
	font-size:11px;
}
.blog_comment_user a {
        color: #fff;
        text-decoration: none;
}
.blog_comment_user a:hover {
        text-decoration: underline;
}
.blog_comment_user_right{
	float:left;
	background-image:url(images/blog_user_right.gif);
	background-color:#f78c22;
	height:24px;
	width:4px;
	margin-top:10px;
}
.blog_comment_point{
	float:left;
	margin-left:10px;
	height:21px;
	width:25px;
	background-image:url(images/blog_comment_point.gif);
	background-repeat:no-repeat;
}
.blog_comment_date{
	float:right;
	height:24px;
	line-height:24px;
	margin-top:10px;
	color:#999;
	font-weight:bold;
	font-size:11px;
}
#commentForm {
	padding:0px;
	margin:0px;
}
#commentForm form {
	padding:0px 0px 40px 0px;
	margin:0px;
}
#commentForm label { 
	display:block; 
	padding:0px;
	margin:0px;
}
.blog_fieldHolder {
	width: 510px;
	height: 33px;
	background-image:url(images/blog_comment_textfield.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
	margin-top:4px;
}
.blog_textareaset {
	width: 510px;
	height: 143px;
	background-image:url(images/blog_comment_textarea.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
	margin-top:4px;
}
.blog_textfield {
	width: 500px;
	height: 22px;
	background:#f6f6f6 !important;
	border: none;
	color: #333;
	margin-top: 7px;
	margin-left: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	font-weight:bold;
}
.blog_textareaset textarea {
	width: 500px;
	height: 133px;
	background:#f6f6f6 !important;
	border: none;
	color: #333;
	margin-top: 7px;
	margin-left: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	font-weight:bold;
}
.blog_submit {
	margin:-3px 0px 0px -3px;
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| END CSS FOR HOMEPAGE BLOG */

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||BEGIN CSS FOR SERVICES PAGE */

#page_header{
	width:100%;
	height:200px;
	overflow:hidden;
        background: center no-repeat;
	background-color:#974F13;
}
#wrapper_single_column{
	background-color:#fff;
	width:964px;
}
#topedge_tabs{
	width:100%;
	height:51px;
	background-image:url(images/frame_top_tabs.gif);
}
#leftedge_single_column{
	width:964px;
	background-image:url(images/frame_left.gif);
	background-position:left;
	background-repeat:repeat-y;
}
#rightedge_single_column{
	width:964px;
	background-image:url(images/frame_right.gif);
	background-position:right;
	background-repeat:repeat-y;
}
#contentwrapper_single_column{
	width:964px;
	height:auto;
	padding-bottom:30px;
}

.tabs_all{
	display:block;
	height:51px;
	float:left;
	background-repeat:no-repeat;
	background-position:center;
	margin-right:-26px;
}
#tabs_services_active{
	width:138px;
	background-image:url(images/tabs_ourservices_active.gif);
	margin-left:8px;
}
#tabs_services{
	width:138px;
	background-image:url(images/tabs_ourservices.gif);
	margin-left:8px;
}
#tabs_services:hover{
	background-image:url(images/tabs_ourservices_over.gif);
}
#tabs_branding_active{
	width:114px;
	background-image:url(images/tabs_branding_active.gif);
}
#tabs_branding{
	width:114px;
	background-image:url(images/tabs_branding.gif);
}
#tabs_branding:hover{
	background-image:url(images/tabs_branding_over.gif);
}
#tabs_advertising_active{
	width:131px;
	background-image:url(images/tabs_advertising_active.gif);
}
#tabs_advertising{
	width:131px;
	background-image:url(images/tabs_advertising.gif);
}
#tabs_advertising:hover{
	background-image:url(images/tabs_advertising_over.gif);
}
#tabs_websites_active{
	width:115px;
	background-image:url(images/tabs_websites_active.gif);
}
#tabs_websites{
	width:115px;
	background-image:url(images/tabs_websites.gif);
}
#tabs_websites:hover{
	background-image:url(images/tabs_websites_over.gif);
}
#tabs_searchengine_active{
	width:221px;
	background-image:url(images/tabs_searchengine_active.gif);
}
#tabs_searchengine{
	width:221px;
	background-image:url(images/tabs_searchengine.gif);
}
#tabs_searchengine:hover{
	background-image:url(images/tabs_searchengine_over.gif);
}
#tabs_copywriting_active{
	width:136px;
	background-image:url(images/tabs_copywriting_active.gif);
}
#tabs_copywriting{
	width:136px;
	background-image:url(images/tabs_copywriting.gif);
}
#tabs_copywriting:hover{
	background-image:url(images/tabs_copywriting_over.gif);
}
#tabs_printing_active{
	width:106px;
	background-image:url(images/tabs_printing_active.gif);
}
#tabs_printing{
	width:106px;
	background-image:url(images/tabs_printing.gif);
}
#tabs_printing:hover{
	background-image:url(images/tabs_printing_over.gif);
}

#tabs_workshops_active{
	width:130px;
	background-image:url(images/tabs_workshops_active.gif);
}
#tabs_workshops{
	width:130px;
	background-image:url(images/tabs_workshops.gif);
}
#tabs_workshops:hover {
	background-image:url(images/tabs_workshops_over.gif);
}
#services_all{
	width:960px;
	height:350px;
	margin-left:2px;
	background-image:url(images/services_all_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
#services_all p{
	padding-top:220px;
	padding-left:50px;
	padding-right:435px;
	margin:0px;
	font-size:12px;
}
.services_boxes{
	width:420px;
	margin-left:35px;
	float:left;
	background-position:left top;
	background-repeat:no-repeat;
	padding-bottom:30px;
}
.services_boxes h2 {
	font-size:16px;
	font-weight:bold;
	color:#999;
	margin:42px 0px 0px 98px;
	letter-spacing:-0.5px;
}
.services_boxes p{
	margin:15px 0px 15px 98px;
}
#services_branding{
	background-image:url(images/services_header_branding.jpg);
}
#services_advertising{
	background-image:url(images/services_header_advertising.jpg);
}
#services_websites{
	background-image:url(images/services_header_websites.jpg);
}
#services_searchengine{
	background-image:url(images/services_header_searchengine.jpg);
}
#services_copywriting{
	background-image:url(images/services_header_copywriting.jpg);
}
#services_printing{
	background-image:url(images/services_header_printing.jpg);
}
.services_readmore{
	display:block;
	height:32px;
	width:111px;
	margin:0px 0px 0px 95px;
	background-image:url(images/services_learnmore.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.services_readmore:hover{
	background-image:url(images/services_learnmore_over.jpg);
}
.services_sections{
	width:960px;
	margin-left:2px;
	padding-bottom:50px;
}
.services_sections_left{
	float:left;
	margin-top:100px;
	margin-left:50px;
	width:500px;
	font-size:12px;
}
.services_sections_right{
	float:right;
	margin-right:50px;
	margin-top:100px;
}
.services_sections_right_whoweare{
	float:right;
	margin-right:50px;
	margin-top:100px;
	width:300px;
}
#meettheteam{
	background-color:#efefef;
	padding:8px 0px 8px 0px;
	border:1px solid #dfdfdf;
}
.services_sections_right_whoweare p{
	font-size:11px;
	font-weight:normal;
	color:#666;
	margin:7px 15px 7px 15px;
}
.services_sections_right_whoweare .breaker {
	height:1px;
	width:300px;
	background-color:#dfdfdf;
}
.services_sections_header{
	margin-bottom:4px;
}
.services_sections_subhead{
	margin-bottom:20px;
	color:#999;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1;
}
.services_sections_left h2{
	margin-bottom:15px;
	margin-top:25px;
	color:#f4793b;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1;
}
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| START CSS FOR PORTFOLIO */

#portfolio_menu{
	float:left;
	width:280px;
	margin:40px 0px 0px 40px
}
#portfolio_menu ul, #portfolio_menu li{
	list-style:none;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
#portfolio_slideshow_wrapper{
	float:right;
	width:555px;
	margin:40px 40px 0px 0px;
}

/* SLIDESHOW VIEWER  */

/* PORTFOLIO MENU */

#portfolio-navigation {
	height: 505px;
	width: 280px;
	overflow: hidden;
	display: block;
}
#portfolio-navigation ul {
}
#portfolio-navigation ul li {
	color: #999;
	font-size: 11px;
	margin: 0px 0px 0px 0px; 
}
#portfolio-navigation ul li a {
	text-decoration:none;
	color:#999;
	display:block;
	width: 280px;
	padding: 15px 0px;
	height: 70px;
	border-bottom: 1px solid #efefef;
}
#portfolio-navigation ul li.current a {
	border-bottom: 1px solid #fff;
}
#portfolio-navigation ul li a span, #portfolio-navigation ul li span {
	padding: 3px 3px 3px 0px;
	color: #333;
	font-weight:bold;
	text-decoration:none;
}
#portfolio-navigation ul li a img {
	border:none;
}
#portfolio-navigation ul li a:hover span{
	color: #f78f24;
}
#portfolio-navigation ul li.current {
	background-color: #efefef;
	width: 280px;
}
#portfolio-navigation ul li:hover {
	background: #f2f2f2;
}
#portfolio-navigation ul li h3 {
	float: left;
}	
#portfolio-navigation ul li img {
	float: left;
	margin: 0px 10px 0px 0px;
}

#portfolio-scroll a {
	width: 140px;
	height: 57px;
	float: left;
	display: block;
}
#portfolio-scroll a#up {
	background: url(images/portfolio_scrollup.gif) no-repeat; 
}
#portfolio-scroll a#down {
	background: url(images/portfolio_scrolldown.gif) no-repeat; 
}
#portfolio-scroll a#up:hover, #portfolio-scroll a#down:hover {
	background-position: -147px 0px; 
}
#portfolio-scroll a#up:active, #portfolio-scroll a#down:active  {
	background-position: -294px 0px; 
}
#portfolio-scroll a#up.nogo, #portfolio-scroll a#down.nogo {
	background-position: -441px 0px; 
}

/* END PORTFOLIO MENU */

/* SLIDESHOW PAGINATION */
#dodo {
	width: 440px;
	float: left;
}
#pagination-wrap { 
	width: 100%; 
	float: left;
	clear: both;
	overflow: hidden;  
}
	
#pagination { 
	float: left;
	left: 50%;
	margin: 0 auto;
	padding: 0;
	position: relative; 
}	
#pagination-wrap #pagination li { 
	float: left;
	position: relative;
	right: 50%;
	margin-right: 1px; 
}
#pagination-wrap #pagination a {
	font-size: 10px;
	margin-right: 2px;
	height: 15px;
	width: 10px;
	line-height: 15px;
	padding-left: 4px;
	float: left;
	color: #FFF;
	text-decoration: none;
	background: url(images/portfolio_pagination.png) 0 0 no-repeat; 
}
#pagination-wrap  #pagination a:hover {
	background-position: -14px 0; 
}
#pagination-wrap #pagination a.activeSlide { 
	background-position: -28px 0; 
}
/* END SLIDESHOW PAGINATION */

.portfolio-photos { 
    height:  355px;  
    width:   555px;  
    padding: 0;  
	overflow: hidden;
    margin:  0;
	color:#FFF;
}
.portfolio-photos img {  
    height:  355px;  
    width:   555px;  
    top:  0; 
    left: 0;  
	margin:0px;
}	
#portfolio-photos-navigation { 
	width: 531px; 
	padding: 10px 12px 10px 12px; 
	background: #222;
	float: left; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	list-style-type: none;
	margin-bottom: 5px;
	margin-top:0px;
}
#portfolio-photos-navigation li {
	line-height: 15px; 
}
#portfolio-photos-navigation li.next { 
	float: right
 }
#portfolio-photos-navigation li.previous { 
	float: left;
}
#portfolio-photos-navigation li a { 
	color: #f78f24; 
	text-decoration: none;
}
#portfolio-photos-navigation li a:hover { 
	color: #f78f24; 
}
#portfolio-photos-navigation ul {
	list-style: none;
}

/* END SLIDESHOW */
#portfolio_desc {
	margin-top:40px;
	margin-bottom:40px;
}
#portfolio_desc_left{
	float:left;
	width:350px;
}
#portfolio_desc_left h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#333;
	letter-spacing:-1px;
	margin:0px 0px 20px 0px;
}
#portfolio_desc_left p{
	font-size:12px;
	color:#666;
	line-height:16px;
	margin: 0px 0px 10px 0px;
}
#portfolio_desc_right{
	float:right;
	width:195px;
	background-color:#efefef;
	padding:8px 0px 8px 0px;
	border:1px solid #dfdfdf;
	margin-top:40px;
}
#portfolio_desc_right .breaker {
	height:1px;
	width:195px;
	background-color:#dfdfdf;
}
.portfolio_details h3{
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#333;
	margin:7px 15px 0px 15px;
}
.portfolio_details p{
	font-size:11px;
	font-weight:normal;
	color:#666;
	margin:0px 15px 7px 15px;;
}
.portfolio_details a{
	font-size:11px;
	font-weight:normal;
	color:#f78f24;
	margin:0px 15px 7px 15px;
	text-decoration:none;
}
.portfolio_details a:hover{
	text-decoration:underline;
}





/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| END CSS FOR PORTFOLIO */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| BEGIN CSS FOR CONTACT */

#topedge_contacttabs{
	width:590px;
	height:51px;
	background-image:url(images/frame_top_contacttabs.gif);
}
.tabs_business_active{
	width:174px;
	background-image:url(images/contact_tabs_business_active.gif) !important;
	margin-left:2px;
}
.tabs_business{
	width:174px;
	background-image:url(images/contact_tabs_business.gif);
	margin-left:2px;
}
.tabs_business:hover{
	background-image:url(images/contact_tabs_business_over.gif);
}
.tabs_question_active{
	width:159px;
	background-image:url(images/contact_tabs_question_active.gif) !important;
}
.tabs_question{
	width:159px;
	background-image:url(images/contact_tabs_question.gif);
}
.tabs_question:hover{
	background-image:url(images/contact_tabs_question_over.gif);
}
.tabs_resume_active{
	width:152px;
	background-image:url(images/contact_tabs_resume_active.gif) !important;
}
.tabs_resume{
	width:152px;
	background-image:url(images/contact_tabs_resume.gif);
}
.tabs_resume:hover{
	background-image:url(images/contact_tabs_resume_over.gif);
}
.tabs_hi_active{
	width:178px;
	background-image:url(images/contact_tabs_hi_active.gif) !important;
}
.tabs_hi{
	width:178px;
	background-image:url(images/contact_tabs_hi.gif);
}
.tabs_hi:hover{
	background-image:url(images/contact_tabs_hi_over.gif);
}

#contactFormArea {
	padding:0px;
	margin:0px 40px 0px 40px;
	width:510px;
}
#contactFormArea form {
	padding:0px 0px 0px 0px;
	margin:0px;
}
#contactFormArea label { 
	display:block; 
	padding:0px;
	margin:14px 0px 14px 0px;
	line-height:14px;
}
#contactFormArea .introtitle { 
	width:510px;
	padding:0px 0px 20px 0px;
	margin:20px 0px 20px 0px;
	line-height:14px;
	border-bottom:1px solid #ddd;
	font-size:12px;
}
#contactFormArea .introtitle img { 
	padding-bottom:4px;
}
.fieldname_holder {
	width: 510px;
	height: 33px;
	background-image:url(images/contact_field_name.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
	margin-top:4px;
}
.fieldname_holder_fileupload {
	background-image:url(images/contact_field_attach.gif) !important;
}
.fieldname_holder_fileupload_over {
	background-image:url(images/contact_field_attach_over.gif) !important;
}
.fieldname {
	width: 500px;
	height: 20px;
	background:#f6f6f6 !important;
	border: none;
	color: #333;
	margin: 7px 0px 0px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	font-weight:bold;
}
.fileupload {
    opacity: 0;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
}
.fieldemail_holder {
	width: 280px;
	height: 33px;
	background-image:url(images/contact_field_email.gif);
	background-repeat:no-repeat;
	margin:4px 0px 10px 0px;
}
.fieldemail {
	width: 270px;
	height: 20px;
	background:#f6f6f6 !important;
	border: none;
	color: #333;
	margin: 7px 0px 0px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	font-weight:bold;
}
.fieldphone_holder {
	width: 204px;
	height: 33px;
	background-image:url(images/contact_field_phone.gif);
	background-repeat:no-repeat;
	margin:4px 0px 10px 0px;
}
.fieldphone {
	width: 194px;
	height: 20px;
	background:#f6f6f6 !important;
	border: none;
	color: #333;
	margin: 7px 0px 0px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	font-weight:bold;
}
.textareaset {
	width: 510px;
	height: 143px;
	background-image:url(images/contact_field_body.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
	margin-top:4px;
}
textarea {
	width: 500px;
	height: 130px;
	background:#f6f6f6 !important;
	border: none;
	color: #333;
	margin-top: 7px;
	margin-left: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	font-weight:bold;
}
.submit {
	margin-top:0px;
	margin-left:-3px;
}
.formprogress{
	color:#0091d5;
	font-weight:bold;
}

.viewportfolio{
	display:block;
	height:32px;
	width:148px;
	margin:30px 0px 0px 95px;
	background-image:url(images/viewportfolio.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.viewportfolio:hover {
	background-image:url(images/viewportfolio_over.jpg);
}
div#mce-error-response {
    padding: 8px 12px;
    font-weight: bold;
    background: #FFD6CC;
    border: 1px solid #FF3300;
    color: #333;
    margin-bottom: 6px;
}
div#mce-success-response {
    padding: 8px 12px;
    font-weight: bold;
    background: #D6F5CC;
    border: 1px solid #33CC00;
    color: #333;
    margin-bottom: 6px;
}
.alignright {
    float: right; 
}


/* CONTACT-7 OVERRIDE */
.wpcf7-form textarea {
	margin-left:-1px;
	border:solid 1px #a5acb2;
}