/*
Theme Name: Musselburgh Wagon Company
Theme URI: http://www.musswagon.co.uk/
Description: A custom theme for Musselburgh Wagon Company.
Version: 1.0
Author: James Cant
Author URI: http://www.day6studio.com/
*/


/* == BASICS == */

*{margin:0;padding:0;}

body{ font-family: "museo-sans",sans-serif; /* font-family: Arial, Helvetica, sans-serif; */ font-size: 15px; color: #5e5d5d; line-height:150%; background-color: #E0E0DE; }

h1,h2,h3,h4,h5,h6{ font-weight:400; line-height:120%; color:#262222; }
h1{ font-size:36px; font-weight:700; color:#262121; }
h2{ font-size:20px; font-weight:700; }
h3{ font-size:20px; font-weight:500; color:#e23e35; padding:10px 0; line-height:160%; font-family: "museo-slab",sans-serif; }
h4,h5,h6{ font-size:14px; font-weight:normal; }

a:link, a:visited { color: #666; text-decoration:none; }
a:hover, a:active { color: #666; text-decoration:underline; }

p{ margin:10px 0; line-height:180%;}

.red{ color:#e23e35; }
.strapline{ color:#e23e35; font-size:20px; padding:10px 0; line-height:160%; font-family: "museo-slab",sans-serif; font-weight:500; }
.uppercase{ text-transform: uppercase; }

.clear{clear:both;}

#header{ height:115px; background-color:#262221; }
#header_content{  position:relative; margin: 0 auto; width: 960px; height:115px; }
#header_contact{ position:absolute; top:0; right:0; background-color: #332A2B; color:#FFF; border-radius:0 0 5px 5px; font-size: 12px; padding:4px 0 2px 8px; }
#logo{ position:absolute; top:20px; left:0; }
#main_navigation_container{ position:absolute; top:20px; right:0; padding-bottom:18px; border-bottom:1px solid #454242; color:#FFF; text-transform: uppercase; }

#page{ background-color: #FFF; border-top:1px solid #454140; }
#page_content{ margin: 0 auto; padding:35px 0; width: 960px; background-color: #FFF; }

#homepage{ background-color: #262221; }
#homepage_content{ margin: 0 auto; padding:35px 0; width: 960px; }

#main{ float:left; width:640px; padding-right:20px; }
#sidebar{ float:right; width:300px; }

#footer{ background-color: #E0E0DE; color:#373737; overflow: hidden; clear: both; }
#footer_content{ position:relative; margin: 0 auto; padding-top:20px; width: 960px; background-color: #E0E0DE; height:180px; clear: both; }
#footer_contact{ position:absolute; top:20px; left:0; }
#footer_navigation_container{ position:absolute; top:20px; left:320px; color:#373737; font-size:11px; text-transform:uppercase;}
#kitemark_logo{ position:absolute; right:0; }

#header_contact a{ color:#FFF; }

#call_us{ position:absolute; top:70px; right:0; color:#FFF; }

.menu{ list-style: none; margin-right:-16px; }
.menu li{ display: inline; padding:0 16px 0 22px; }
.menu a{ color:#FFF; }
.menu a:hover{ text-decoration: none; color:#DB3D33; }

.services_icon { background:url(images/icon_tools_white.png) center left no-repeat; }
.services_icon:hover { background:url(images/icon_tools_red.png) center left no-repeat; }

.contact_icon { background:url(images/icon_telephone_white.png) center left no-repeat; }
.contact_icon:hover { background:url(images/icon_telephone_red.png) center left no-repeat; }

.estimates_icon { background:url(images/icon_clipboard_white.png) center left no-repeat; }
.estimates_icon:hover { background:url(images/icon_clipboard_red.png) center left no-repeat; }

.about-us_icon { background:url(images/icon_i_white.png) center left no-repeat; }
.about-us_icon:hover { background:url(images/icon_i_red.png) center left no-repeat; }

#footer_content a{ color:#373737;}

#footer_navigation{ list-style:none; }
#footer_navigation li{ display:inline; padding-right:15px;}

/* ============ Components =========== */

.homepage_panel{ width:300px; height:150px; float:left; color:#FFF; text-align: center; margin:0 10px; padding-bottom:35px;}
.homepage_panel h2{ font-size:30px; color:#FFF; padding-top:15px; }
.homepage_panel .strapline{ font-size:14px; padding:0; }
.homepage_panel p{ font-size:13px; line-height:160%; }

.feature_box{ background-color:#f3f3f0; width:264px; margin-bottom:20px; padding:18px; }

#page_content ul{ padding-left:20px;}

.formfield{ background-color:#f3f3f0; border:none; padding:5px 7px; margin:2px 0; width:280px; font-family: "museo-sans",sans-serif; }
.formfield_button{ background-color: #d1d1cf; border:none; padding:2px 4px; margin-top:5px; font-weight:bold; font-size:12px; color:#383838; }

/* ============ Slides ============ */

#slides { display: none; position:relative; margin:60px auto 0; width:940px;  }
.slidesjs-container{ margin-left:1px; }
#slides .slidesjs-previous, #slides .slidesjs-next {
	position:absolute;
	top:175px;
	left:0;
	width:26px;
	height:25px;
	display:block;
	z-index:101;
	background-image: url(images/carousel_left.gif);
	cursor: pointer;
}
#slides .slidesjs-next { left:915px; background-image: url(images/carousel_right.gif); }

#slides_page { display: none; position:relative; }
#slides_page .slidesjs-previous, #slides_page .slidesjs-next {
	position:absolute;
	top:127px;
	left:0;
	width:26px;
	height:25px;
	display:block;
	z-index:101;
	background-image: url(images/carousel_left.gif);
	cursor: pointer;
}
#slides_page .slidesjs-next { left:614px; background-image: url(images/carousel_right.gif); }

/* ============ Slides - pages ============ 


#slides{ position:relative; margin-top:60px; }
.slides_container{ width:940px; height:375px; border:1px solid #FFF; }
.slides_container div{ width:940px; height:375px; display:block; }

#slides .next, #slides .prev {
	position:absolute;
	top:175px;
	left:0;
	width:26px;
	height:25px;
	display:block;
	z-index:101;
}

#slides .next {
	left:915px;
}

#slides_page{ position:relative; margin-top:60px; }
.slides_page_container{ width:620px; height:270px; border:1px solid #FFF; }
.slides_page_container div{ width:620px; height:270px; display:block; }

#slides_page .next, #slides_page .prev {
	position:absolute;
	top:127px;
	left:0;
	width:26px;
	height:25px;
	display:block;
	z-index:101;
}

#slides_page .next {
	left:595px;
 */