@charset "utf-8";
/* Aussie Oranges CSS */

html {
	padding: 0;
	margin: 0;	
}

body {
	padding: 0;
	margin: 0;
	background: url('../images/bg.jpg')	repeat-x top center #051700;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #082600;
}


a img {
	border: 0 none;	
}

a {
	text-decoration: underlined;
	color: #333;	
}

.orange-border {
	border: 1px solid #F90;	
}

/* Great alternative to floats, works in all browsers and has numerous benefits */
.inline {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;	
}

p.green-bold {
	font-weight: bold;
	color: #2d4300;	
	margin-top: 26px;
}



/*** Main *********/

#container {
	position: relative;
	width: 940px;
	margin: 0 auto;	
}

/*** Header *******/

#header {
	position: absolute;
	top: 0;
	left: 0;
	height: 50px;
	width: 100%;
}

#header #nav {
	position: absolute;
	right: 0;
	top: 18px;
}

#header #nav > div {
	position: relative;
	float: left;
	margin-left: 32px;
}

#header #nav #in-state {
	position: absolute;
	left: 50%;
	top: 22px; 
	height: 29px;
	width: 20px;
	background: url('../images/nav/in-state.png') no-repeat;	
    margin-left: -10px; 
}

/*** Content Area *****/

#content {
	position: absolute;
	top: 90px;
	left: 0;
	width: 100%;
	z-index: 1;	
}

/*** Home ************/

#content.home #painted-text {
	position: absolute;
	top: 0;
	left: -165px;	
}

#content.home #video {
	position: absolute;
	top: 0;
	right: 0;
	width: 470px;
	height: 290px;
	background-color: #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	z-index: 5;
	padding-top: 6px;
	padding-left: 6px;
}

#content.home #hero {
	position: absolute;
	top: 255px;
	left: 0;
	width: 100%;	
	height: 593px;
	background: url('../images/home-content-bg.png') no-repeat top left;
	z-index: 1;
}

#content.home #download {
	position: absolute;
	top: 69px;
	right: 104px;
	width: 251px;	
	height: 125px;
}

#content.home #text {
	position: absolute;
	width: 534px;
	right: 15px;
	top: 216px;
	line-height: 150%;	
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

#content.home #text > #pad {
	padding: 15px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}

#content.home #social {
	position: absolute;
	right: 24px;
	bottom: 35px;
}

#content.home #social > div {
	margin-top: 6px;	
}

/*** Inside Page ********/

#bg-paint-text {
	position: absolute;
	height: 111px;
	z-index: 0;
	top: 85px;
	left:0;
	width: 100%;
	background: url('../images/bg-page-paint-text.png') no-repeat top center;
}

#content.page #intro {
	position: relative;
	height: 242px;
	width: 967px;
	left: -27px;
	background: url('../images/orange-man/bg.png') no-repeat right bottom;
}


#content.page #intro #title {
	position: absolute;
	left: 240px;
	top: 140px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

#content.page #intro.recipes #title {
	position: absolute;
	left: 310px;
	top: 140px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

#content.page #intro.recipes #desc {
	position: absolute;
	left: 310px;
	top: 180px;
	font-size: 14px;
	color: #fff;
	width: 620px;
}

#content.page #intro.nutrition #title {
	position: absolute;
	left: 290px;
	top: 140px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

#content.page #intro.nutrition #desc {
	position: absolute;
	left: 290px;
	top: 180px;
	font-size: 14px;
	color: #fff;
	width: 620px;
}

#content.page #intro.industry #title {
	position: absolute;
	left: 300px;
	top: 140px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

#content.page #intro.industry #desc {
	position: absolute;
	left: 300px;
	top: 180px;
	font-size: 14px;
	color: #fff;
	width: 600px;
}

#content.page #intro.varieties #title {
	position: absolute;
	left: 380px;
	top: 140px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

#content.page #intro.varieties #desc {
	position: absolute;
	left: 380px;
	top: 180px;
	font-size: 14px;
	color: #fff;
	width: 500px;
}


#content.page #intro.contact-us #title {
	position: absolute;
	left: 240px;
	top: 140px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

#content.page #intro.contact-us #desc {
	position: absolute;
	left: 240px;
	top: 180px;
	font-size: 14px;
	color: #fff;
	width: 660px;
}

#content.page #intro.media #title {
	position: absolute;
	left: 290px;
	top: 140px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

#content.page #intro.media #desc {
	position: absolute;
	left: 290px;
	top: 180px;
	font-size: 14px;
	color: #fff;
	width: 600px;
}

#content.page #intro #desc {
	position: absolute;
	left: 360px;
	top: 180px;
	font-size: 14px;
	color: #fff;
	width: 520px;
}

#content.page #main {
	position: relative;
	width: 100%;
	background: url('../images/bg-content-top.png')	 top left no-repeat;
}

#content.page #main #header-bar {
	position: relative;
	height: 91px;
	width: 100%;
	z-index: 4;
}

#content.page #main #header-bar #title {
	position: absolute;
	top: 28px;
	left: 30px;
}

#content.page #main #header-bar #slice {
	position: absolute;
	right: -34px;
	top: -25px;
	z-index: 6;
}

#content.page #main #header-bar #buttons {
	position: absolute;
	right: 156px;
	top: 15px;
	z-index: 5;
}

#content.page #main #header-bar #buttons > div {
	float: left;
	margin-right: 10px;
}

#content.page #main #text {
	position: relative;
	min-height: 330px;
	background-color: #fff;
	z-index: 1;
	padding: 25px 30px 15px 30px;
	line-height: 140%;
}

#content.page #main #text .sub-title {
	position: relative;
	font-weight: bold;
	font-size: 14px;
	color: #000;
}

#content.page #main #text ul {
	position: relative;
	margin: 0 0 0 14px;
	padding: 0;
}

#content .text-columns {
	position: relative;
	width: 100%;	
}

#content .text-columns > .column {
	width: 30%;	
	margin-right: 40px;
}

#content .text-columns > .column.last {
	margin-right: 0;
}

#content .text-columns .item {
	position: relative;
	margin-bottom: 30px;
}

/*** Orange Guy ************/

#orange-guy {
	position: absolute;
	z-index: 99;
	left: 50%;
	background: url('../images/orange-man/default.png') no-repeat top center;
	top: 94px;
	width: 350px;
	height: 238px;
	margin-left: -495px;
}

#orange-guy.nutrition {
	background: url('../images/orange-man/nutrition.png') no-repeat top center;
	top: 94px;
	width: 341px;
	height: 248px;
	margin-left: -550px;	
}

#orange-guy.recipes {
	background: url('../images/orange-man/recipes.png') no-repeat top center;
	top: 108px;
	width: 260px;
	height: 224px;
	margin-left: -450px;	
}

#orange-guy.industry {
	background: url('../images/orange-man/industry.png') no-repeat top center;
	top: 91px;
	width: 310px;
	height: 241px;
	margin-left: -540px;	
}

#orange-guy.media {
	background: url('../images/orange-man/media.png') no-repeat top center;
	top: 87px;
	width: 226px;
	height: 245px;
	margin-left: -465px;	
}

#orange-guy.contact-us {
	background: url('../images/orange-man/contact-us.png') no-repeat top center;
	top: 93px;
	width: 325px;
	height: 239px;
	margin-left: -535px;	
}

#orange-guy.varieties {
	background: url('../images/orange-man/varieties.png') no-repeat top center;
	top: 93px;
	width: 317px;
	height: 239px;
	margin-left: -462px;	
}

/*** Form ***/

#form {
	position: absolute;
	top: 90px;
	left: 260px;
}

form .text-field {
	width: 250px;
	border: 1px solid #030;	
	color: #666;
	margin-bottom: 15px;
	padding: 3px;
}

form .textarea {
	width: 250px;
	height: 90px;
	padding: 3px;
	border: 1px solid #030;	
	color: #333;
	margin-bottom: 15px;
}

/*** Recipes ************/

#recipes-list li {
	position: relative;
	margin: 5px 0;	
}

/*** Footer *************/

#footer {
	width: 940px;
	height: 100px;
	background: url('../images/bg-footer.png') no-repeat top left;	
}

#footer #links {
	position: absolute;
	top: 22px;
	left: 50%;
	margin-left: -185px;	
	width: 370px;
	text-align: center;

}

#footer #links > div {
	float: left;	
	margin-left: 20px;
}

#footer.home {
	position: absolute;
	top: 938px;
	left: 0;	
}

#footer.page {
	position: relative;
}