/* -- Mr Site Std Template -- */
/* -- madeinprovence.co.uk Daniel Pomlett ----*/

/* ----== Template Constant ==---- */
body {margin: 0; padding:0; font-family:"arial", sans-serif; color:#666; font-size:12px; background:#eaeaea;}

.clear {clear:both; margin:0; padding:0;}
.tabclear {clear:both; margin:0; padding:0; height:1%;}
div {margin:0; padding:0;}

.hidden {display:none; margin:0; padding:0;}	/* this stops IE6 from not displaying the shop */

#mainheader_wrap {width:850px; height:172px; margin:0 auto; padding:0; overflow:hidden; }
/* ----== Colour Variations ==---- */

/* ---== Headers ==--- */
h1 {text-decoration:none; font-size:25px; color:#eb2a2e; margin:0 0 20px;}
h2 {text-decoration:none; font-size:14px; color:#eb2a2e;}
h3 {text-decoration:none; font-size:12px; color:#eb2a2e;}
h4 {text-decoration:none; font-size:14px; color:#fff; margin:0 0 10px;}
h5 {text-decoration:none; font-size:12px; color:#fff; margin:0 0 10px;}
h6 {text-decoration:none; font-size:10px; color:#fff; margin:0 0 10px;}


/* ----== Template Layout ==---- */


img {border:0;}

#wrap, #mainColumn, #navColumn, #top, #bodywrap, #pagetop, #footer {padding:0; margin:0;}
#columnWrapper {padding:0px 0 0 0; margin:0;}

#mainColumn .inner, #pageSynopsis .inner, #footer, #widget_div, #contact_form, #mailinglist {position:relative;}	/* fixes IE6 png issue */

#mainColumn, #footer; {display:block; position:relative;}

#imageholder {text-align:center; width:100%; height:150px;}
#middle {width:859px; height:100%;}
.content {padding:10px; font-size:13px; line-height:18px; z-index:1;}

#bodywrap {width:860px; margin:0 auto; padding:0; position:relative; display:block;}
#wrap {width:860px; padding:20px 0; background:url(../images/content_slice.jpg) repeat 0 0;}
#headerwrap {margin:auto; padding: 0;no-repeat; position:relative;}
#top {width:100%; height:157px; background:url(../images/top.jpg) no-repeat 0 0;}

	#navHozMain {bottom center; width:850px; padding: 0 10px;}
	
	#contentbackground {background:url(../images/mid_slice.jpg); display:block; position:relative;}
	#navColumn {width:220px; padding:20px; display:block; position:relative;}
	#navColumn .content {padding:20px; background:url(../images/drop_bg.jpg) repeat-y 0 0; color:#fff}
	#navColumn .content a {color:#f6f59d;}
	#navColumn .content a:hover {color:#f7f414;}

	#spacer{height:0px;}


/* ----== Link Styles ==---- */
#logolink {width:305px; height:50px; background:none; position:absolute; top:73px; left:34px;}
#logolink:hover {background:url(../images/header_links.jpg) no-repeat 0 -65px;}
#clients {width:127px; height:29px; background:url(../images/header_links.jpg) no-repeat 0 0; position:absolute; top:50px; right:5px;}
#clients:hover { background:url(../images/header_links.jpg) no-repeat 0 -30px;}
#clients a {color:#fff; text-decoration:none; margin:8px 10px; display:block;}
#clients:hover a {color:#f7f414;}

#contact {width:127px; height:29px; background:url(../images/header_links.jpg) no-repeat 0 0; position:absolute; top:77px; right:5px;}
#contact:hover { background:url(../images/header_links.jpg) no-repeat 0 -30px;}
#contact a {color:#fff; text-decoration:none; margin:8px 10px; display:block;}
#contact:hover a {color:#f7f414;}

/* ----== Text Style ==---- */
#mainColumn .content p, #navColumn .content p, 
#pageSynopsis .content p, #footer p {padding:0;}
#pageSynopsis, #pageSynopsis .content, #pageSynopsis .content p {color:#333333; font-weight:bold; line-height:13px; padding:0 0 10px 0;}
#mainColumn .content a {text-decoration:none; color:#2550a0;}
#mainColumn .content a:hover {color:#333;}
#footer p {text-align:center; color: #a39987; font-size:10px; line-height:9px; margin:7px;}
#footer {width:861px; margin:0 auto; height:90px; display:block; position:relative; background:url(../images/footer_bg.jpg) no-repeat 0 0; text-align:center; line-height:11px;}
#footer a {color:#2550a0; text-decoration:none;}
#footer a:hover {color:#333;}
#footerwrap {width:810px; padding:20px; display:block;}

.boldlink {text-decoration:none; color:#0071bc; font-size:14px; font-weight:bold;} 
.boldlink a {text-decoration:none; color:#a7a9ac} 

/* ----== Standard SideBar Nav CSS ==---- */
#navbar ul {margin:0; padding:0;}
#navbar {width:100%;}
#navbar li a {text-decoration: none; display: block; padding:8px 0 0 10px;}	
#navbar li a:link, #navbar li a:visited {display: block;}
#navbar li a span {display:block;}
#navbar li ul li, #navbar li ul, #navbar li ul li a {border:0;}
#navbar li ul li a span {margin-left:10px;}
/* ----== /Standard SideBar Nav CSS ==---- */

/* ----== Mr Site Template Blog Style ==---- */
.post-title {color:#333333;}
.post-title {border:1px dotted #333333;#2f2f2f}
.post {border:1px dotted #333333;}
.post-body {border:1px dotted #333333;}
p.post-footer {border:1px dotted #333333;}
/* ----== /Mr Site Template Blog Style ==---- */


/* ----== Site Layout ==---- */
/* Menu Left */
body.menuleft div#mainColumn {float:right; width:600px;}
body.menuleft div#navColumn {float:left;}
body.menuleft div#mainColumn .content {padding:20px 25px 20px 10px;}

/* Menu Right */
body.menuright div#mainColumn {float:left; width:600px;}
body.menuright div#navColumn {float: right;}
body.menuright div#mainColumn .content {padding:20px 10px 20px 25px;}

/* ----== Page Expansion ==---- */
body.expand div#navColumn {display:none;}
#mainColumn .content {padding:0; float:none;}
body.expand div#mainColumn {padding:20px; float:none; display:block;}
/* ----== /Page Expansion ==---- */


/* ----== Mr Site Latest Gallery ==---- */
div.latestGallery {}
div.latestGallery a {color:#333333;}
/* ----== /Mr Site Latest Gallery ==---- */


/* ----== Twitter ==---- */
ul#twitter_update_list li a, ul#twitter_update_list li span a {color: #0071bc; text-decoration:none;}
ul#twitter_update_list li a:hover, ul#twitter_update_list li span a:hover {#cccccc; text-decoration:underline;}
/* ----==/Twitter ==---- */

/* ----== Form Creator ==---- */
form.myform input, 
form.myform textarea, 
input.input_captcha {}
	form.myform legend, 
	form.myform label {font-weight:bold;}
span.description {}
input.submit_myform {}
/* ----== /Form Creator ==---- */


/* ----== Contemporary Layout ==---- */
/* Side Division */
div#shop div.float-left {float:left; width:390px; display:inline-block; position:relative;}
div#shop div.float-right {float:right; width:100px; display:inline-block; position:relative;}

/* Standard Online Shop (Contemporary) */
div.standardCart.float-left {float:right; margin:0px 10px 10px 0px; display:inline-block; position:relative;}
div.standardCart.float-right {float:left; width:390px; margin:0px; display:inline-block; position:relative;}

div#shop_item.noimages div.standardCart.float-left {width:560px; margin:0px 0px 10px 0px; display:inline-block; position:relative;}

/* Pro Online Shop (Contemporary) */
div.proCart.float-left {float:left; width:390px; margin:0px; display:inline-block; position:relative;}
div.proCart.float-right {float:right; margin:0px 0px 10px 10px; display:inline-block; position:relative;}
/* ----== /Contemporary Layout ==---- */


/* ----==  User styles ==---- */
#shop {}
#shop .float-left .item_options .quantity select,
#shop .float-left .item_options .options select,
#shop .float-left .item_options .colour input {border-color:#e3e3e3;}
#shop .float-left .item_options {border-color:#e3e3e3; color:#686868;}

/* ----== JSON Guestbook ==---- */	
#gbook_jdiv {margin:0; padding:0;}
/* ----== end of JSON Guestbook ==---- */
/* Colour 1 */ #tcol1 {background-color:#e0e0e0; color:#686868;}
/* Colour 2 */ #tcol2 {background:#f9f9f9; border-color:#e0e0e0; color:#686868;}
/* ----== Mr Site Guestbook style ==---- */


/* ----== Mr Site Twitter Widget ==---- */
div#twitter {margin-bottom: 2em; border-top: 1px dotted #333; border-bottom: 1px solid #333; margin-top:10px;}
div#twitter h2 {margin: 0; padding:0px; font-size:10px; color:#c1272d;}
p#preloader {margin: 0;padding: 1em 1em 1em 3em; background: transparent url("loader.gif") 1em center no-repeat;}
ul#twitter_update_list {margin: 0; padding: 0 1em 0.5em 1em; list-style-type: none;}
ul#twitter_update_list li {
	margin: 0; padding: 0.8em 0 1em 0; border-bottom: 1px dotted #333;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word; 
	}

ul#twitter_update_list li span {display: block;}
ul#twitter_update_list li.firstTweet {}
ul#twitter_update_list li.lastTweet {border-bottom: none;}
a#profileLink {text-decoration:none; display: block; padding: 0.3em 1em; color: #000;}
a:hover#profileLink {text-decoration:underline;}


/* ----== Services image links ==---- */
div.roll {background:url(../images/services_all.jpg) no-repeat; width:192px; height:89px;position:relative; 
		  color:#f4f59d; font-size:14px; font-weight:bold; letter-spacing:-0.03em; line-height:13px; }
div.roll:hover {color:#fff;}
.imagelink {position:absolute; bottom:5px; left:5px;}

div.pagedivide {width:50%;}
div.left, img.left {float:left;}
div.right, img.right {float:right;}
	div.pagedivide.left div.innerdivide {padding:0 10px 0 0;}
	div.pagedivide.right div.innerdivide {padding:0 0 0 10px;}
	div.pagedivide.right div.innerdividenoheader {padding:50px 0 0 10px;}



ul.bullets {color:#000; padding:5px 35px; font-size:16px; font-style:italic; line-height:25px; list-style:none; font-weight:bold;}
li {padding:3px 0 3px 0;}
a.bodylink {font-weight:bold;}




/*---------------------------------homepage CSS------------------------------------*/


#homeleftwrap {padding:0 10px 0 0; float:left; width:215px; display:block; position:relative;}
#homemidwrap {padding:0 10px 0 10px; float:left; width:195px; display:block; position:relative;}
#homerightwrap {padding:0 0 0 10px; float:right; width:370px; display:block; position:relative;}

#homeleft {width:100%;}
#homemid {width:100%;}

#news {background:url(../images/news_bg.jpg) no-repeat 0 0; height:390px; display:block; position:relative;}

#newsheader {padding:10px; display:block; position:relative;}
#newscontent {padding: 0 10px 0 10px; display:block; position:relative; color:#fff; line-height:16px; height:320px; overflow:auto; width:185px;}
div#mainColumn .content div#newscontent a {color:#f6f59d;}
div#mainColumn .content div#newscontent a:hover {color:#f7f414;}

#toplink {width:60px; height:135px; float:left; margin:0 2px; display:block;}

.podcast {background:url(../images/homelinks.jpg) no-repeat 0 0;}
.podcast:hover {background:url(../images/homelinks.jpg) no-repeat 0 -136px;}

.blog {background:url(../images/homelinks.jpg) no-repeat -64px 0;}
.blog:hover {background:url(../images/homelinks.jpg) no-repeat -64px -136px;}

.webcast {background:url(../images/homelinks.jpg) no-repeat -128px 0;}
.webcast:hover {background:url(../images/homelinks.jpg) no-repeat -128px -136px;}

#midlink {width:188px; height:56px; margin:8px 0 0 2px; display:block;}

#midlink .linkpad {padding:18px 10px 11px 10px; color:#666; font-weight:bold; font-size:12px;}
#midlink:hover .linkpad {padding:18px 10px 11px 10px; color:#fff;}

.legal {background:url(../images/homelinks.jpg) no-repeat -188px 0;}
.legal:hover {background:url(../images/homelinks.jpg) no-repeat -188px -56px;}
.training {background:url(../images/homelinks.jpg) no-repeat -188px 0;}
.training:hover {background:url(../images/homelinks.jpg) no-repeat -188px -56px;}
.published {background:url(../images/homelinks.jpg) no-repeat -188px 0;}
.published:hover {background:url(../images/homelinks.jpg) no-repeat -188px -56px;}
.ask {background:url(../images/homelinks.jpg) no-repeat -188px 0;}
.ask:hover {background:url(../images/homelinks.jpg) no-repeat -188px -56px;}

#mailing {width:188px; height:170px; background:url(../images/mailing_bg.jpg) no-repeat 0 0; display:block; margin:4px 0 0 3px;}

#mailingform {padding:10px;}

#mainheader {display:none;}


/*popup*/


br.both{
clear:both;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000;
z-index:1;
}

#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:150px;
width:250px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}

#popupContactClose{
font-size:12px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#2550a0;
font-weight:700;
display:block;
}

#popupContactClose:hover{
color:#000;
}

#button {width:127px; height:29px; background:url(../images/header_links.jpg) no-repeat 0 0; position:absolute; top:113px; right:5px;}
#button:hover { background:url(../images/header_links.jpg) no-repeat 0 -30px;}
#button a {color:#fff; text-decoration:none; margin:8px 10px; display:block;}
#button:hover a {color:#f7f414;}

a{
cursor: pointer;
text-decoration:none;
}

#search {padding:2px 20px 2px 15px; background:url(../images/search_bg.jpg) no-repeat 0 0; height:30px; position:relative;}
#search strong {color:#666}
#searchcontent {width:800px; height:25px; background:url position:absolute; top:5px; left:10px;}

blockquote {color:#16449a;}

table.contentimage {float:left;}