/*
Theme Name: New WonderMedia.co.uk
Theme URI: http://www.wondermedia.co.uk/
Description: The default Wonder Media theme
Version: 1
Author: Adam Astbury
Author URI: http://wondermedia.co.uk
Tags: 

*/

/* CSS Document */

body {
	margin: 0px;
	background: #FFFFFF url(images/bg.jpg);
	font: 93%/1.2em "Lucida Grande", Arial, sans-serif;
}

a {
	color: #611D54;
	text-decoration: none;
}


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

h1 {
	color: #6B1E61;
	font-size: 2.2em;
	font-weight: normal;
	position: relative;
	letter-spacing: -2px;
	padding: 5px 0px 10px 0px;
}


h1 span {
  background: url(images/gradient-grey.png) repeat-x;
  position: absolute;
  display: block;
  width: 100%;
  height: 31px;
}


h2 {
	color: #611D54;
	font-size: 1.2em;
	padding-top: 5px;
}

h4 {
	color: #666666;
	font-size: 2.2em;
	font-weight: normal;
	letter-spacing: -2px;
	padding: 5px 0px 10px 0px;
	float: left;
}


#Global {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background: url(images/ContainerBG.jpg) center fixed no-repeat;
}

#Container {
	width: 980px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#Logo {
	float: right;
	margin-top: 40px;
	width: 433px;	
}

#Header {
	margin-top: 30px;	
	width: 980px;
	float: left;
	background: url(images/header.png) no-repeat;
	height: 63px;
}


#Middle {
	float: left;
	width: 980px;
	height: auto;
	background: url(images/ContentBG.png) repeat-y;
}

#Content {
	float: left;
	width: 900px;
	height: auto;
	background: url(images/SilverBG.jpg) repeat-x;
	margin-left: 10px;
	padding: 30px 30px 0px 30px;
}


#Bottom {
	float: left;
	width: 980px;
	height: 22px;
	background: url(images/BottomBG.png) no-repeat;
}

#FooterTop {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	height: 19px;
	background: url(images/FooterTop.png) no-repeat;
}


#Footer {
	width: 920px;
	height: auto;
	padding: 0px 30px 10px 30px;
	margin-left: auto;
	margin-right: auto;
	color: #999999;
	background: url(images/FooterBG.png) repeat-y;
	font-size: 0.90em;
}

#Footer .FootAddress {
	font-size: 0.90em;
	margin-top: 5px;
}


#Footer a {
	color: #CCCCCC;
}

#Footer a:hover {
	color: #FFFFFF;
}




#Navigation {
	float: left;
	margin-top: 10px;
	margin-left: 27px;
}

#Navigation ul {
	margin: 0px;
	padding: 0px;
}

#Navigation li {
	margin: 0px 0px 0px -17px;
	padding: 0px;
	float: left;
	display: block;
}



#Navigation .page_item a {
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    height: 35px;
    margin-right: 6px;
    padding-right: 35px; /* sliding doors padding */
    text-decoration: none;
	font-weight: bold;
}

#Navigation .page_item a span {
    display: block;
    padding: 9px 0 8px 35px;
} 

#Navigation .page_item a:hover {
	background: transparent url(images/bg_button_a_silver.jpg) no-repeat scroll;
    background-position: bottom right;
    color: #611B58;
    outline: none; /* hide dotted outline in Firefox */
}

#Navigation .page_item a:hover span  {
	background: transparent url(images/bg_button_span_silver.png) no-repeat;
    background-position: bottom left;
    color: #611B58;
    outline: none; /* hide dotted outline in Firefox */
}


#Navigation .current_page_item a {
	background: transparent url(images/bg_button_a_silver.jpg) no-repeat scroll;
    background-position: bottom right;
    color: #611B58;
    outline: none; /* hide dotted outline in Firefox */
}

#Navigation a.current_page_item span {
    color: #611B58 !important;
}

#Navigation .current_page_item span {
	background: transparent url(images/bg_button_span_silver.png) no-repeat;
    background-position: bottom left;
    padding: 6px 0 4px 35px; /* push text down 1px */
	
} 







#SubNav {
	float: left;
	margin: 10px 0px 15px 30px;
}

#SubNav ul {
	margin: 0px;
	padding: 0px;
}

#SubNav li {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: block;
}


#SubNav .page_item a {
    color: #333333;
    display: block;
    font-size: 13px !important;
    height: 29px;
    margin-right: 8px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
	background: transparent url(images/subnav_bg_button_a_silver.jpg) no-repeat scroll top right;
}

#SubNav .page_item a span {
	background: transparent url(images/subnav_bg_button_span_silver.jpg) no-repeat;
    display: block;
    padding: 6px 0 5px 10px;
} 

#SubNav .page_item a:hover {
	background: transparent url(images/subnav_bg_button_a_silver_on.jpg) no-repeat scroll top right;
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

#SubNav .page_item a:hover span  {
	background: transparent url(images/subnav_bg_button_span_silver_on.jpg) no-repeat;
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}






#SubNav .current_page_item a {
	background: transparent url(images/subnav_bg_button_a_silver_on.jpg) no-repeat scroll top right !important;
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

#SubNav a.current_page_item span {
	background: transparent url(images/subnav_bg_button_span_silver_on.jpg) no-repeat !important;
    color: #FFFFFF !important;
}

#SubNav .current_page_item span {
	background: transparent url(images/subnav_bg_button_span_silver_on.jpg) no-repeat !important;
    color: #FFFFFF !important;
}



#iPhoneStep {
	float: left;
	width: 280px;
	padding: 5px;
	border: 1px solid #E3E3E3;
	background: #FFFFFF;
	margin-bottom: 10px;
}

#iPhoneStep h1 {
	margin: 0px;
	float: left;
	width: auto;
	padding: 8px 0px 8px 0px;
	color: #FFFFFF;
	background: #6B1E61;
}

#iPhoneStep .BlueInside {
	float: left;
	background: #E3E3E3;
	padding: 8px;
}

#iPhoneStep .Instructions {
	float: right;
	width: 230px;
	font-size: 13px;
	margin-left: 10px;
}








#ServiceBox {
	float: left;
	width: 575px;
	height: 150px;
	background: url(images/ServiceBoxBG.jpg) top right no-repeat;
}

#ServiceBox .left {
	float: left;
	width: 120px;
	padding-top: 8px;
}

#ServiceBox .right {
	float: left;
	width: 445px;
	padding-top: 6px;
	margin-left: 5px;
}

#ServiceBox ul {
	position: absolute;
	margin-top: -5px;
	padding-left: 160px;
}

#ServiceBox li.getaquote {
	float: left;
	color: #FFFFFF;
	margin-right: 5px;
}

#ServiceBox li.getaquote a {
	float: left;
	padding: 3px 15px 6px 15px;
	background: url(images/ServiceBoxButton.jpg) no-repeat;
	display: block;
	color: #FFFFFF;
	text-decoration: underline;
}

#ServiceBox li.getaquote a:hover {
	background: url(images/ServiceBoxButton-Over.jpg) no-repeat;
	color: #6E205C;
}

#ServiceBox li.findoutmore {
	float: left;
	color: #FFFFFF;
	margin-right: 5px;
}

#ServiceBox li.findoutmore a {
	float: left;
	padding: 3px 15px 6px 15px;
	background: url(images/ServiceBoxButton2.jpg) no-repeat;
	display: block;
	color: #FFFFFF;
	text-decoration: underline;
}

#ServiceBox li.findoutmore a:hover {
	background: url(images/ServiceBoxButton2-Over.jpg) no-repeat;
	color: #6E205C;
}


#QuoteBox {
	float: left;
	width: 555px;
}

#QuoteBoxField {
	float: left;
	width: 545px;
	padding: 5px;
	background: url(images/QuoteFieldBG.jpg) repeat-x;
}

#QuoteBoxField .left {
	float: left;
	width: 180px;
	padding-top: 2px;
}

#QuoteBoxField .right {
	float: left;
	width: 180px;
}

#QuoteBoxFieldBottom {
	margin-top: 15px;
	float: left;
	width: 545px;
	padding: 5px;
	background: url(images/QuoteFieldBGBottom.jpg) repeat-x;
}

#QuoteBoxFieldBottom .left {
	float: left;
	width: 415px;
	padding-top: 2px;
	font-size: 1.1em;
}

#QuoteBoxFieldBottom .right {
	float: right;
	width: 100px;
	text-align: right;
}


#QuoteBoxOptionField {
	float: left;
	width: 545px;
	padding: 5px;
	background: url(images/QuoteFieldBG.jpg) repeat-x;
}

#QuoteBoxOptionField .left {
	float: left;
	width: 415px;
	padding-top: 2px;
	padding-bottom: 3px;
	cursor: pointer;
	color: #611D54;
		font-weight: bold;

}

#QuoteBoxOptionField .right {
	float: right;
	width: 100px;
	text-align: right;
	color: #611D54;
	font-weight: bold;
	padding-bottom: 3px;
}

#QuoteBox .content {overflow:hidden;float: left;margin-top: 5px;font-size: 0.90em; color: #333333;width: 550px;background: #FFFFFF;}
#QuoteBox .total { background: transparent;width: 150px;outline: 0px;border:0px;font-weight: bold;color: #611D54;font-size: 1.1em;padding-top: 2px;}

#shopping_cart{	/* Shopping cart */
	float: right;
	padding:8px;
	font-size: 14px;
	width: 300px;
	background: url(images/QuoteFieldBG.jpg) repeat-x;
	color: #666666;
	margin-top: 0px;
	border-left: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
}

#shopping_cart h3 {
	color: #6B1E61;
	font-size: 1.2em;
}

.clear{	
	clear:both;
}

img{	/* No image borders */
	border:0px;
}

#shopping_cart_totalprice {
	color: #666666;
	margin-top: 20px;
	font-weight: bold;
	background: #E0E0E0;
	border: 1px solid #999999;
	padding: 5px;
}
.hidden {
  display: none;
 }
 
#DomainSearchBox {
	float: left;
	width: 565px;
	padding: 5px;
	background: url(images/QuoteFieldBG.jpg) repeat-x;
}

#DomainSearchShort {
	float: left;
	width: 565px;
	padding: 5px;
	background: #C3C824;
	border: 1px solid #691F5A;
	color: #FFFFFF;
}

#DomainSearchResults {
	float: left;
	width: 565px;
	padding: 5px;
	background: url(images/QuoteFieldBG.jpg) repeat-x;
}

#PortfolioBlock {
	background: url(images/QuoteFieldBG.jpg) repeat-x;
	margin-bottom: 20px; 
}

#PortfolioBlock h2 {
	padding-top: 10px;
}