/* 
	----------------------
	UK2 Group
	Main site foundation
	
	8 x 88px column layout with 10px gutters.
	----------------------
*/

@import url(reset.css);
@import url(form.css);

/* base styles */ 
body,html				{ height:100%; }
body 					{ font:62.5% Arial, Verdana, sans-serif; color: #777;}

p						{ margin-bottom:1.54em; font-size:1.3em; line-height:1.54em; }

h1, h2, h3, h4, h5		{ clear:both; color:#333; font-family: Palatino, Georgia, "Times New Roman", serif; }
h1						{ margin-bottom:0.67em; font-size:3em; line-height:1.34em; font-weight:normal; }
h2						{ margin-bottom:1.11em; font-size:1.8em; line-height:1.11em; font-weight:normal; }
h3						{ margin-bottom:1.43em; font-size:1.4em; line-height:1.43em; font-weight:normal; }
h4						{ margin-bottom:1.54em; font-size:1.3em; line-height:1.54em; font-weight:bold; }

ul, ol					{ margin-bottom:2em; line-height:2em; }
ol						{ margin-left:2.4em; list-style:decimal; }
li						{ font-size:1.3em; }
ul li					{ padding-left:1.2em; background:url(../img/ui/white_arrow_on_gray-bullet.png) 0 0.4em no-repeat; }

dl						{ margin-bottom:2em; }
dt, dd					{ font-size:1.3em; line-height:1.54em; }
dt						{ font-weight:bold; }

hr						{ margin-bottom:2em; height:1px; border:0; background-color:#e0e0e0; color:#e0e0e0; }

strong					{ font-weight:bold; }

a:link					{ color:#f7911e; text-decoration:none; }
a:visited				{ color:#f7911e; text-decoration:none; }
a:hover					{ text-decoration:underline; }
a.external				{ padding-right:12px; background:url(../img/ui/outbound_link-icon.png) 100% 50% no-repeat; }

h1 a:link,
h1 a:visited,		
h2 a:link,
h2 a:visited,
h3 a:link,
h3 a:visited,
h4 a:link,
h4 a:visited			{ color:#333; }

/* top level stuff */
#container				{ position:relative; width:100%; min-height:100%;}
#accessibility			{ display:none; }


/* =header */
#header 				{ overflow:auto; background:url(../img/ui/header-bg.png) 0 100% repeat-x #000; }
#header .wrapper		{ margin:0 auto; width:77.4em; }
#header h1#logo,
#header a#logo			{ display:block; margin-bottom:2em; height:4em; width:100%; background:url(../img/ui/uk2group-logo.png) 0 100% no-repeat; font-size:1em; text-indent:-9999px; }


/* =firstnav */
#firstnav				{ margin:0; height:4em; list-style:none; }
#firstnav li			{ float:left; margin-right:1.5em; padding:0; background:none;}
#firstnav li.contact	{ margin:0;}
#firstnav li a			{ display:block; padding:0 1.5em; color:#fff; font-family: Palatino, Georgia, "Times New Roman", serif; font-size:1em; line-height:3.1em;}
#firstnav li a:hover	{ text-decoration:none; color:#f7911e; }
#firstnav li a:focus	{ color:#f7911e; }

body.home #firstnav .home a,
body.about #firstnav .about a,
body.brands #firstnav .brands a,
body.wbwh #firstnav .wbwh a,
body.news #firstnav .news a,
body.careers #firstnav .careers a,
body.contact #firstnav .contact a { background:#fff; color:#333; }


/* =stage */
#stage					{ padding-bottom:28em; background:url(../img/ui/stage-bg.png) 0 0 repeat-x;}
#stage .wrapper			{ overflow:hidden; margin:0 auto; width:77.4em; }
#stage .header			{ margin-bottom:4em; height:20em; text-align:center;}
#stage .header img		{ height:20em; width:77.4em;}


/* =content	*/
#content				{ float:right; margin-left:10.8em; width:48em; }
#content.wide			{ margin:0; width:100%;}


/* =sidebar	*/
#sidebar				{ float:left; padding-top:6em; width:18.6em; }
#sidebar p				{ font-size:1.1em; line-height:1.82em; }


/* =secondnav */
#secondnav				{ margin-top:0.91em; border-bottom:1px solid #e0e0e0; }
#secondnav li			{ margin:0; padding:0; background:none; font-size:1.1em;}
#secondnav li a			{ padding-left:0.45em; display:block; height:3.55em; line-height:3.55em; border-top:1px solid #e0e0e0; color:#777;}
#secondnav li a:hover	{ text-decoration:none; background:#f9f9f9; color:#333; }
#secondnav li a:focus	{ background:#f5f5f5; }
#secondnav .active		{ font-weight:bold; color:#333;}


/* =footer */
#footer					{ position:absolute; bottom:0; width:100%; padding:4em 0 2em 0; background:#f5f5f5; color:#999; }
#footer .wrapper		{ margin:0 auto; width:77.4em; }
#footer p				{ font-size:1.1em; }
#footer h2				{ margin-bottom:0.91em; padding-bottom:0.91em; border-bottom:1px solid #dcdcdc; font-family: Arial, Verdana, sans-serif; font-size:1.1em; line-height: 1.81em; font-weight:bold; color:#777;}
#footer li				{ padding-left:0; background:none; font-size:1.1em; }
#footer .active a		{ color:#333; }
#footer li a			{ color:#999; }
#footer li a:hover		{ border:0; text-decoration:none; color:#333; }
#footer li a:focus		{ outline:1px dotted #777; color:#f7911e; }
#footer .uk2group		{ float:left; width:18.6em; }
#footer .our_brands		{ float:left; margin-left:1em; width:28.4em; }
#footer .our_brands li	{ float:left; margin-right:0.9em; width:8em; }
#footer .brands li.last	{ margin-right:0; }
#footer .what_we_do		{ float:left; margin-left:1em; width:28.4em; }


/* section headers */
body.news #stage .header	{ background:url(../img/news-header.jpg) 0 0 no-repeat;}


/* =misc */
.hide					{ display:none; }
a.button				{ float:left; display:block; margin-bottom:1.82em; padding:0 1.82em 0 0.45em ; width:auto; border:1px solid #dedede; background:url(../img/ui/button-bg.png) 100% -10px no-repeat #fff; font-size:1.1em; line-height:1.636em; color:#777; }
a.button:hover			{ background-position:100% -50px; color:#333;}
a.button:focus			{ background-position:100% -90px; color:#000;}

/* temp grid stuff */
/*#stage .wrapper 		{ background:url(../img/ui/grid.png); }  */