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

/*------------------------------------------------------------------------------------------------------

* Filename				style.css
* Description				Global CSS
* Version				1.0.0 (2009-12-27) YYYY-MM-DD
* Website				http://www.microwavemedia.co.uk/
* Author				Andrew Wills

==STRUCTURE=============================================================================================

* Page width			930px
* Page body width		910px
* Number of columns		3

==ANCHORS===============================================================================================

Use these to jump to the relevant section in the CSS document. Simply copy and paste the anchor name of the section you need to edit then FIND.

$_header				Header definitions

------------------------------------------------------------------------------------------------------*/

/* $_reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { 
	margin: 0; padding: 0; 
}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { 
	font-size: 1em; 
	font-weight: normal; 
	font-style: normal;
	}
ul,ol {
	list-style: none;
}
fieldset,img { 
	border: none;
	}
	
/* $_Global settings */
p {
	font-size:11px;
	color:#666;
}
th {}
table {}
td {}
a {
	text-decoration:none;
}
a:hover {}
body {
	height: 100%;
	width: 100%;
	background:#d4d2cc;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#666;
}
#container {
	background:#FFF url(../images/top_bg.jpg) no-repeat scroll right top;
	margin:0 auto;
	width:960px; 
}

/* $_header */

/* $_footer */
#footer {
	text-align:center;
	min-height:100%;
	width:960px;
	background:#000;
	overflow:hidden;
	color:#FFF;
	position:relative;
	text-align:left;
	padding-top:45px;
	background:url(../images/footer_background.jpg) no-repeat;
}

#footer h3 {
	margin-left:30px;	
	font-size:13px;
	font-style:italic;
	width:900px;
	padding-bottom:14px;
	margin-bottom:20px;
	border-bottom:solid #2b3b3d 1px;
}

#footer p.footer_intro {
	font-size:22px;
	colour:#666;
	width:900px;
	margin-left:30px;
	margin-bottom:40px;
}

#footer p {
	font-size:11px;
}
#footer a {
	color:#006699;
}

#footer a:hover {
	text-decoration:underline;
}

#footer span {
	font-style:italic;
	color:#FFF;
	font-size:13px;
}

#footer_bottom {
	margin:30px 30px 0 30px;
	padding:20px 0;
	border-top:solid #2b3b3d 1px;
	width:900px;
}

#footer_bottom a {
	float:right;	
}

#footer_left1 {
   	left: 30px;
	width:280px;
	position:absolute;

}

#footer_left2 {
   	left:340px;
	width:280px;
	position:absolute;
}

#footer_right{
   	position: relative;
   	float: right;
   	right: 30px;
   	width: 280px;
}


/* $_navigation */

#top {
	height:153px;
	margin-top:10px;
	padding-top:30px;
}

#top a img{
	border:0px;	
	float:left;
	margin:0 0 30px 0;
}

#nav {
	height:47px;
	position:relative;
	margin:0 auto;
	text-indent:-9999px;
	list-style-type:none;
	top:93px;
}

#nav li {
	float:left;	
	width:100%;
}

#nav li a {
	position:absolute;
	top: 0;
	margin: 0;
	padding: 0;
	height:47px;
	background:url(../images/top_navigation.jpg) no-repeat;
	overflow:hidden;
	display:block;
}

/* $_menu up states */
li#header1 a {
	left:0px;
	width:144px;
	background-position: 0 0;
}

li#header2 a {
  	left:144px;
	width:155px;
	background-position: -144px 0px;
}

li#header3 a {
	left:299px;
	width:129px;
	background-position: -299px 0px;
}

li#header4 a {
	left:428px;
	width:136px;
	background-position: -428px 0;
}

li#header5 a {
	left:564px;
	width:140px;
	background-position: -564px 0;
}

li#header6 a {
	left:700px;
	width:260px;
	background-position: -700px 0;
}

/* $_menu hover states */
li#header1 a:hover {
	background-position: 0 -53px;
}

li#header2 a:hover {
	background-position: -144px -53px;
}

li#header3 a:hover {
	background-position: -299px -53px;
}

li#header4 a:hover {
	background-position: -428px -53px;
}

li#header5 a:hover {
	background-position: -564px -53px;
}

li#header6 a:hover {
	background-position: -700px -53px;
}

/* $_menu hover states */
li#header1 a.active {
	background-position: 0 -102px;
}

li#header2 a.active {
	background-position: -144px -102px;
}

li#header3 a.active {
	background-position: -299px -102px;
}

li#header4 a.active {
	background-position: -428px -102px;
}

li#header5 a.active {
	background-position: -564px -102px;
}

li#header6 a.active {
	background-position: -700px -102px;
}

/* $_menu current states */
#body_header1 li#header1 a{
	background-position: 0 -87px;
}

#body_header2 li#header2 a {
	background-position: -140px -87px;
}

#body_header3 li#header3 a {
	background-position: -280px -87px;
}

#body_header4 li#header4 a {
	background-position: -420px -87px;
}

#body_header5 li#header5 a {
	background-position: 560px -87px;
}

#body_header6 li#header6 a {
	background-position: -700px -87px;
}

/* $_Homepage */
#flash-container {
	width:960px; 
	outline:0;
	background:#d4d2cc;
	background:#fff;
	height:320px;
}

#introduction {
   	position: relative;
   	width: 900px;
	height:143px;
	text-align:left;
	border-bottom:#ccc 1px solid;
	margin:0 12px;
}

#introduction a{
	width:210px;
	height:10px;
	color:#cc6600;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
}

#introduction a:hover {
	text-decoration:underline;	
}

#introduction p {
	padding-top:10px;	
}

#introduction_left1, #introduction_left2, #introduction_left3, #introduction_left4 {
	position: relative;
   	float: left;
	width: 204px;
	margin-top:20px; /* measure this */
}

#introduction_left1 {
   	left: 0px;
}

#introduction_left2{
   	left: 20px;
}

#introduction_left3{
   	left: 40px;
}

#introduction_right{
   	position: relative;
   	float: right;
   	right: 18px;
   	width: 210px;
	padding-top:20px;
}

.spacer {
	clear:both;
}

#clients {
   	position: relative;
   	width: 900px;
	height:170px;
	text-align:left;
	margin-bottom:30px;
	margin-top:30px;
	margin-left:5px;
}

#clients h3 a {
	width:250px;	
	color:#ff6600;
	font-style:italic;
	font-size:11px;
}

#clients h3 a:hover {
	color:#000;
}

#clients img {
	height:130px;
	width:270px;
	background:#000;
	display:block;
	margin:-5px;
	border:5px solid #dbdbdb;
}

#clients.home img {
	margin-left:0px !important;	
}

#clients a img:hover {
	border:#FF6600 solid 5px;
	margin:-5px;
}

#clients_left1 {
   	left: 0px;
	width:280px;
	position:absolute;

}

#clients_left2 {
   	left:310px;
	width:280px;
	position:absolute;
}

#clients_right{
   	position: relative;
   	float: right;
   	right: 0px;
   	width: 280px;
}

#clients_inner_left p {
	padding-top:3px;	
}

#clients_inner_left {
	float:left;
	width:250px; 
	padding-top:12px;
}

#clients_inner_right {
	float:right;
	width:30px; 
	padding-top:12px;
}

#clients_inner_right a {
	position:absolute;
	margin: 0;
	padding: 0;
	display:block;
	width:30px;
	height:30px;
	background:url(../images/clients_arrow.jpg) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}

#clients_inner_right a:hover {
	background:url(../images/clients_arrow_rollover.jpg) no-repeat;
}

/* $_Homepage */


#content_wrapper {
	width:900px;
	padding-bottom:30px;
	text-align:left;
}

#content_wrapper.home {
	width:960px;	
	margin-left: 0px;
}

#top.home, #clients.home, #introduction.home {
	margin-left:30px;	
}



.content_header {
	height:66px;
	width: 870px;
	text-align:left;
	padding-left:30px;
	color:#fff;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

.content_header p {
	color:#fff;
}

.content_header a {
	color: #bef608;
}


#who_content_header {
	background:#86ac0c;
}

#contact_content_header {
	background:#191919;
}

#how_content_header {
	background:#e7005c;
	/*background:#77012b;*/
}

#services_content_header {
	background:#03aec4;
}

#portfolio_content_header, #project_content_header {
	background:#e88104;
	/*background:#a12d00;*/
}

#blog_content_header {
	background:#c004e8;
}

#how_content_left a{
	color:#E7005C;	
}

#how_content_left a:hover {
	color:#666;	
	text-decoration:underline;
}

#who_content_left a {
	color:#86ac0c;	
}

#who_content_left a:hover {
	color:#666;	
	text-decoration:underline;
}

#services_content_left a:hover {
	color:#666;	
	text-decoration:underline;
}

#services_content_left a {
	color:#03aec4;	
}

.content_left {
	background:#fff;
	/* height:500px; */
	width:700px;
	float:left;
}

#content_left1, #content_left2, #content_left3 {
	position: relative;
   	float: left;
	width: 200px;
	margin-bottom:30px;

}
	
#content_left1 p, #content_left2 p, #content_left3 p {
	color:#666;
	font-size:12px;
}

#content_left1 h4, #content_left2 h4, #content_left3 h4 {
	color:#000;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	margin-bottom:10px;
}

#content_left1 {
   	left: 0px;
}

#content_left2{
   	left: 30px;
}

#content_left3{
   	left: 60px;
}

#project-right-container #content_left1, #project-right-container #content_left2, #project-right-container #content_left3 {
	left:0px !important;	
	width:220px;
}

#portfolio_intro {
	font-size:16px;
	padding-top:47px;
}

#portfolio_content_left, #project_content_left {
	background:#ffffff;
	width:670px;
	float:left;
}

.content_right, .project_content_right {
	background:#e9e9e9;
	float:right;
	width:198px;
	-moz-border-radius:5px;
	border:#d8d8d8 1px solid;
	padding-top:20px;
	margin-bottom:20px;
}

#call, #twitter  {
	padding-left:11px;	
	padding-bottom:15px;
	width:175px;
}

#tel {
	padding-bottom:15px;
	border-bottom:#d8d8d8 1px solid;
	margin-bottom:15px;
}

#port {
	padding-left:11px;
	border-bottom:#d8d8d8 1px solid;
	margin-bottom:15px;
}

#port p {
	padding-bottom:15px;
}

#port img {
	margin-bottom:15px;	
}

#port a {
	color:#FF6600;
	font-size:11px;
	font-style:italic;
	margin-bottom:15px;
}

#port a img:hover {
	border:2px solid #FF6600;
	margin:-2px -2px 13px -2px;
}

#twitter_update_list {
	color:#797979;
	font-size:12px;
	margin-top:15px;
}

#twitter_update_list a, a#twitter-link {
	color:#FF6600;
}

#twitter_update_list a:hover, a:hover#twitter-link  {
	color:#000;
}

#port a:hover {
	color:#000;
}

#project-right-container {
	margin-top:40px;	
}

.project_content_right {
	margin-top:40px;	
}

#who_content__right_inner, #how_content__right_inner, #services_content__right_inner {
	background:#e6e6e6;
	height:300px;
	width:200px;
	float:right;
}

#portfolio_content_right_inner, #project_content_right_inner {
	height:0px;
	width:0px;
	float:right;
}

/* $content */

.items {
	width:670px;	
}

.items h3 {
	width:600px;
	height:17px;
	margin-bottom:30px;
}

.content_introduction p {
	font-size:22px;
	color:#929292;
	font-weight:lighter;
	line-height:1.1;
	margin-bottom:30px;
}


/* $content_navigation */

.content_nav {
	width:900px;
	margin:0 0 40 0;
	text-align:left;
	position: top center;
}

#who_content_nav_div, #how_content_nav_div, #services_content_nav_div {
	height:96px;
	background:#fff;
}

.content_header img {
	margin-top:6px;	
}

.content_header p {
	color:#F0f0f0;
	padding-top:13px;
}


#portfolio_content_nav_div, #project_content_nav_div {
	height:0px;
	background:#fff;
}

#blog_content_nav_div {
	height:0px;
}


/* ***** Uncommenting Content_nav ********************************************** */

#who_content_nav {
	background:#456c02;
	height:56px;
}

#how_content_nav {
	background:#77012b;
	height:56px;
}

#services_content_nav {
	background:#016d81;
	height:56px;
}

#portfolio_content_nav, #project_content_nav {
	height:0px;
}

#blog_content_nav {
	height:0px;
}

*/ 
 
/* ***** Tabs *************************************************************** */

.idTabs 
{ 
	margin:0; 
	height:56px;
	position:relative;
	margin:0 auto;
	text-indent:-9999px;
	list-style-type:none;
	width:900px;
}

#who_idTabs ul {
	background: #456c02;
	width:886px;
	padding-top:20px;
	text-indent:-9999px;
	height:36px;
	padding-left:14px;
}

#who_idTabs ul a.overview {
	background:url(../images/who_tabs_bg.png);
	width:108px;
	height:36px;
}

#who_idTabs ul a.overview:hover, #who_idTabs ul a.overview.selected {
	background:url(../images/who_tabs_bg.png);
	background-position: 0px 36px; 
}

#who_idTabs ul a.company {
	background:url(../images/who_tabs_bg.png);
	width:118px;
	height:36px;
	background-position:-211px 0;
}

#who_idTabs ul a.company:hover, #who_idTabs ul a.company.selected {
	background:url(../images/who_tabs_bg.png);
	background-position: -211px 36px; 
}

#who_idTabs ul a.team {
	background:url(../images/who_tabs_bg.png);
	width:101px;
	height:36px;
	background-position:-108px 0;
}

#who_idTabs ul a.team:hover, #who_idTabs ul a.team.selected {
	background:url(../images/who_tabs_bg.png);
	background-position: -108px 36px; 
}



#services_idTabs ul {
	background: #016d81;
	width:886px;
	padding-top:20px;
	text-indent:-9999px;
	height:36px;
	padding-left:14px;
}

#services_idTabs ul a.services {
	background:url(../images/services_tabs_bg.png);
	width:111px;
	height:36px;
}

#services_idTabs ul a.services:hover, #services_idTabs ul a.services.selected {
	background:url(../images/services_tabs_bg.png);
	background-position: 0px 36px; 
}

#services_idTabs ul a.consultancy {
	background:url(../images/services_tabs_bg.png);
	width:127px;
	height:36px;
	background-position:-111px 0;
}

#services_idTabs ul a.consultancy:hover, #services_idTabs ul a.consultancy.selected {
	background:url(../images/services_tabs_bg.png);
	background-position: -111px 36px; 
}

#services_idTabs ul a.service_creation {
	background:url(../images/services_tabs_bg.png);
	width:147px;
	height:36px;
	background-position:-238px 0;
}

#services_idTabs ul a.service_creation:hover, #services_idTabs ul a.service_creation.selected {
	background:url(../images/services_tabs_bg.png);
	background-position: -238px 36px; 
}

#services_idTabs ul a.social_strategy {
	background:url(../images/services_tabs_bg.png);
	width:137px;
	height:36px;
	background-position:-385px 0;
}

#services_idTabs ul a.social_strategy:hover, #services_idTabs ul a.social_strategy.selected {
	background:url(../images/services_tabs_bg.png);
	background-position: -385px 36px; 
}

#services_idTabs ul a.social_promotion {
	background:url(../images/services_tabs_bg.png);
	width:143px;
	height:36px;
	background-position:-520px 0;
}

#services_idTabs ul a.social_promotion:hover, #services_idTabs ul a.social_promotion.selected {
	background:url(../images/services_tabs_bg.png);
	background-position: -520px 36px; 
}





#how_idTabs ul {
	background: #77012b;
	width:886px;
	padding-top:20px;
	text-indent:-9999px;
	height:36px;
	padding-left:14px;
}

#how_idTabs ul a.price {
	background:url(../images/how_tabs_bg.png);
	width:112px;
	height:36px;
}

#how_idTabs ul a.price:hover, #how_idTabs ul a.price.selected {
	background:url(../images/how_tabs_bg.png);
	background-position: 0px 36px; 
}

#how_idTabs ul a.let_us_support_you {
	background:url(../images/how_tabs_bg.png);
	width:153px;
	height:36px;
	background-position: -112px 0;
}

#how_idTabs ul a.let_us_support_you:hover, #how_idTabs ul a.let_us_support_you.selected {
	background:url(../images/how_tabs_bg.png);
	background-position: -112px 36px; 
}

#how_idTabs ul a.pay_as_you_go {
	background:url(../images/how_tabs_bg.png);
	width:155px;
	height:36px;
	background-position: -265px 0;
}

#how_idTabs ul a.pay_as_you_go:hover, #how_idTabs ul a.pay_as_you_go.selected {
	background:url(../images/how_tabs_bg.png);
	background-position: -265px 36px; 
}

#how_idTabs
{
	background: #456c02;
	/*background:url(../images/top_navigation.jpg) no-repeat;*/
}

.idTabs ul 
{ 
	padding:0px; 
	float:left; 
	height:56px;
}

.idTabs li 
{ 
	list-style:none; 
	float:left; 
}

.idTabs li a 
{ 
	height:56px;
	display:block; 
	background:#456c02; 
	color:snow; 
	font:bold 11pt Arial; 
	text-decoration:none; 
}

.idTabs a.selected 
{ 
	height:56px;
	background:#FFF; 
	color:#000; 
}

.items>div 
{ 
	display:none; 
	float:left; 
}




/* ***** Contact ************************************************************** */

.contact_us
{
	min-height:100%;
	width:300px;
}

#close-me a {
	background:url(http://microwavemedia.co.uk/images/close-me.png) no-repeat;
	text-indent:-9999px;	
	display:block;
	width:36px;
	height:36px;
}

#close-me a:hover {
	background:url(http://microwavemedia.co.uk/images/close-me.png) no-repeat;
	background-position:0 -37px;
}

#contact-form  {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	padding-left:30px;
	height:900px;
}

#button {
	width:92px;
	height:35px;
	background:url(http://microwavemedia.co.uk/images/send-contact.png) no-repeat;
	display:block;
	border:none;
	text-indent:-9999px;
	margin-top:20px;
	margin-left:208px;
}

#button:hover {
	background-position:0 -35px;
}

#contact-form iframe {
	border:none;
	width:300px;
	height:900px;
}

body.contact {
	background:none;

}

.contact p {
	font-size:12px;
	color:#FFF;
	margin:12px 0 6px;
	font-style:italic;
}

#who_contact_us
{
	background:#709205;
}

#contact_content_left .content_introduction {
	margin-top:30px;
}

#contact_content_left input {
	padding-left:4px;
	padding-top:6px;
	width:642px;
}

#contact_content_left textarea {
	width:638px;
}

#contact_content_left .button {
	margin-left:560px;
	margin-bottom:30px;
	width:100px;
}

p#field {
	font-size:14px;
	margin-bottom:5px;
	margin-top:15px;
	font-style:italic;
	color:#666;
}

input {
	background:url(http://microwavemedia.co.uk/images/contact.jpg);	
	height:20px;
	border:1px solid #bbb;
	width:300px;
	padding:2px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

textarea {
	background:url(http://microwavemedia.co.uk/images/contact.jpg);	
	height:60px;
	border:1px solid #bbb;
	width:300px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:5px;
	font-size:11px;
}

#intro {
	font-size:13px;
	color:#929292;
	width:300px;
}



#mainTabs {
margin:0 auto;
width:560px;
}

#mainTabs li 
{ 
list-style:none; 
float:left;
}

#mainTabs a {
  display:block;
  padding:4px 0;
  height:56px;
  width:140px;
  text-decoration:none!important;
  margin:0px;
  margin-left:0;
  font:12pt Calibri;
  color:#FFF;
  background:#222;
}

#mainTabs a:hover {
  height:28px;
  padding:4px 0 6px;
  background:#0D0D0D;
  border-bottom:1px solid #181818;
}

#mainTabs a.selected {
  height:30px;
  padding:4px 0 8px;
  background:snow;
  color:#222;
  font-weight:bold;
  border-bottom:none;
}

.exclamation {background:#FEF7E6 url(http://microwavemedia.co.uk/images/exclamation.gif) no-repeat scroll 15px 7px;border:1px solid #D9D2C2;color:#DB001B;display:block;font-weight:bold;margin-bottom:10px;padding:10px 10px 10px 60px;min-height:30px;}

#contact_content_left .exclamation {width:512px;}

/* ***** Page Slider ************************************************************** */

#pageslide-slide-wrap {
    background-color: #000;
	color:#fff;
	font: Georgia;
	font-size: 12px;
	z-index:9999;
}

#pageslide-content h2 {
}

#pageslide-content a { 
}

.pageslide-close {
}

/* ***** Project ************************************************************** */

#project {
	margin:40px 0px 30px;	
}




#project_images img {
	margin-bottom:20px;	
	border:#ccc 2px solid;
}

#project_images h4 {
	color:#000;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	margin-bottom:10px;
}

/* ***** Blog ************************************************************** */

#blog {
	margin: 30px 0px 30px 0px;
	width:670px;
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#blog a:hover {
	color:#666;	
	text-decoration:underline;
}

#blog a {
	color:#03aec4;	
}

#blog_content_left a:hover {
	color:#666;	
	text-decoration:underline;
}

#blog_content_left a {
	color:#03aec4;	
}

/* Tumblr Styles */
 
.tumblr_title {
	font-size: 18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #929292;
	margin:30px 0px 15px 0px;
}

.date {
	margin: 30px 0px 10px 0px;
	color: {color:Date};
	font-size: 24px;
	text-align: right;
	letter-spacing: -1px;
	text-transform: uppercase;
	border-bottom: solid 1px {color:Date};
}
 
/* Regular Post */

div.post div.regular {
    	font-size: 13px;
	font-family:Georgia, "Times New Roman", Times, serif;
    	line-height: 18px;
}