/*

Theme Name: The Marketing Mix

Theme URI: http://www.marketingmix.com.au/

Description: The Marketing Mix Wordpress Theme

Version: 1.0

Author: Luke Evans / The Marketing Mix

Author URI: http://marketingmix.com.au/

Tags: 

*/







* {

	margin: 0;

	padding: 0;

	border: 0;

	list-style-type: none;

}

body {

	background: #0b0030 url(images/body_bg.jpg) center -10px repeat-y fixed;

	font-size: 62.5%; /* Resets 1em to 10px */

	font-family: Arial, Helvetica, sans-serif;

	text-align: center;

}

#wrapper {

	width: 842px;

	margin: 0 auto;

	padding-top: 25px;

	text-align: left;

}

#slideshow, #container, #footer {padding: 0 10px;}





.clear {clear: both;}

.alignleft {float: left;}

.alignright {float: right;}









/*  Header

************************************************************************************************************/

#header .logo a {

	width: 337px;

	height: 77px;

	margin-left: 10px;

	margin-bottom: 5px;

	display: block;

	float: left;

	outline: none;

	background: url(http://www.marketingmix.com.au/wp-content/uploads/TMM_logo.png) left top no-repeat;

	text-decoration: none;

}

#header .logo a span {visibility: hidden;}





#contact-details {

	margin: 15px 10px 0 0;

	float: right;

	font-size: 1.2em;

}

#contact-details, #contact-details a {

	color: #e6e9ee;

}



#contact-details ul li {

	margin-bottom: 2px;

}

#contact-details .title {

	width: 60px;

	display: block;

	float: left;

}

#contact-details a {

	text-decoration: none;

}







/*  Main Navigation

************************************************************************************************************/

#nav {

	height: 43px;

	padding: 0;

	background: url(images/nav_bg.jpg) left top no-repeat;

}

.home #nav {

	background: url(images/nav_bg_home.jpg) left top no-repeat;

}

#nav ul li {

	padding: 10px 0 0 20px;

	float: left;

	font-size: 1.2em;

	font-weight: bold;

}

#nav ul li ul {display: none;}

#nav ul li.page-item-1 {

	padding-left: 15px;

}

#nav ul li.page-item-15 {

	padding: 10px 15px 0 0;

	float: right;

	font-size: 1.1em;

	font-weight: normal;

}

#nav ul li a {text-decoration: none;}

#nav ul li a:hover, #nav ul li.current_page_item a {text-decoration: underline;}

#nav ul li a {color: #fff; outline: none;}



#subnav {

	width: 125px;

	padding-top: 3px;

	float: left;

	font-size: 1.2em;

}

#subnav li {

	padding: 3px 0 3px 15px;

}

#subnav a {

	color: #666;

	font-weight: bold;

	text-decoration: none;

}

#subnav a:hover, #subnav .current_page_item a {

	color: #003b81;

}





/*  Container

************************************************************************************************************/

#container {ackground: url(images/container_bg_norepeat.png) left top repeat-y;}

#container .containerbg {width: 822px; background: #fff url(images/content_h2_bg.gif) 0 86px no-repeat;}

#container.subnav .containerbg {background: #fff url(images/content_h2_bg_subnav.giff) 119px 88px no-repeat;}

.home #container .containerbg {background: #fff;}





/*  Slideshow

**************************************************/

#slideshow {

	height: 114px;

	padding-top: 10px;

	overflow: hidden;

	clear: left;

	background: url(images/container_bg_top_home.png) left top no-repeat;

}

.home #slideshow {

	height: 228px;

}





/*  Content

**************************************************/

#content, #content-lightbox {

	padding: 5px 15px 0 15px;

	color: #555;

	font-size: 1.2em;

}



.subnav #content, .subnav #content-lightbox {

	margin-left: 125px;

}

.home #content {height: -247px; padding: 0; background: url(images/content_bg_home.jpg) left bottom repeat-y;}



.page-id-7 #content {background: url(http://www.marketingmix.com.au/wp-content/uploads/TMM_Portfolio_background11.png) repeat-y;}



#content h2, #content-lightbox h2 {

	margin-top: 8px;

	padding-bottom: 9px;

	color: #6fa52f;

	font-size: 2em;

	line-height: 1em;

}

#content h3, #content-lightbox h3 {

	margin-top: 10px;

	color: #006c98;

	font-size: 1.5em;

}



#content a {color: #33629a;}

#content a:hover {text-decoration: none;}

#content h3 a {color: #006c98; text-decoration: none;}

#content h3 a:hover {color: #006c98; text-decoration: underline;}



#content p, #content-lightbox p, #content ul {margin-top: 10px;} /*line-height: 1.4em;}*/

#content table {margin-top: 10px;}

#content table td {padding: 5px;}





/*  Breadcrumb

**************************************************/

#breadcrumb {color: #888; font-size: 1.1em;}

#breadcrumb a {color: #666;}

#breadcrumb a:hover {text-decoration: none;}

#breadcrumb img {margin: 0 3px;}





/*  Content - Subpage

**************************************************/

#content ul li {

/*	margin-top: 5px;

	padding-left: 11px;

	background: url(images/content_bullet.gif) left 3px no-repeat;*/

}









/*  Content - Home

**************************************************/

.home #content .welcome, .home #content .ivc, .home #content .featuredClient {float: left;}



.home #content .welcome {width: 300px; margin-right: 16px; padding: 12px 0 0 15px;}

.home #content .welcome h2 {margin: 0; padding-bottom: 5px; font-size: 2em;}

.home #content .welcome p {margin: 6px 0 0 8px; font-size: 1.1em; line-height: 1.3em;}

.home #content .welcome p strong {font-style: italic;}

.home #content .welcome img {margin: 12px 0 0 6px;}



.home #content .ivc {width: 227px; height: 220px; margin-left: 25px; margin-right: 15px; /*padding: 10px 15px 5px 15px; margin: 10px 21px 0 0;*//* background: url(images/home_ivc.jpg) left top no-repeat;*/}

.home #content .ivc h2 {color: #00629e; font-size: 1.5em;}

.home #content .ivc .box img {margin-right: 10px; float: left;}

.home #content .ivc .box .entry {color: #666;}

.home #content .ivc .box h3 {margin: 0; padding: 5px 0 5px 0; font-size: 1.3em;}

.home #content .ivc .box h3 a {color: #6fa52f; text-decoration: none;}

.home #content .ivc .box h3 a:hover {text-decoration: underline;}

.home #content .ivc .box .entry p {margin: 0; font-size: 1em; line-height: 1.5em;}

.home #content .ivc .box .entry img {display: none;}



.home #content .featuredClient {width: 194px; padding: 0 15px 0 15px;}

.home #content .featuredClient h2 {margin-bottom: 0; color: #00629e; font-size: 1.5em;}

blockquote img {display: none;}

blockquote {

/*	background: url(images/quote_start.gif) left top no-repeat;

	margin:9px 0 0 0;

	padding:7px 0 0 0;

	position:relative;

	text-indent:2em;

	text-align: center;

	font-size: 1.3em;

	font-style: italic;*/

}

blockquote .quote {

	display: block;

	padding-bottom: 7px;

	background: url(images/quote_end.gif) right bottom no-repeat;

}

#content .featuredClient a {text-decoration: none; }

#content .featuredClient a:hover .quote {text-decoration: underline;}

#content .featuredClient p {

	margin: 0;

	line-height: 1.4em;

	font-style: italic;

}

#content .featuredClient .name, #content .featuredClient .title {

	margin-left: 5px;

	display: block;

	font-weight: bold;

}

.featuredClient .name {

	color: #666;

	font-size: 1.1em;

}

.featuredClient .title {

	padding-left: 12px;

	color: #646567;

	color: #67a12f;

}



.home #TB_closeWindowButton {display: none; width: auto; position: relative; top: 2px; right: 4px; background-position: right top;}

.home #TB_ajaxContent #content {height: auto; padding: 0 15px 10px 15px; background: #EFEFF1;}

.home #TB_ajaxContent #content h2 {display: none;}

.home #TB_ajaxContent #content p {margin-top: 10px;}







/*  About Page

************************************************************************************************************/

.page-id-3 #content .box {width: 391px; height: 100px; margin: 20px 10px 0 0; float: left; line-height: 1.4em;}

.page-id-3 #content .box.first, .page-id-3 #content .box.second {margin-top: 10px;}

.page-id-3 #content .box.nomargin-right {margin-right: 0;}

.page-id-3 #content .box img {margin-right: 10px; float: left;}





/*  Services Page

************************************************************************************************************/

.page-id-5 #content .box {width: 257px; height: 73px; margin: 10px 10px 0 0; overflow: hidden; float: left;}

.page-id-5 #content .box.norightmargin {margin-right: 0;}

.page-id-5 #content .box img {float: left; width: 68px; height: 64px;}

.page-id-5 #content .box .entry {margin-left: 100px; color: #666;}

.page-id-5 #content .box .entry h3 {margin: 0; padding: 3px 0 5px 0; font-size: 1.0em;}

.page-id-5 #content .box .entry h3 a {color: #6fa52f; text-decoration: none;}

.page-id-5 #content .box .entry h3 a:hover {text-decoration: underline;}

.page-id-5 #content .box .entry p {margin: 0; font-size: 0.9em; line-height: 1.2em;}

.page-id-5 #content .box .entry img {display: none;}





/*  Latest News Page

************************************************************************************************************/

.category-latest-news .cont h3 {display: none;}





/*  Portfolio Page

************************************************************************************************************/

.page-id-7 #content .box {width: 190px; height: 160px; margin: 10px 10px 0 0; overflow: hidden; float: left; font-size: 0.8em;}

.page-id-7 #content .box .teaser {padding: 0 5px;}

.page-id-7 #content .box .teaser img {display: none;}

.page-id-7 #content .box .teaser h3 {margin: 5px 0 3px 0; font-size: 1.0em;}

.page-id-7 #content .box .teaser h3 a {color: #6fa52f; text-decoration: none;}

.page-id-7 #content .box .teaser h3 a:hover {text-decoration: underline;}

.page-id-7 #content .box .teaser p {margin: 0;}

.page-id-7 #content .box .teaser .more {text-align: right;}

.page-id-7 #content .box.norightmargin {margin-right: 0;}





#content-lightbox{font-size:1.2em;}



#TB_ajaxContent #header, #TB_ajaxContent #footer, #TB_ajaxContent #nav, #TB_ajaxContent #subnav, #TB_ajaxContent #breadcrumb {display: none;}

#TB_ajaxContent #container, #TB_ajaxContent #container .containerbg, #TB_ajaxContent #content-lightbox {padding: 0; margin: 0; background: none;}

#TB_ajaxContent #wrapper, #TB_ajaxContent .containerbg {width: auto; padding: 0;}



#TB_window {border: 4px solid #fff !important; overflow: hidden !important;}

#TB_title {width: 72px;background: none !important;}

#TB_closeWindowButton {z-index: 99; background: url(images/btn_close.gif) center center no-repeat; display: block; width: 25px; height: 25px; position:absolute; right:5px; top: 5px;}

#TB_ajaxContent {padding: 0 !important; background: none;}

#TB_ajaxContent #content-lightbox {height: 455px; overflow: hidden;}

#TB_ajaxContent #content-lightbox h2 {display: none;}

#TB_ajaxContent #content-lightbox ul, #TB_ajaxContent #content ul li {padding: 0; margin: 0; background: none;}

#TB_ajaxContent #content-lightbox p {margin: 0; padding: 0 !important;}



#TB_ajaxContent #content-lightbox #pages {margin: 0;}

#TB_ajaxContent #content-lightbox #pages li {display: none;}

#footerthumbs li {

	width:100px;

	background: url(images/portfolio_btn_left.png) left top no-repeat;



	cursor:pointer;

	display:block;

	float:left;

	border-top: 4px solid #fff;

	margin-right:4px;

}

#footerthumbs li.active, #footerthumbs li:hover {background: url(images/portfolio_btn_hover_left.png) left top no-repeat;}

#footerthumbs li.active div, #footerthumbs li:hover div {background: url(images/portfolio_btn_hover_right.png) right top no-repeat; color: #fff;}

#footerthumbs li.active div {font-weight: bold;}



#footerthumbs li div {

	height:36px;

	

	background: url(images/portfolio_btn_right.png) right top no-repeat;

	color: #fff;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

	line-height: 36px;

	

}



#TB_ajaxContent .col1, #TB_ajaxContent .col2 {float: left;}



/**** No Script ****/

#content-lightbox.noscript #pages li img {margin-top: 10px; width: 667px;}

#content-lightbox.noscript #pages li.firstpage img {width: auto;}

#content-lightbox.noscript #pages li.firstpage .col1 img {display: none;}









/* Clients

****************************************************************************************************/



#TB_ajaxContent #pages #page1 .col1 {width: 306px; height: 430px; padding: 25px 37px 0 21px;}

#TB_ajaxContent #pages #page1 .col2 {width: 460px; padding: 25px 0 0 5px;}

#TB_ajaxContent #pages #page1 h3 {margin: 0; padding: 10px 0 0 0; color: #fff; font-size: 1.2em;}

#TB_ajaxContent #pages #page1 p {margin: 0; padding: 3px 0 7px 0 !important; color: #fff; font-size: 0.9em;}



/**** Melville Toyota ****/

#TB_ajaxContent .lightbox-page-id-646 #pages #page1 .col1 {background: #1a181c url(images/portfolio_bhh_slide1_bg.gif) right top no-repeat;}

#TB_ajaxContent .lightbox-page-id-646 #pages #page1 .col2 {}

#TB_ajaxContent .lightbox-page-id-646 #pages #page1 h3 {color: #d9d0c6;}

#TB_ajaxContent .lightbox-page-id-646 #pages #page1 p {color: #d5cec5;}



/**** Breast Cancer Care WA ****/

#TB_ajaxContent .lightbox-page-id-621 #pages #page1 .col1 {width: 276px;background: #ededed url(images/portfolio_dsh_slide1_bg.gif) right top no-repeat;}

#TB_ajaxContent .lightbox-page-id-621 #pages #page1 .col2 {width: 490px; padding-top: 12px;}

#TB_ajaxContent .lightbox-page-id-621 #pages #page1 h3 {color: #e32119;}

#TB_ajaxContent .lightbox-page-id-621 #pages #page1 p {color: #555;}



/**** Breast Cancer Care WA ****/

#TB_ajaxContent .lightbox-page-id-603 #pages #page1 .col1 {background: #fff url(images/portfolio_awa_slide1_bg.gi) right top no-repeat;}

#TB_ajaxContent .lightbox-page-id-603 #pages #page1 .col2 {}

#TB_ajaxContent .lightbox-page-id-603 #pages #page1 h3 {color: #542989;}

#TB_ajaxContent .lightbox-page-id-603 #pages #page1 p {color: #000;}



/**** Athletics WA ****/

#TB_ajaxContent .lightbox-page-id-579 #pages #page1 .col1 {background: #f9c24e url(images/portfolio_awa_slide1_bg.gif) right top no-repeat;}

#TB_ajaxContent .lightbox-page-id-579 #pages #page1 .col2 {}

#TB_ajaxContent .lightbox-page-id-579 #pages #page1 h3 {color: #1a181c;}

#TB_ajaxContent .lightbox-page-id-579 #pages #page1 p {color: #1a181c;}



/**** Broken Hill Hotel ****/

#TB_ajaxContent .lightbox-page-id-296 #pages #page1 .col1 {background: #1a181c url(images/portfolio_bhh_slide1_bg.gif) right top no-repeat;}

#TB_ajaxContent .lightbox-page-id-296 #pages #page1 .col2 {}

#TB_ajaxContent .lightbox-page-id-296 #pages #page1 h3 {color: #d9d0c6;}

#TB_ajaxContent .lightbox-page-id-296 #pages #page1 p {color: #d5cec5;}



/**** DreamStart Homes ****/

#TB_ajaxContent .lightbox-page-id-300 #pages #page1 .col1 {width: 276px;background: #ededed url(images/portfolio_dsh_slide1_bg.gif) right top no-repeat;}

#TB_ajaxContent .lightbox-page-id-300 #pages #page1 .col2 {width: 490px; padding-top: 12px;}

#TB_ajaxContent .lightbox-page-id-300 #pages #page1 h3 {color: #e32119;}

#TB_ajaxContent .lightbox-page-id-300 #pages #page1 p {color: #555;}



/**** Global Machinery ****/

#TB_ajaxContent .lightbox-page-id-293 #pages #page1 .col1 {background: #404041 url(images/portfolio_gm_slide1_bg.gif) right top no-repeat;}

#TB_ajaxContent .lightbox-page-id-293 #pages #page1 .col2 {width: 440px; padding: 10px 0 0 25px;}

#TB_ajaxContent .lightbox-page-id-293 #pages #page1 h3 {padding-bottom: 3px; color: #ececec;}

#TB_ajaxContent .lightbox-page-id-293 #pages #page1 p {padding: 0 !important; color: #ececec;}



/**** Parkland Mazda ****/

#TB_ajaxContent .lightbox-page-id-253 #pages #page1 .col1 {background: #004580 url(images/portfolio_pm_slide1_bg.gif) right top no-repeat;}

#TB_ajaxContent .lightbox-page-id-253 #pages #page1 .col2 {width: 413px; padding: 5px 0 0 47px;}

#TB_ajaxContent .lightbox-page-id-253 #pages #page1 h3 {color: #fff;}

#TB_ajaxContent .lightbox-page-id-253 #pages #page1 p {color: #fff;}



/**** Wilson & Hart ****/

#TB_ajaxContent .lightbox-page-id-298 #pages #page1 .col1 {background: #5d5d5f url(images/portfolio_wh_slide1_bg.gif) right top no-repeat;}

#TB_ajaxContent .lightbox-page-id-298 #pages #page1 .col1 img {margin-bottom: 10px;}

#TB_ajaxContent .lightbox-page-id-298 #pages #page1 .col2 {}

#TB_ajaxContent .lightbox-page-id-298 #pages #page1 h3 {color: #fff;}

#TB_ajaxContent .lightbox-page-id-298 #pages #page1 p {color: #fff;}













/*  Category Page

************************************************************************************************************/

.category #content .box {width: 264px; float: left;}

.category #content .box h3 {margin-bottom: 2px;}

.category #content .box .date {margin-bottom: 5px; color: #888; font-weight: bold;}

.category #content .box p {margin-top: 3px;}





/*  Contact Us Page

************************************************************************************************************/

.page-id-13 #content p {margin-top: 5px;}

div.googlemaps {

	margin: 10px 0 0 0 !important;

}



/*  Footer

************************************************************************************************************/

#footer {

	height: 25px;

	padding-top: 24px;

	background: url(images/container_bg_btm_subpage.png) left top no-repeat;

	color: #bfcad8;

	font-size: 1.1em;

}

.home #footer {

	height: 56px;

	padding-top: 0;

	background: url(images/container_bg_btm_home.png) left top no-repeat;

}

.home #footer .logos {padding: 6px 0 17px 10px;}

.home #footer .logos span {width: 71px; margin: 7px 10px 0 0; color: #4fa0dd; line-height: 1em;}

.home #footer .logos span, .home #footer .logos a {float: left; display: block;}

.home #footer .logos a {height: 32px; margin-right: 7px;}

.home #footer .logos a.tmm {width: 28px; background: url(images/footer_logo_tmm.png) left top no-repeat;}

.home #footer .logos a.autodirect {width: 52px; background: url(images/footer_logo_autodirect.png) left top no-repeat;}

.home #footer .logos a.keyreturn {width: 40px; background: url(images/footer_logo_keyreturn.png) left top no-repeat;}

.home #footer .logos a.facebookLink {width: 40px; background: url(http://www.marketingmix.com.au/wp-content/uploads/facebookLink1.png) right top no-repeat; margin-left: 540px;}

.home #footer .logos a.tmm:hover {background: url(images/footer_logo_tmm_hover.png) left top no-repeat;}

.home #footer .logos a.autodirect:hover {background: url(images/footer_logo_autodirect_hover.png) left top no-repeat;}

.home #footer .logos a.keyreturn:hover {background: url(images/footer_logo_keyreturn_hover.png) left top no-repeat;}

.home #footer .logos a.facebookLink:hover {background: url(http://www.marketingmix.com.au/wp-content/uploads/facebookLink1.png) right top no-repeat; margin-left: 540px;}



#footer a {

	color: #bfcad8;

	text-decoration: none;

}

#footer a:hover {

	text-decoration: underline;

}

#footer ul li {padding-left: 10px; float: left; background: url(images/footer_divide.gif) 4px 2px no-repeat;}

#footer ul li.page-item-17 {background: none;}



.input {background-image:url(http://www.marketingmix.com.au/wp-content/uploads/competitionButton2.png);

width: 80px;

height: 27px;

border: none;

color: #bfcad8;

font-size: 1.1em;

}



#side_web_portfolio{

	padding-top: -20;

}



.rsswidget {

	color: #00629E;

	font-size: 1em;

	}

.FacebookLnk{

	margin-left:600px;

}
