/*
	Irongate Group screen styles

	Table of contents:
		Look & feel / typography
		Page-specific styles
		Form Styles
*/

body{
	background-color:#999;
}
a{
	color:#f60;
	font-weight:bold;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
h1{
	background-color:#FFFFFF;
	color:#6c3;
	font-size:1.5em;
	font-weight:normal;
	margin:0.5em 0 0.2em;
}
h2{
	background-color:#fff;
	clear:left;
	color:#999;
	font-size:1.25em;
	margin-bottom:0;
}
hr
{
    clear:both;
    height:0;
    border:0;
    border-bottom:1px solid #999;
}
#header *{
	margin:0;
}
#header h2{
    background-color:transparent;
    color:#FFFFFF;
    font-size:1.2em;
    font-weight:bold;
    letter-spacing:0.175em;
    margin:1.5em 1.5em 0 0;
    position:absolute;
    right:0;
    text-align:right;
    top:0;
    width:175px;
}
#header ul{
	right:0;
	top:6em;
	margin-right:12px;
	position:absolute;
	list-style:none;
	height:2em;
}
#header li{
	display:inline;
	position:relative;
	margin:0;
}
#header li a{
	background-color:#999;
	color:#fff;
	float:left;
	display:block;
	padding:0.25em 0.75em 0.25em 0.75em;
	text-decoration:none;
}
#header li a:hover{
	text-decoration:underline;
}
#header li span{
	background-color:#6c3;
	color:#fff;
	float:left;
	font-weight:bold;
	display:block;
	position:relative;
	top:-0.55em;
	padding:0.8em 0.75em 0.25em 0.75em;
}
#menucontainer{
	text-align:center;
}
#menucontainer a{
	background-color:#78757e;
	color:#fff;
}
#menu{
	text-align:left;
}
#menu #welcome{
	color:#666;
}
#menu #welcome strong{
	color:#000;
}
#menu a{
	background-color:transparent;
	color:#f60;
	text-decoration:underline;
}
#menu a:hover{
	text-decoration:none;
}
#menu h1{
	margin-bottom:0;
	margin-top:1em;
}
#menu h2{
	background-color:transparent;
	color:#6c3;
	margin-bottom:0;
	font-weight:normal;
	font-size:1.5em;
}
.contact #menu h2{
	color:#000;
	font-size:1.25em;
	font-weight:bold;
}
#menu form *{
	line-height:1em;
}
#menu form ol{
	list-style:none;
	margin:1em 0;
}
#menu form li{
	float:left;
}
#menu form li a{
	background-color:#ccc;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:1em;
	padding:4px 6px 5px;
	margin-top:1px;
}
#menu form li a:hover{
	background-color:#6c3;
	text-decoration:none;
}
#menu form label{
	color:#ccc;
	font-weight:bold;
	font-size:0.85em;
}
#menu form input{
	border:1px solid #ccc;
	color:#ccc;
	font-size:0.85em;
	margin-right:0.25em;
	padding:3px 0 3px 3px;
	line-height:1.25em;
	width:10.5em;
}
#menu form #searchbutton{
	display:none;
}
#menu ul{
	list-style:none;
	margin:1em 0;
}
#menu ul li{
	margin:0.25em 0;
}
#menu li a{
	color:#000;
	display:block;
	font-weight:normal;
	text-decoration:none;
	padding-left:1em;
}
#menu li a:hover{
	text-decoration:underline;
}
#menu li span{
	background:transparent url(../assets/ig_menu_arrow.gif) no-repeat scroll left 5px;
	display:block;
	padding-left:1em;
}
#menu ul.landing-nav li{
	display:block;
}
#menu ul.landing-nav li a{
	border:0;
	margin:0;
	padding:0;
}
#footer{
	color:#333;
	font-size:0.85em;
	padding-top:2em;
	margin-bottom:3em;
}
#footer p{
	margin:0;
}
#footer a{   
	font-weight:normal;
	color:#333;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer ul{
	list-style:none;
	margin:0.25em auto;
	text-align:center;
	width:100%;
}
#footer ul li{
	display:inline;
	height:1.25em;
}
#footer ul li a, #footer ul li span{
	background-color:#999;
	border-left:1px solid #666;
	color:#fff;
	font-weight:bold;
	margin-left:0.5em;
	padding-left:0.5em;
}
#footer ul li.first *{
	border:0;
}
#footer ul.contactinfo{
	clear:left;
	list-style:square;
	margin:0;
}
#footer ul.contactinfo li{
	background:transparent url(../assets/ig_bullet_sm.jpg) no-repeat scroll center left;
	border:0;
	padding-left:10px;
	margin-left:5px;
}
#content-bottom .illustration{
	margin:0;
}
#content-bottom  h1.illustration{
	background-color:#6c3;
	color:#fff;
	font-size:1.5em;
	font-weight:normal;
	line-height:1em;
	padding:0.25em 0.75em;
	position:absolute;
	width:auto;
}
p.inset_picture
{
    float:right;
    margin:0.5em 0 0 5em;
}
#slideshow{
	height:250px;
	overflow:hidden;
	position:relative;
}
#slideshow h1{
	background-color:#6c3;
	color:#fff;
	font-size:1.5em;
	font-weight:normal;
	line-height:1em;
	padding:0.25em 0.75em;
	position:absolute;
	width:auto;
}
ul.landing-nav{
	float:left;
	list-style:none;
	margin:1em 0;
	padding:0;
}
ul.landing-nav li{
	display:inline;
}
ul.landing-nav li a, ul.landing-nav li span{
	border-left:1px solid #999;
	display:block;
	float:left;
	padding-left:0.3em;
	position:relative;
	margin-left:0.3em;	
}
ul.landing-nav li.first span, ul.landing-nav li.first a{
	border:0;
	margin:0;
	padding:0;
}
.homepage #content-bottom ul{
	border-top:1px dotted #ccc;
	list-style:none;
	margin:1em 0;
	padding:1em 0 0 0;
}
.homepage #content-bottom ul li{
	float:left;
	width:15em;
	margin-right:1.15em;
}
.homepage #content-bottom ul li p{
	margin:0;
}
.homepage #content-bottom li#catalogues{
	float:none;
	margin:0;
}
.homepage #animation, .homepage #animation2, .homepage #animation3, .homepage #animation4, .homepage #animation5{
	height:250px;
	position:absolute;
	overflow:hidden;
}
.homepage h1#innovation{top:2em; left:0;}
.homepage h1#reward{top:2em; right:0;}
.homepage h1#application{top:2em; right:0;}
.homepage h1#vision{top:2em; right:0;}
.homepage h1#first{top:2em;}
.landing   h1#advantages{top:2em; right:2.35em;}
.faq   h1#faq{top:2em; right:2.35em;}
.landing   h1#solutions{top:3em;}
.landing   h1#casestudies{top:2em;}
#brochures{
	position:absolute; 
	right:3em; 
	top:10em;
}
#igmagazine{
    position:absolute;
    top:49em;
    right:6em;
}
.howtofindus p#introduction{
	left:3.5em;
	position:absolute;
	top:5em;
	width:24em;
}
.howtofindus ul#address{
	left:8em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	line-height:1.1em;
	position:absolute;
	text-align:right;
	top:16.4em;
}
.howtofindus ul#contact{
	left:5.75em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	line-height:1.15em;
	position:absolute;
	text-align:right;
	top:21.6em;
}
.howtofindus #printlink{
	bottom:9em;
	position:absolute;
	right:4.25em;
}
.newsitem-image
{
    float:right;
    width:300px;
    margin-left:20px;
    margin-bottom:5px;
}
.newsitem-image .caption
{
    background-color:#6c3;
    color:#fff;
    padding:3px;
}


/* Form Styles */

#forminstruction{
	margin:0;
}
.required{
	background-color:#fff;
	color:#6c3;
	font-weight:bold;
	font-size:1.5em;
	line-height:0;
}
.form{
	width:31em;
}
.form ol{
	list-style:none;
	margin:0;
	padding:0;
}
.form li{
	clear:both;
	margin:0.2em 0;
}
.form fieldset{
	border-bottom:1px dotted #999;
	border-top:0 none #fff;
	margin-bottom:1em;
	padding-bottom:1em;
}
.form fieldset p{
	margin:0;
	text-align:left;
}
.form input, .form textarea{
	border:1px solid #999;
	color:#666;
	width:48%;
}
.form label{
	color:#000;
	display:block;
	float:left;
	text-align:right;
	margin-right:0.5em;
	width:14em;
}
.form fieldset.radio input{
	border:0;
	float:left;
	width:auto;
}
.form fieldset.radio label{
	float:left;
	text-align:left;
	width:90%;
}
.form fieldset.brochure li{
	clear:none;
	float:left;
}
.form fieldset.brochure label{
    float:left;
    width:370px;
}
p.button{
	text-align:right;
	margin-top:2em;
	margin-right:1em;
	width:30em;
}
p.button a{
	background-color:#6c3;
	color:#fff;
	padding:0.5em;
	text-decoration:none;
}
p.button a:hover{
	background-color:#999;
	text-decoration:underline;
}