/*

[ CSS Document ]

	Style Sheet Name: emu_style.css
	Website: Tall Emu)
	Author: Jimmyweb Web Design
	Author URL: www.jimmyweb.net
	Version: 1.0
	Date: 07/04/2010

[ Table Of Contents ]

	0- Reset
	1- Global
	2- Headings
	3- Header
	4- Navigation
	5- Main Content Elements
	6- Main Content
	7- Extras
	8- Forms
	9- Footer

[ Colour Reference Guide ]

	Black: #000000
	White: #ffffff - (Used for...)
	Etc...

*/


/* ����������������������������������������������������������������
   =0 Reset
������������������������������������������������������������������� */

/* Universal - reset browser default styles */
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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, 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 {
	margin: 		0;
	padding: 		0;
	border: 		0;
	outline: 		0;
	font-size: 		100%;
	vertical-align: baseline;
	background: 	transparent;
}
body {
	line-height: 	1;
}
ol, ul {
	list-style: 	none;
}
blockquote, q {
	quotes: 		none;
	font-style:		italic;
}
:focus {
	outline: 		0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* Tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ����������������������������������������������������������������
   =1 Global
������������������������������������������������������������������� */

/* General style applied to HTML */
html {
	text-align: 	left;
	padding: 		0;
	margin: 		0;
	border: 		0;
	font-family: 	Arial, Helvetica, sans-serif;
	width: 			100%;
}
/*
	background: #fff url(../images/bg-main.jpg) top center repeat;
	background: url(../images/bg-top.jpg) top center repeat-x;
*/

/* Body style */
body {
	clear: 			both;
	line-height: 	1;
	vertical-align: top;
	background: 	url(../images/bg-main.jpg) top center repeat;
	color: 			#000;
	padding: 		0;
	margin: 		0 auto;
	text-align: 	left;
}
#containerWrap {
	clear: 			both;
	padding: 		22px 0 0 0px;
	margin: 		0;
	text-align: 	left;
	width: 			100%;
	background: 	#fcfcfc url(../images/bg-top.jpg) top center repeat-x;
}
/* Preset global styles */
.right {
	float: 			right;
}
.left {
	float: 			left;
}
.align-left {
	text-align: 	left;
}
.align-right {
	text-align: 	right;
}
.align-center {
	text-align:		center;
}
.justify {
	text-align:		justify;
}
.hide {
	display: 		none;
}
.clear {
	clear: 			both;
}
.bold {
	font-weight:	bold;
}
.italic {
	font-style:		italic;
}
img.centered {
	display: 		block;
	margin-left: 	auto;
	margin-right: 	auto;
}
img.alignleft {
	float: 			left;
	margin: 		4px 10px 4px 0px;
}
img.alignright {
	float: 			right;
	margin: 		4px 0px 4px 10px;
}
.spacer {
	display: 		block;
	clear: 			both;
	visibility: 	hidden;
	line-height: 	0;
	height: 		0;
}
/* ����������������������������������������������������������������
   =2 Headings
������������������������������������������������������������������� */

/* General headings */
h1 {
	font-size: 		11px;
	color: 			#eeeeee;
	margin: 		0px;
	padding: 		0px;
	font-weight: 	900;
	position: 		absolute;
	top: 			-17px;
	left: 			0;
	text-shadow:	0 1px 1px rgba(64, 64, 64, 0.53);
}
h2, h3, h4, h5, h6 {
	color: 			#000;
	font-weight: 	500;
	text-shadow:	0 1px 1px rgba(64, 64, 64, 0.13);
}
h2 {
	font-size: 		1.5em;
	margin: 		0 0 0.8em 0;
	line-height: 	1.2em;

}
h3 {
	font-size: 		1.1em;
	margin: 		0 0 0.5em 0;
}
h4 {
	font-size: 		1.0em;
	margin: 		0 0 0.9em 0;
	font-weight: 	900;
}
h5 {
	font-size: 		0.9em;
	margin: 		0 0 0.5em 0;
}
h6 {
	font-size: 		0.8em;
	margin: 		0 0 0.2em 0;
	font-weight: 	900;
}
/* ����������������������������������������������������������������
   =3 Header
������������������������������������������������������������������� */

/* Header section style */
#header {
	position: 		relative;
}
#logo {
	margin:  		0px 0px 0px 10px;
	padding: 		0px 0px 0px 0px;
}
#contactHead {
	position: 		absolute;
	top: 			78px;
	right: 			8px;
	text-align: 	right;
}
#contactHead p {
	color: 			#000000;
	font-size: 		0.7em;
	font-weight: 	900;
	margin:  		10px 0px 0px 0px;
	text-shadow:	0 1px 1px rgba(64, 64, 64, 0.33);
}
#superSize {
	font-size: 		1.6em;
}
/* Carousel section */
#carousel {
	background: 	url(../images/bg-carousel.png) top center no-repeat;
	width: 			265px;
	height: 		145px;
	padding: 		0px 0px 0px 66px;
	position: 		absolute;
	top: 			77px;
	right: 			250px;
        z-index:                800;
}
#carousel blockquote p {
	color: 			#000000;
	font-size: 		1em;
	font-weight: 	900;
	margin:  		5px 0px 0px 0px;
	text-shadow:	0 1px 1px rgba(64, 64, 64, 0.33);
	font-style: 	normal;
}
#carousel blockquote p cite{
	color: 			#000000;
	font-size: 		0.7em;
	font-weight: 	500;
	margin:  		5px 0px 0px 0px;
	text-shadow:	0 1px 1px rgba(64, 64, 64, 0.33);
	position: 		absolute;
	bottom: 		10px;
	right: 			17px;
	font-style:		italic;
}
.stepcarousel {
	position: 		relative; /*leave this value alone*/
	overflow: 		scroll; /*leave this value alone*/
	width: 			262px; /*Width of Carousel Viewer itself*/
	height: 		125px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
	position: 		absolute; /*leave this value alone*/
	left: 			0;
	top: 			0;
}
.stepcarousel .panel {
	float: 			left; /*leave this value alone*/
	overflow: 		hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 			250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	position: 		relative;
	margin:  		0px 25px 0px 0px;
	padding: 		10px 10px 0px 0px;
	height: 		110px; /*Height should enough to fit largest content's height*/
}
#galPaginate {
	position: 		relative;
	z-index: 		1000;
}
/* ����������������������������������������������������������������
   =4 Navigation
������������������������������������������������������������������� */

/* Main Navigation - Horizontal style */
#mainNav {
	margin:  		0px 0px 0px 0px;
	padding: 		0px 0px 0px 145px;
	width:   		858px;
	height: 		57px;
        position:   relative;
        z-index:   10000;
}
#mainNav li {
	display: 		inline;
	float: 			left;
	font-size: 		0.54em;
	font-weight: 	900;
	margin: 		0px 0px 0px 0px;
	text-align: 	center;
}
#mainNav li.depth_1 a.depth_1 {
        font-size:              1.4em;
}
#mainNav li a {
	display: 		block;
	padding: 		12px 0px 20px 0px;
	width: 			128px;
	text-shadow:	0 1px 1px rgba(255, 255, 255, 0.23);
}
#mainNav li a:link, #mainNav li a:visited {
	text-decoration: none;
	color:			#fff;
	background-image: url(../images/tabs1.png);
	background-repeat: none;
	background-position: 0px 0px;
}
#mainNav li a:hover, #mainNav li a.current {
	color:			#fff;
	text-decoration: none;
	background-image: 	url(../images/tabs1.png);
	background-repeat: none;
	background-position: -127px 0px;
}
/* Main Navigation - Drop downs */
#mainNav li ul {
	border-top: 	1px solid #545555;
	border-left: 	1px solid #545555;
	border-right: 	1px solid #545555;
}
#mainNav li li {
	font-size: 		1em;
	text-align: 	left;
	border-bottom: 	1px solid #545555;
}
#mainNav li li a {
	padding: 		8px 16px 8px 10px;
}

#mainNav li li a:link, #mainNav li li a:visited {
	background-image: 	url(../images/drop.jpg);
	background-repeat: x;
	background-position: 0px 0px;
}
#mainNav li li a:hover, #mainNav li li a.current, #mainNav li.minor ul li a.current {
	background-image: 	url(../images/drop.jpg);
	background-repeat: x;
	background-position: 0px -27px;
}




/* Main Navigation - Two smaller nav items */
#mainNav li.minor a {
	display: 		block;
	padding: 		12px 0px 15px 0px;
	width: 			106px;
}
#mainNav li.minor a:link, #mainNav li.minor a:visited {
	text-decoration: none;
	color:			#fff;
	background-image: 	url(../images/tabs2.png);
	background-repeat: none;
	background-position: 0px 0px;
}
#mainNav li.minor a:hover {
	color:			#fff;
	text-decoration: none;
	background-image: 	url(../images/tabs2.png);
	background-repeat: none;
	background-position: -106px 0px;
}
/* Main Navigation - Two smaller nav items - Drop downs */
#mainNav li.minor li {
	font-size: 		1em;
	text-align: 	left;
}
#mainNav li.minor li a {
	padding: 		8px 16px 8px 10px;
}
#mainNav li.minor li a:link, #mainNav li.minor li a:visited {
	background-image: 	url(../images/drop.jpg);
	background-repeat: x;
	background-position: 0px 0px;
}
#mainNav li.minor li a:hover {
	background-image: 	url(../images/drop.jpg);
	background-repeat: x;
	background-position: 0px -27px;
}



/* ����������������������������������������������������������������
   =5 Main Content Elements
������������������������������������������������������������������� */

/* General paragraph style */
p {
	color: 			#42403a;
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		0.9em;
	line-height: 	1.3em;
	margin: 		0px 0px 0px 0px;
	padding: 		0em 0px 1.5em 0px;
	text-shadow:	0 1px 1px rgba(64, 64, 64, 0.13);
}
strong {
	color: 			#000;

}
blockquote {
	font-style:		italic;
	quotes: 		none;
}
/* General list styles  */
#content ul {
	list-style-type: disc;
}
#content ol {
	list-style-type: decimal;
}
#content ul, #content ol {
	color: 			#42403a;
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		0.9em;
	line-height: 	1.3em;
	margin: 		0px 0px 0px 50px;
	padding: 		0em 0px 1.5em 0px;
	text-shadow:	0 1px 1px rgba(64, 64, 64, 0.13);
}
/* General link styles  */
#content a:link, #content a:visited {
	color:			#0056ca;
	text-decoration: none;
}
#content a:hover {
	color:			#b40000;
	text-decoration: none;
}
/* ����������������������������������������������������������������
   =6 Main Content
������������������������������������������������������������������� */

/* Sitewide Content --------------------- */

/* Content wrappers */
#container {
	clear: 			both;
	margin: 		0px auto 0px;
	text-align: 	left;
	width: 			982px;
	position: 		relative;
}
#emu {
	position: 		absolute;
	bottom: 		0;
	right: 			0;

}
#content {
	background: 	url(../images/side.png) top right repeat-y #FFFFFF;
	float: 			left;
	margin:  		2px 0px 0px 0px; /* work for standard browser */
        *margin:                22px 0px 0px 0px; /* work for ie6/7 */
	padding: 		0px 0px 0px 0px;
	width: 			982px;
	position: 		relative;
}
/* ------- Main Content ------- */
#mainContent {
	float: 			left;
	margin:  		0px 0px 0px 10px;
	padding: 		50px 0px 30px 20px;
	width: 			680px;
        position:               relative;
}

#sideLeft {
position: absolute;
top: 0;
left: -36px;
}

#sideRight {
position: absolute;
top: 0;
right: -296px;
}

#boxBase {
    left: 18px;
    position: absolute;
    top: 0px;
}

/* ------- Side Content ------- */
#sideContent {
	float: 			right;
	margin:  		0px 0px 0px 0px;
	padding: 		50px 0px 270px 0px;
	width: 			212px;
}
#sideContent p {
	font-size: 		0.8em;
}
#sideContent #client {
	background: 	url(../images/bg-client.jpg) top left no-repeat;
	width: 200px;
	height: 90px;
	display: block;
	padding: 5px;
	margin: 0 0 20px 0;

}
/* Sub Level Content --------------------- */

/* Side nav column on sub level pages */
#mainSide {
	float: 			left;
	width: 			173px;
	margin: 		58px 15px 0 0;
	padding: 		0px 5px 0px 0px;


}
#mainSide ul {
	margin:  		0px 0px 0px 0px;
	padding: 		0px 0px 0px 0px;
	list-style: 	none;
	border-bottom: 1px solid #cbcccf;
}
#mainSide ul ul, #mainSide ul ul ul {

	border-bottom: none;
}
#mainSide ul li {
	margin:  		0px 0px 0px 0px;
	padding: 		0px 0px 0px 0px;
	font-size: 		10px;
	line-height: 	12px;
	border-top: 1px solid #cbcccf;

}
#mainSide ul li li{
	margin:  		0px 0px 0px 0px;
	padding: 		0px 0px 0px 0px;
	font-size: 		10px;
	line-height: 	12px;
}
#mainSide ul li a {
	margin:  		0px 0px 0px 0px;
	padding: 		6px 0px 6px 0px;
	display: 		block;

font-size: 11px;
}
#mainSide ul li a:link, #mainSide ul li a:visited {
color: #888888;
}
#mainSide ul li a:hover {
color:#000;
}
#mainSide ul li li a {
	margin:  		0px 0px 0px 0px;
	padding: 		6px 0px 6px 15px;
	background: 	url(../images/arrow1.png) center left no-repeat;
}
#mainSide ul li li li a {
	margin:  		0px 0px 0px 0px;
	padding: 		6px 0px 6px 30px;
	background: 	url(../images/arrow2.png) center left no-repeat;
}
#mainSide ul li li li li a {
	margin:  		0px 0px 0px 0px;
	padding: 		6px 0px 6px 45px;
}
#mainSide ul li li li li li a {
	margin:  		0px 0px 0px 0px;
	padding: 		6px 0px 6px 60px;
}
#mainSide ul li a.active {
color: #b40000;
}


#mainContentCore {
	float: 			left;
	width: 			485px;
}
/* Take Out on sub level pages */
#takeOut {
	margin:  		0px;
	padding: 		14px 0px;
	color: 			#b40000;
	border-top: 	1px solid #b40000;
	border-bottom: 	1px solid #b40000;
	font-size: 		1.0em;
	line-height: 	1.7em;
}
#takeOut p {
        color:      #b40000;
        padding: 0px;
        margin:  0px;
}
/* Tags - on case study pages */
#tags {
}
#tags p{
	font-size: 		0.7em;
	margin:  		0px 0px 0px 0px;
	padding: 		0px 0px 6px 0px;

}
#tags ul {
	margin:  		0px 0px 0px 0px;
	padding: 		0px 0px 0px 20px;

}
#tags ul li {
	font-size: 		0.7em;
	margin:  		0px 0px 0px 0px;
	padding: 		0px 35px 0px 0px;
	float: 			left;


}
#tags ul li a {

}
#industry {
	clear: both;
	font-size: 		0.7em;
	margin:  		0px 0px 20px 0px;
	padding: 		10px 0px 0px 0px;


}
/* (Specific section/page) Content --------------------- */

/* (Specific section/page) Content --------------------- */




/* ����������������������������������������������������������������
   =7 Extras
������������������������������������������������������������������� */

/* Image styles  */

/* Fader style - used for jQuery Innerfade  */
#fader {
}
/* Other jQuery styles */

/* Google Map style */
#mapWrap {
clear: both;
position: relative;
margin-bottom: 30px;
}
#map {

}
#mapTop {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
}
#mapLeft {
position: absolute;
top: 9px;
left: 0;
z-index: 1001;
}
#mapRight {
position: absolute;
top: 9px;
right: 1px;
z-index: 1002;
}
#mapBot {
position: absolute;
bottom: 0px;
left: 0px;
z-index: 1003;
}

/* Video style */



/* ����������������������������������������������������������������
   =8 Forms
������������������������������������������������������������������� */

/* Form elements - general */

#formWrap {
width: 485px;
float: left;
margin-bottom: 40px;
}
#formWrap h2 {

}
#formWrap p {
	margin: 		0 0 0 0;
}
/* Form elements - class "Form"  */
#content ul.form {
	list-style-type: none;
	margin: 		0;
	padding: 		0;
}
ul.form li {
	margin: 		5px 0;
	position: 		relative;
	font-size: 		11px;
}
ul.form li label {
	float: 			left;
	text-align: 	right;
	width: 			80px;
	padding: 		2px 15px 0 0;
	font-size: 		11px;
	text-shadow:	0 1px 1px rgba(64, 64, 64, 0.13);
}
ul.form li label.error {
	color:			#eb856a;
        width:                  100%;
        float:                  none;
        padding-left:           95px;
}
ul.form li input {
	padding: 		2px;
}
ul.form li textarea {
	padding: 		2px;
}
ul.form li select {
	padding: 		2px;
	outline: 		hidden;
}
ul.form li select option {
	padding-right: 	10px;
	padding-left: 	2px;
	outline: 		hidden;
}
ul.form li.btnSubmit input {
	padding: 		2px 20px;
	margin: 		10px 0 20px 95px;
}
#postalDetails {
	background-color:#f6f6f4;
	padding: 		2px 0;
}
ul.form li .legend {
	display: 		block;
	float: 			left;
	text-align: 	right;
	width: 			140px;
	padding: 		2px 15px 0 0;
	font-size: 		11px;
	text-shadow:	0 1px 1px rgba(64, 64, 64, 0.13);
}
#content ul.form li ul.radioGroup {
	list-style-type: none;
	margin: 		0 0 -15px 0;
	padding: 		0;
	float: 			none;
	position: 		relative;
	top: 			-21px;
	left: 			155px;
}
#content ul.form li ul.radioGroup li {
	margin: 		2px 0;
	position: 		relative;
	font-size: 		11px;
}
#content ul.form li ul.radioGroup li label {
	float: 			none;
	text-align: 	left;
	padding: 		0px 0px 0px 0;
	font-size: 		11px;
	text-shadow:	0 1px 1px rgba(64, 64, 64, 0.13);
	position: 		relative;
	top: 			-3px;
}

#emailAddress, #subject, #msgBody {width: 365px;}
#msgBody {height: 120px;}


/*
����������������������������������������������������������������
   =9 Footer
�������������������������������������������������������������������
*/

/* Footer */
#footerWrap {
	clear: 			both;
	width: 			100%;
	text-align: 	center;
	background: 	url(../images/bg-main.jpg) top center repeat;
}
#footerInnerWrap {
	background: 	url(../images/bg-footerTop.jpg) top center repeat-x;
	clear: 			both;
	width: 			100%;
	text-align: 	center;
}
#footer {
	clear:			both;
	width: 			980px;
	margin: 		0px auto;
	padding: 		20px 0 40px;
	text-align: 	left;
}
#footer ul {
	width: 			20%;
	float: 			left;
	margin-bottom: 	20px;
}
#footer ul li {
	color:			#fff;
	font-size: 		0.7em;
	line-height: 	1.5em;
}
#footer ul li a {
	display: 		block;
	padding: 		0px 0 0px 9px;
	height: 		19px;
}
#footer ul li a:link, #footer ul li a:visited {
	color:			#c7c5bf;
	text-decoration: none;

}
#footer ul li a:hover {
	color:			#fff;
	text-decoration: none;
	background: 	url(../images/footNav.jpg) top left no-repeat;

}

#footer ul li strong a:link, #footer ul li strong a:visited, #footer ul li strong a:hover {
	color:			#fff;
	margin-bottom: 	6px;
}
#subFooter {
	position:		relative;
	width: 			982px;
	float: 			left;
	background: 	url(../images/subFooter.jpg) top center no-repeat;
	border-top: 	1px solid #3D9128;
	padding: 		0px 0 40px;
}
#footContactBtn {
	position: 		absolute;
	top: 			0;
	right: 			120px;
}
#subFooter1 {
	width: 			100px;
	float: 			left;
	margin-left: 	105px;
	padding: 		13px 0 0px;
}
#subFooter2 {
	width: 			300px;
	float: 			left;
	padding: 		13px 0 0px;

}
#subFooter3 {
	width: 			300px;
	float: 			right;
	text-align: 	right;
	margin-right: 	120px;
	padding: 		30px 0 0px;
}
#subFooter3 p {
    margin-top: 5px;
}
#footer p {
	color:			#c7c5bf;
	font-size: 		0.7em;
	line-height: 	1.5em;
}
#footer p a:link, #footer p a:visited {
	color:			#c7c5bf;
	text-decoration: none;
}
#footer p a:hover {
	color:			#fff;
	text-decoration: none;
}






#content #siteMap
{
    margin-left: 40px;
    font-size: 1em;
    text-transform: lowercase;
}

#siteMap ul {
    margin-left: 40px;
    padding: 0px;
    margin-bottom: 10px;
}

#siteMap li a {
    padding: 5px 0px 5px 20px;
    width: auto;
    background: url(/images/list_bullet.gif) no-repeat left center;
    line-height: 1.6em;
}