/* CSS Document */


/* MAIN STYLES */

body {
	background-color: #555a23;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#3e3e40;
}

img {
	border:0;
}

.invisible {
	position:absolute;
	left:0px;
	top:-5000px;
	width:1px;
	height:1px;
	overflow:hidden;
}



/* STRUCTURE STYLES */

.horizon {
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	margin-top:-287px;
	min-width:960px;
}

.background {
	position:absolute;
	display:block;
	width:100%;
	height:574px;
	left:0;
	top:0;
	background-position:top center;
	background-repeat:no-repeat;
	overflow:hidden;
	z-index:10;
}

.wrapper {
	position: relative;
	display:block;
	width: 960px;
	height: 574px;
	overflow:hidden;
	margin: 0 auto;
	z-index:15;
}

.mainContent {
	position: relative;
	display:block;
	width: 960px;
	height: 463px;
	overflow:auto;
	padding:0;
}


/* HEADER BITS */

.globalHeader {
	position:relative;
	display:block;
	width:960px;
	height:110px;
}

.crocLogo {
	position:absolute;
	display:block;
	width:173px;
	height:61px;
	left:30px;
	top:40px;
	margin:0;
	padding:0;
}

.altNav {
	position:relative;
	display:block;
	float:right;
	max-width:720px;
	height:auto;
	padding:55px 60px 0 0;
	margin:0;
	font-size:0.7em;
	color:#808080;
	line-height:1.4em;
}

.altNav a, .altNav a:link, .altNav a:visited {
	font-weight:bold;
	color:#808080;
	text-transform:uppercase;
	text-decoration:none;
	background-color:#fff;
}

.altNav a:hover, .altNav a:active, .altNav a:focus {
	color:#555a23;
	text-decoration:none;
}

.altNav .selected {
	color:#555a23;
}

.altNav .line {
	position:relative;
	display:block;
	float:left;
	clear:left;
}

.globalNav {
	position:relative;
	display:block;
	float:right;
	max-width:720px;
	height:auto;
	padding:55px 30px 0 0;
	margin:0;
}

.globalNav ul {
	position:relative;
	display:block;
	height:auto;
	padding:0;
	margin:0;
	list-style:none;
	list-style-image:none;
}

.globalNav ul li {
	font-size:100%;
	position:relative;
	display:block;
	float:left;
	width:auto;
	height:auto;
	padding:0 7px 2px 6px;
	margin:0;
	background:url(/media/images/global/global_nav_line.gif) center right  no-repeat;
}

.globalNav .last {
	padding-right:0;
	background:none;
}

.globalNav a, .globalNav a:link, .globalNav a:visited {
	font-size:0.7em;
	font-weight:bold;
	color:#808080;
	text-transform:uppercase;
	text-decoration:none;
}

.globalNav a:hover, .globalNav a:active, .globalNav a:focus {
	color:#555a23;
	text-decoration:none;
}

.globalNav .selected, .globalNav .selected:link, .globalNav .selected:visited {
	font-size:0.7em;
	font-weight:bold;
	color:#555a23;
	text-transform:uppercase;
	text-decoration:none;
}

.globalNav .selected:hover, .globalNav .selected:active, .globalNav .selected:focus {
	color:#555a23;
	text-decoration:none;
}

/* FOOTER */

.footer {
	position: relative;
	display:block;
	width: 960px;
	height: 26px;
	overflow:hidden;
	margin: 0 auto;
}

.footerLeft {
	margin:0;
	padding:7px 10px 0 30px;
	color:#808080;
	float:left;
	font-size:0.65em;
}

.footerRight {
	margin:0;
	padding:7px 30px 0 30px;
	color:#808080;
	float:right;
	font-size:0.65em;
}

.footerRight a, .footerRight a:link, .footerRight a:visited {
	color:#808080;
	text-decoration:none;
}

.footerRight a:hover, .footerRight a:active, .footerRight a:focus {
	color:#fff;
	text-decoration:underline;
}


/* COLUMNS */

.halfColumn {
	position: relative;
	display:block;
	float:left;
	width:430px;
	height:auto;
	margin:0;
	padding:0 10px 0 30px;
}

.oneThirdColumn {
	position: relative;
	display:block;
	float:left;
	width:273px;
	height:auto;
	margin:0;
	padding:0 10px 0 30px;
}

.twoThirdColumn {
	position: relative;
	display:block;
	float:left;
	width:586px;
	height:auto;
	margin:0;
	padding:0 10px 0 30px;
}

.halfColumnWithNav {
	position: relative;
	display:block;
	float:left;
	width:330px;
	height:auto;
	margin:0;
	padding:0 10px 0 30px;
}

.singleColumnWithNav {
	position: relative;
	display:block;
	float:left;
	width:550px;
	height:auto;
	margin:0;
	padding:0 10px 0 10px;
}

.singleColumnNav {
	position: relative;
	display:block;
	float:left;
	width:210px;
	height:auto;
	margin:0;
	padding:0 10px 0 30px;
}


/* SIDE NAV */

.mainContent .left_link {
	position: relative;
	display:block;
	float:left;
	width:100%;
	height:auto;
	margin:0.6em 0 0 0;
	padding:0;
	list-style:none;
	list-style-image:none;
}

.mainContent .left_link li {
	line-height:1.2em;
	font-size:0.7em;
	margin:0.6em 0;
	padding:0;
	background:none;
}

.mainContent .left_link li a, .mainContent .left_link li a:link, .mainContent .left_link li a:visited {
	color:#808080;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
}

.mainContent .left_link li a:hover, .mainContent .left_link li a:active, .mainContent .left_link li a:focus {
	color:#555a23;
	text-decoration:none;
}

.mainContent .left_link li .currentpage, .mainContent .left_link li .currentpage:link, .mainContent .left_link li .currentpage:visited {
	color:#555a23;
	font-weight:bold;
	font-size:larger;
	line-height:1.25em;
	text-decoration:none;
}

.mainContent .left_link li .currentpage:hover, .mainContent .left_link li .currentpage:active, .mainContent .left_link li .currentpage:focus {
	color:#555a23;
	font-weight:bold;
	font-size:larger;
	text-decoration:none;
}



/* CONTENT STYLES */

.mainContent h1 {
	position:relative;
	display:block;
	color:#eace27;
	font-size:3em;
	line-height:70px;
	font-weight:normal;
	padding:35px 10px 0 30px;
	margin:0;
	width:900px;
	min-height:70px;
}

*HTML .mainContent h1 {
	height:70px;
}

.mainContent h1 a, .mainContent h1 a:link, .mainContent h1 a:visited, .mainContent h1 a:hover, .mainContent h1 a:active, .mainContent h1 a:focus {
	font-weight:normal;
	color:#eace27;
	text-decoration:none;
}

h1 .dark {
	color:#555a23;
}

.mainContent h2 {
	color:#555a23;
	font-size:0.9em;
	line-height:1.25em;
	margin:0.8em 0 0.8em 0;
	padding:0;
	font-weight:bold;
}

.mainContent h3 {

}

.mainContent h4 {

}

.mainContent h5 {

}

.mainContent h6 {

}

.mainContent p {
	font-size:0.8em;
	margin:0.9em 0;
	line-height:1.3em;
}


.mainContent a, .mainContent a:link, .mainContent a:visited {
	color:#555a23;
	text-decoration:none;
	font-weight:bold;
}

.mainContent a:hover, .mainContent a:active, .mainContent a:focus {
	color:#555a23;
	text-decoration:underline;
	font-weight:bold;
}

.mainContent ul {
	padding:0;
	margin:1.5em 0;
	line-height:1.2em;
	list-style:none;
	list-style-image:none;
}

.mainContent ol {
	margin:0.8em 0;
	line-height:1.2em;
}

.mainContent li {
	font-size:0.7em;
	margin:0.4em 0 0.3em 0;
	line-height:1.2em;
}

.mainContent ul li {
	padding:0 0 10px 20px;
	background:url(/media/images/global/bullet.gif) left 0.4em no-repeat;
}

.mainContent .introText {
	color:#555a23;
	font-size:0.85em;
	line-height:1.2em;
}

.mainContent .introTextBold {
	color:#555a23;
	font-size:0.85em;
	line-height:1.2em;
	font-weight:bold;
}

.mainContent .largeCTA {
	position:relative;
	display:block;
	font-size:100%;
	margin:1em 0;
	padding:0 0 0 15px;
	background:url(/media/images/global/chevron_cta.gif) left 0.3em no-repeat;
}

.mainContent .largeCTA a, .mainContent .largeCTA a:link, .mainContent .largeCTA a:visited {
	color:#555a23;
	font-size:1em;
	text-decoration:none;
}

.mainContent .largeCTA a:hover, .mainContent .largeCTA a:active, .mainContent .largeCTA a:focus {
	color:#555a23;
	text-decoration:underline;
}

.mainContent .smallCTA {
	position:relative;
	display:block;
	font-size:0.7em;
	margin:1em 0;
	text-decoration:none;
	padding:0 0 0 10px;
	background:url(/media/images/global/chevron_cta_small.gif) left 0.4em no-repeat;
}

.mainContent .smallCTA a, .mainContent .smallCTA a:link, .mainContent .smallCTA a:visited {
	color:#555a23;
	font-weight:bold;
}

.mainContent .smallCTA a:hover, .mainContent .smallCTA a:active, .mainContent .smallCTA a:focus {
	color:#555a23;
	text-decoration:underline;
}

.mainContent .leftAdditionalLink {
	position:relative;
	display:block;
	float:left;
	margin:1.4em 0 0.4em 0;
	text-decoration:none;
	padding:0;
	font-size:0.7em;
}

.mainContent .leftAdditionalLink a, .mainContent .leftAdditionalLink a:link, .mainContent .leftAdditionalLink a:visited {
	position:relative;
	display:block;
	padding:0 0 0 10px;
	color:#808080;
	font-weight:bold;
	text-decoration:none;
	background:url(/media/images/global/chevron_link.gif) left 0.4em no-repeat;
	text-transform:uppercase;
}

.mainContent .leftAdditionalLink a:hover, .mainContent .leftAdditionalLink a:active, .mainContent .leftAdditionalLink a:focus {
	color:#555a23;
	text-decoration:none;
	background:url(/media/images/global/chevron_link_h.gif) left 0.4em no-repeat;
}

.mainContent .leftAdditionalLink .currentpage, .mainContent .leftAdditionalLink .currentpage:link, .mainContent .leftAdditionalLink .currentpage:visited {
	position:relative;
	display:block;
	padding:0 0 0 10px;
	font-weight:bold;
	color:#555a23;
	text-decoration:none;
	background:url(/media/images/global/chevron_link_h.gif) left 0.4em no-repeat;
	text-transform:uppercase;
	font-size:larger;
	line-height:1.25em;
}

.mainContent .leftAdditionalLink .currentpage:hover, .mainContent .leftAdditionalLink .currentpage:active, .mainContent .leftAdditionalLink .currentpage:focus {
	color:#555a23;
	text-decoration:none;
	background:url(/media/images/global/chevron_link_h.gif) left 0.4em no-repeat;
	font-size:larger;
	line-height:1.25em;
}
.mainContent .work {
	font-size:0.7em;
	margin:0.9em 0;
	line-height:1.2em;
}

@media handheld {
	.horizon {
		position:relative;
		left:0;
		top:0;
		width:100%;
		margin-top:0;
		min-width:960px;
	}
}

@media only screen and (max-device-width: 480px) { 
	.horizon {
		position:relative;
		left:0;
		top:0;
		width:100%;
		margin-top:0;
		min-width:960px;
	}
}