/*
Theme Name: WP Creare
Theme URI: http://wp-creare.co.uk
Description: A skin and bones theme based on Starkers HTML5. By Jay Pick & Dan Long.
Version: 1.0
Author: Creare
Author URI: http://webdesigncreare.co.uk
Tags: starkers, html5, naked, clean, basic
*/

@import "css/reset.css";
@import "css/layout.css";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1.5; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body { font-size: 62.5%; color:#7d7d7d; }
img, img a { outline: none; border: none; }


/* headings */
h1 {font-size:1.8em; color:#6d9b77; margin:10px 0 20px 0;  }
h3 {font-size:1.8em; font-weight:bold; padding:0 10px; line-height:34px; margin-bottom:20px;}
h2 {font-size:1.8em; font-weight:bold; margin:10px 0 20px; color:#6d9b77; }
h4 {font-size:1.4em; font-weight:bold; margin:10px 0 0; color:#6d9b77; }
h5 {font-size:1.4em; font-weight:bold; margin:0; color:#6d9b77; }



/* header */
#headerwrap { height:175px; background:url(images/header-bg.jpg) repeat-x; }
.phone {font-size:1.8em; float:right; text-align:right; line-height:1; margin:10px 10px 0 0; }
header { width:1024px; margin:0 auto; }
#logo {float:left; margin:2px 0 0 20px; clear:none; }
.icons {width:169px; float:right; height:24px; clear:right; margin:18px 10px 0 0; }
.icons li {margin-right:9px; display:inline; }

/* spans */
.green {color:#6d9b77; }
.block {display:block; }
.bold {font-weight:bold; }
.clear {clear:both; }
.none {display:none; }
.green-bg {background-color:#c6d8c6 !important; }
.textrt {text-align:right; }
.news { background:url(images/rss-icon.jpg) no-repeat 4px 4px; }
.mar {margin-bottom:10px; }
.mar1 {margin-top:20px; }
.mar2 {margin-bottom:20px; }
.mar3 {margin-top:10px; }
.nomar { line-height:1; margin-bottom:0 !important; margin-top:0 !important; }
.mar4 { padding-top:5px; }
.mar5 { margin-top:30px; }
.mar6 {margin:0 10px; }
.mar7 {padding:0 10px; }
#toph1 {margin-top:0; }
.mar8 {margin:10px; }


/* nav */
nav { float:right; height:45px; width:716px; clear:right; margin-top:18px; border-right:10px solid #FFF; padding-top:12px; text-transform:lowercase; }
nav li { display:inline; margin:0 19px;}
nav li ul li {margin:0; }
nav li a { color:#7d7d7d; font-weight:bold; font-size:1.4em; text-decoration:none; }
nav li a:hover {color:#6d9b77; }

#navigation ul li ul li a	{ background-image: none;  text-decoration: none; font-weight:normal; background-color:#ebebeb;}
#navigation ul li ul li a:hover	{color:#6d9b77; }
#dropmenu{} 
#dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; }
#dropmenu a {display:block; text-decoration:none; color:#7d7d7d;}
#dropmenu li {float:left; position:relative;  }
#dropmenu li ul li	{ border: none; width:150px; display:block; }
#dropmenu ul {position:absolute; display:none;}
#dropmenu ul a {}
#dropmenu li ul { width:120px; height: auto; font-size:0.9em;  }
#dropmenu li ul a  { height:auto; float:left;  border-bottom:1px solid #f1f1f1; color: #666; padding: 4px 10px; width:120px; display:block; }
#dropmenu li ul span {width:120px; height:auto; float:left;  border-bottom:1px solid #FFF; color: #666;  }
#dropmenu li ul a:hover	{ color:#6d9b77; width:120px; display:block;}
#dropmenu ul ul { }
#dropmenu li ul ul {left:140px; background-color:#BBB;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none; }
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}

#dropmenu li.page-item-19	{ border-left: none; }
#dropmenu li.page-item-17	{ border-right: none; }
#dropmenu li.page-item-47, #dropmenu li.page-item-51, #dropmenu li.page-item-59, #dropmenu li.page-item-68, #dropmenu li.page-item-13 { }
#dropmenu a:hover {color:#6d9b77;}

/* slider area */
#slider { width:500px; height:296px; overflow:hidden; float:left; }
#map { width:250px; height:355px; overflow:hidden; margin:0 10px 10px 0; display:block; }
#sliderwrap { width:540px; height:296px; float:left; display:block; background:url(images/jq-bg.jpg) no-repeat; margin-left:10px; }
#video { height:304px; width:214px; display:block; float:right; margin-right:20px; background-color:#FFF; }
#video_wrapper {position:absolute; float:right; }
#mainimage {width:1004px; height:200px; display:block; margin:10px 0 0 10px;  } 

/* content */
#contentwrap { width:1024px; margin:0 auto; clear:both; }
#leftbar {width:250px; margin-left:10px; float:left; }
#leftbar li {width:240px; height:87px; display:block; text-align:right; padding:5px 10px 0 0; font-size:1.6em; font-weight:bold; margin-bottom:10px; }
#leftbar li a { text-decoration:none; color:#555; }
#leftbar li a:hover { color:#376f55; }
.sub-menu { margin-top:0 !important; }
.rightbar {width:250px; float:right; margin:0 10px 10px 0; clear:right; position:relative; }
.rightbar ul {margin:20px 10px 10px 10px; }
.rightbar ul li ul {margin:0 0 0 5px; }
.rightbar img {  }
.rightbar li {margin-bottom:10px; }
.rightbar p { margin:0 0 5px 0; font-size:1.1em; }
.rightbar a {text-decoration:none; color:#6d9b77; }
.rightbar a:hover { color:#376f55; }
.infobox {background-color:#ebebeb; padding-bottom:10px; margin-bottom:10px; overflow:hidden; }
.infobox ul {line-height:1; }
.infobox h4, .infobox h3, .infobox h2, .infobox h1 { display:block; clear:both; }

#contentwrap p.date, .news-title { color:#376f55; font-weight:bold; font-size:1.2em !important; line-height:1; }
.date {margin-bottom:0 !important; line-height:1.5; }
.maintext, .maintext2 { float:left; width:420px; margin-left:42px; position:relative;}
.maintext p, .maintext2 p, .maintext3 p {font-size:1.1em; margin-bottom:10px; }
.maintext a {color:#7d7d7d; text-decoration:underline; }
.maintext2 a {color:#6d9b77; text-decoration:none; }
.maintext a:hover, .maintext2 a:hover, .maintext3 a:hover { color:#376f55;}
.ad {margin-top:10px; }


/* internal pages */
#leftbar2 {width:150px; margin:10px 0 18px 10px; float:left; }
#leftbar2 ul { margin-left:10px; line-height:2; margin-top:20px; }
#leftbar2 a {text-decoration:none; color:#555; }
#leftbar2 a:hover {color:#376f55; }
#leftbar2 .current_page_item a {color:#6d9b77; }
#leftbar2 .current_page_item ul.sub-menu a {color:#666 !important; }
.maintext3 { width:520px; float:left; margin-left:42px; position:relative; padding-bottom:10px; }
.maintext3 ul {margin:10px 0 20px 15px; font-size:1.1em; list-style:disc; }
.maintext3 a {color:#6d9b77; }
.maintext3 h1, .maintext3 h2, .maintext3 h3, .maintext3 h4, .maintext3 h5 {clear:both; }
.rightpic { margin-right:10px; }
.leftpic {margin:10px 0 0 10px; }
#rightbarpics {width:150px; float:right; margin-right:10px; clear:right; position:relative; padding:10px 0;}
#rightbarpics img { margin-bottom:6px; }
.rightbarpics {}
.rightbarpics img { }

.sub {margin-top:0 !important; }

/* forms */
.cont-form {width:226px; margin:5px 0 0 10px; -moz-box-shadow: inset -3px -3px 3px #CCC; -webkit-box-shadow: inset -3px -3px 3px #CCC; box-shadow: inset -3px -3px 3px #CCC; }
.submit, .wpcf7-submit {width:80px; text-align:center; float:right; margin:10px 10px 0 0; clear:right; border-style:outset !important; background-color:#6d9b77; color:#FFF; }
a#submit2 {width:80px; text-align:center; float:right; margin:10px 10px 0 0; clear:right; border:2px outset buttonface !important; background-color:#6d9b77; color:#FFF !important; padding:2px; }
a#submit2 a, #submit2 a {color:#FFF !important; }
.submit2:hover, .wpcf7-submit:hover, a#submit2:hover {background-color:#376f55; }
.wpcf7-text {width:410px; }


/* list id's */
#microfluidics {background:url(images/microfluidics-tab.jpg) top right; }
#optical {background:url(images/optical-films-tab.jpg) top right; }
#coating {background:url(images/coatings-tab.jpg) top right; }
#contract {background:url(images/contracts-tab.jpg) top right; }
#circuits { background:url(images/circuits-tab.jpg) top right;}
#machining { background:url(images/machining-tab.jpg) top right; }
#micro-optics { background:url(images/micro-optics-tab.jpg) top right; }
#microfluidics:hover, #optical:hover, #coating:hover, #contract:hover, #contract:hover, #circuits:hover, #machining:hover, #micro-optics:hover {background-position:top left; }


	
/* footer */
#footerwrap {clear:both; padding:20px 0; border-top:1px solid #707070; }
#foot {width:1024px; margin:0 auto; }
#foot ul {width:250px; display:block; float:left; margin-left:10px; padding-bottom:20px; }
footer ul { width:200px !important; float:left; }
#footerwrap a {text-decoration:none; color:#7d7d7d; }
#footerwrap a:hover {color:#6d9b77; }

.widget_wysija { margin-left: 10px; }