/*
Theme Name: Irongate theme
Theme URI: www.katapult-studios.com
Description: Wordpress theme for Irongate
Version: 1.0
Author: Katapult
Author URI: www.katapult-studios.com
*/

body {margin: 0px; background: #e6e6e6 url(images/background.jpg) repeat-x; font-size: 62.5%;	text-align: center; font-family:Arial, Helvetica, sans-serif; }
a {text-decoration: underline; color: #5b5c5c}
a:hover {text-decoration: underline; color: #5b5c5c}
form {margin: 0}
img {border: 0}
hr {border: 0px; border-top: 1px dashed #a7a9ac; height: 0px; margin: 1px 5px; *border-bottom: 0;*}
.bold {font-weight: bold}
.floatleft, .alignleft {float: left; margin-right: 10px}
.floatright, .alignright {float: right; margin-left: 10px}
li {color: #5b5c5c}

.clear {
	clear:both;
	position:relative;
	font-size:0px;
	height:20px;
	line-height:0px
}

#wrapper {position:relative; margin: 0 auto; padding: 15px 0px 0px 15px; top: 10px; width: 904px; clear: both; background: transparent url(images/background-content.png);}
#wrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#background-logo {position: absolute; top: 300px; left: -44px; z-index:-9999; _display: none}
#background-logo-blog {position: absolute; top: 10px; left: -70px; z-index:-9999; _display: none}

#navigation, #navigation ul {position: relative; margin: 0px 0px 0px 0px; list-style: none; font-size: 1.1em; text-align: left}

#navigation a {
	display: block; color: #5b5c5c;
	text-decoration: none;
}

#navigation li {
	float: left;
	padding: 0; padding-bottom: 3px;
	margin-right: 20px;
}

#navigation li a {text-decoration: none;}


#navigation li ul {
	position: absolute; padding: 0; top: 1.25em; z-index: 9999 !important;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	background-color: #ffffff; 
}

#navigation li li {
	width: 13em; border-bottom: 1px solid #ffffff; padding: 0 0 0 10px; z-index: 9999
}

#navigation li ul a {text-decoration: none;

}


/*#navigation li ul ul {
	margin: 0em 0 0 13em;
}*/

/*#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
	left: -999em;
}*/
#navigation ul ul ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li li li.sfhover ul {display: none}
#navigation li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul {
	position: absolute; left: auto; z-index: 9999
}

#navigation li:hover, #navigation li.sfhover {
	/*background: #eda; border-bottom: 1px solid #cc0000*/
}

#navigation ul li ul li a:hover {text-decoration: underline}

/*navigation coloured dots*/
.page-item-2 {background: transparent url(images/nav-home.png) no-repeat bottom left;}
.page-item-2 ul {border-top: 2px solid #f38ab2}
.page-item-614 {background: transparent url(images/nav-about.png) no-repeat bottom left;}
.page-item-614 ul {border-top: 2px solid #f78e1e}
.page-item-8 {background: transparent url(images/nav-whatwedo.png) no-repeat bottom left;}
.page-item-8 ul {border-top: 2px solid #d5e04f}
.page-item-10 {background: transparent url(images/nav-clients.png) no-repeat bottom left;}
.page-item-10 ul {border-top: 2px solid #ef4236}
.page-item-12 {background: transparent url(images/nav-blog.png) no-repeat bottom left;}
.page-item-12 ul {border-top: 2px solid #0067b2}
.page-item-117 {background: transparent url(images/nav-env.png) no-repeat bottom left;}
.page-item-117 ul {border-top: 2px solid #9b5ca5}
.page-item-412 {background: transparent url(images/nav-gallery.png) no-repeat bottom left;}
.page-item-412 ul {border-top: 2px solid #18b5ea}
.page-item-178 {background: transparent url(images/nav-download.png) no-repeat bottom left;}
.page-item-178 ul {border-top: 2px solid #7bc143}
.page-item-174 {background: transparent url(images/nav-contact.png) no-repeat bottom left;}
.page-item-174 ul {border-top: 2px solid #f16e9a}


#accessibility ul {margin: 0px 0px 10px 0px; padding: 0px; list-style: none; float: right}
#accessibility ul li {float: left;}
#accessibility ul li {font-size: 1.2em; color: #5b5c5c; margin-right: 20px}

#header {display: block; width: 889px; height: 136px; background-color: #6d6e71; clear: both; text-align: left}
.logo {margin: 50px 0px 30px 50px}

#subnav {position: absolute; width: 200px; top: 70px; right: 230px; z-index: 1}
#subnav2 {position: absolute; width: 200px; top: 70px; right: 30px; z-index: 1}
/*#subnav ul {margin: 0px; padding: 0px;}*/
#subnav ul, #subnav2 ul {margin-top: 0px; padding-top: 0px; margin-right: 0px; padding-right: 0px; margin-bottom: 0px; padding-bottom: 0px; margin-left: 0px; padding-left: 0px;}
#subnav ul li, #subnav2 ul li {width: 200px; margin-bottom: 10px; padding-left: 5px}

#subnav ul li a, #subnav2 ul li a {font-size: 1.2em; color: #ffffff; text-decoration: none;}
#subnav2 ul li.arrow {list-style-image:url("images/subnav-arrow.png");}
#subnav2 ul li.people {list-style-image:url("images/subnav-people.png");}
#subnav2 ul li.tick {list-style-image:url("images/subnav-tick.png");}
#subnav ul li.env {list-style-image:url("images/subnav-env.png");}
#subnav ul li.bubble {list-style-image:url("images/subnav-bubble.png");}
#subnav ul li.cross {list-style-image:url("images/subnav-cross.png");}

#breadcrumb-bar {width: 889px; font-size: 1.2em; background-color: #e6e6e5; clear: both; margin: 5px 0px 10px 0px; text-align: left; padding: 4px 0px}
.telephonenumber {position: relative; margin: 0px 20px 0px 10px; color: #f78e1e; }
.breadcrumb {color: #5b5b5b; width: 400px;}
#searchform {float: right; margin: -2px 5px 0px 0px; padding: 0px; text-align: right; width: 230px}
#s {height: 15px; border: 1px solid #7e7e7e; background-color: #e6e6e5}
.screen-reader-text {display: none}
#searchsubmit {float: left; border: 0px; font-size: 1em; color: #6c6d6d; background-color: #e6e6e5}

#main {width: 889px; font-size: 1.2em; text-align: left; border-top: 1px dashed #a7a9ac}
#mainleft {width: 245px; float: left; height: 100%; color: #5b5c5c}
.main-left-text {display: block; width: 225px; height: 220px; padding-right: 10px; margin-left: 10px; margin-bottom: 10px;  border-right: 1px dashed #a7a9ac;}
.main-left-text h1 {width: 225px; text-transform: uppercase; font-size: 1.2em; font-weight: normal; margin: 20px 0px 10px 0px}
.stay-in-touch {display: block; width: 225px; padding-right: 10px; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; border-right: 1px dashed #a7a9ac;}
.stay-in-touch h1 {width: 225px; text-transform: uppercase; font-size: 1.2em; font-weight: normal; margin: 0px 0px 10px 0px; border-bottom: 3px solid #18b5ea}
.stay-in-touch a {color: #5b5c5c; margin-left: 20px}
.stay-in-touch form {margin-bottom: 30px}

#stay-in-touch-form input[type="text"] {width: 225px; margin-bottom: 10px}
#stay-in-touch-form input[type="submit"] {width: 60px; background-color: #18b5ea; color: #ffffff; border: 0px}


#content {position: relative; margin: 5px 5px 0px 250px }
.alignright{float: right; margin: 5px 0px 5px 5px}
.alignleft {float: left; margin: 5px 5px 5px 0px}

.minicontent {width: 193px; float: left; color: #5b5c5c; margin: 9px 12px 0px 5px; padding-bottom: 20px}
.minicontent h2 {width: 193px; height: 2.4em; vertical-align: bottom; text-transform: uppercase; font-size: 1.2em; color: #5b5c5c; font-weight: normal; margin: 0px 0px 10px 0px;}
.minicontent img {border: 1px solid #e6e6e6}
.minicontentp {width: 193px !important; height: 8em; overflow: none; margin: 0px 0px 10px 0px !important; padding: 0px !important}

.underline-orange {border-bottom: 3px solid #f78f1e}
.underline-green {border-bottom: 3px solid #7ac142}
.underline-pink {border-bottom: 3px solid #f38ab3}
.underline-red {border-bottom: 3px solid #ef4336}
.underline-blue {border-bottom: 3px solid #0067b1}
.underline-lightblue {border-bottom: 3px solid #13b6eb}
.underline-purple {border-bottom: 3px solid #9a5ba5}


#footer {position:relative; margin: 0 auto; clear: both; width: 919px; top: 10px; text-align: left; color: #5b5b5b}
.copyright {float: left; margin-left: 30px}
.footer-links {float: right; margin-right: 30px}
.footer-links ul {margin: 0px; padding: 0px; list-style: none;}
.footer-links ul li {float: left}
.footer-links ul li a {color: #5b5b5b; margin: 0px 5px}

/*second level pages*/

.main-left-navigation {display: block; width: 225px; min-height: 220px; padding-right: 10px; margin-left: 10px; margin-bottom: 10px;  border-right: 1px dashed #a7a9ac;}
.main-left-navigation h1 {width: 225px; text-transform: uppercase; font-size: 1.2em; font-weight: normal; margin: 20px 0px 10px 0px}
.main-left-navigation ul {margin: 0px; padding: 0px; list-style: none;}
.main-left-navigation ul ul {margin: 5px 0px 0px 20px; padding: 0px;}
.main-left-navigation ul li {margin-bottom: 5px}
.main-left-navigation ul li a {color: #5b5c5c; text-decoration: none;}
.main-left-navigation ul li a:hover {color: #5b5c5c; text-decoration: underline;}

#content h1 {font-size: 1.2em; float: left; width: 617px; margin: 20px 0px 10px 20px; color: #5b5c5c}
#content p {float: left; width: 600px; margin: 5px 0px 5px 20px; color: #5b5c5c}
#content .headerimage {float: left; width: 637px; padding-bottom: 5px; border-bottom: 1px dashed #a7a9ac;}

/*Blog*/
.main-left-blog {display: block; width: 225px; padding-right: 10px; margin-left: 10px; margin-bottom: 10px;  border-right: 1px dashed #a7a9ac;}
.main-left-blog h1 {width: 225px; text-transform: uppercase; font-size: 1.2em; font-weight: normal; margin: 20px 0px 10px 0px}
.main-left-blog ul {margin: 0px; padding: 0px; list-style: none;}
.main-left-blog ul ul {margin: 5px 0px 0px 20px; padding: 0px;}
.main-left-blog ul li {margin-bottom: 5px}
.main-left-blog ul li a {color: #5b5c5c;}

.main-left-blog form {margin: 0px 0px 20px 0px; padding: 0px;}
.main-left-blog input[type="text"] {width: 225px; border: 1px solid #7e7e7e; margin-bottom: 10px}
.main-left-blog input[type="submit"] {border: 0px; font-size: 1em; color: #ffffff; background-color: #f38ab2}

.main-left-blog span {display: block; margin-bottom: 10px;}
.main-left-blog span strong {display: block; color: #9a5ba5}

.blog-date {position: relative; font-size: 0.8em; clear: both; margin-left: 20px}
.blog-date:before {content:url(images/blogdate.png);}

.blog-commentlink {position: relative; float: right; font-size: 0.8em; margin-right: 20px}
.blog-commentlink:before {content:url(images/commenticon.png);}
.blog-commentlink a {color: #000000}

/*gallery*/
.main-left-title {font-size: 1.2em; color: #13b6eb}
.gallery-images img {margin: 2px}

/*forms*/

h2.formheader {display: block; font-size: 1.0em}
h2.formheader2 {display: inline-block; width: 60px; font-size: 1.0em}
.contactformquestion {padding: 2px 10px 5px 10px}
.contactformquestion p, .contactformquestion-alt p {margin: 0px; padding: 0px}
.contactformquestion-alt {background-color: #f4f4f4}
.larger .wpcf7-list-item {width: 20em; display: inline-block; }
.wpcf7-validates-as-required, .formswidth {width: 230px;}
.newline .wpcf7-list-item-label {width: 570px; display: inline-block}

.submitbtn {margin-left: 65px; width: 230px; height: 20px; background-color: #13b6eb; color: #ffffff; border: 0px; font-weight: bold}

.longformfield {width: 500px}
.relevant {display: block; clear: both}


/*contact form*/

.formheadercontact {display: inline-block; font-size: 1.0em; color: #5b5c5c; width: 190px; text-align: right; margin: 10px 0px; padding: 0px; font-weight: normal;}

.contactfield {width: 400px; border: 1px solid #9b5ba4; display: inline-block;}

.contactsubmit {color: #9b5ba4; font-weight: bold; border: 0px; background-color: transparent; margin-left: 540px; margin-bottom: 10px}


/*IE 7*/

#accessibility ul {*margin: 0px}
#header {*margin: -10px 0px 0px -15px}
#breadcrumb-bar {*margin-left: -15px}
#searchform {*float: right; *width: 220px}
#s {*float: right}
#searchsubmit {*float: left}
#mainleft {*margin-left: -10px}
#content {*margin: 5px 5px 0px 242px }
.main-left-text {*height: 239px;}
/*#subnav ul {margin: 0px; padding: 0px;}
#subnav ul li {float: left; width: 200px; margin-bottom: 10px}*/

.xerox {
	padding:5px 0px 0px 10px;
}