/*
Client: Ripe Art
URL: http://www.ripeart.com.au/
Description: main style sheet
Version: 2
Author: Pascal Veyradier Jan10

Contents: 
1. Reset 
2. Colours
3. Typography
4. Links & Navigation
5. Page Layout
6. Skin & Pages
7. Messages (error, etc.)
8. Clearing Float (.group)
*/
/* @group RESET */
/***** 1. Reset /
/* From http://meyerweb.com/eric/tools/css/reset/index.html */
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, sub, sup, tt, var,
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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
:focus {outline: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* End Reset */

/* @end */
/* @group COLOURS */
/***** 2. Colours /
/*
- orange corporate: #ffa100
- orange type: 	#ff6a00
- black: 	#333
- grey: 	#69737B
- cream:	#f1efe2
*/
html {
	background-color: #f1efe2;
	}
body	{
	color: #303438;
	}
#content	{
	background-color: #fff;
	}
#footer, #branding, #nav_main	{
	background: #ffa100;
	}
h2, h3, #nav_main p, a:link, a:visited, a:hover, #content_description a:hover, .ripeartStrong, .cms h5.cushycms, .entry h4, .entry-meta, a.doc-download, a.doc-download:hover, blockquote.testimonials, a.readmore {
	color: #ffa100;
	}
h4.subheader, h4.subheader a, a:hover, ul#nav_tools li a:hover, .cms p.cushycms, p#pic-credit, .aboutus blockquote#brand-stat, p.author {
	color: #69737B;
	}
h4	{
	color: #455058;
	}
ul#nav_tools a, #nav_enter {
	color: #fff;
	}
#footer p, #footer li, #footer a	{
	color: #f1efe2;
	}
#nav_tools a:hover	{
	color: #fff;
	background-color: #fddb6f;
	}
/*#nav_tools a:visited	{
	color: #fff;
	background-color: #fee595;
	}*/
/* End Colours */

/* @end */
/* @group TYPO */
/***** 3. Typography */

body {
	font: 100%/1.4 "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	-webkit-text-stroke: 1px transparent;
	}
h2, h3.form {
	font-weight: normal;
	letter-spacing: .05em;
	font-size: 1.7em;
	}
h2 {
	font-size: 1.7em;
	}
h3	{
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	word-spacing: -0.1em;
	letter-spacing: 0;
	}
p {
	font-size: 0.9em;
	font-variant: normal;
	line-height: 1.4em;
	}
p.intro {
	font-size: 1.08em;
	line-height: 1.4em;
	}
p#today-day	{
	font-size: 0.7em;
	}
p#pic-credit	{
	font-size: 0.7em;
	letter-spacing: 0.1px;
	}
#nav_main a {
	font-size: 1em;
	}
h4.subheader, h4.subheader a {
	font-weight: normal;
	font-family: "HelveticaNeue-LightItalic", Arial, Helvetica, sans-serif;
	}
.todayDate {
	font-style: italic;
	}
a:link, a:hover, a:visited {
	text-decoration: none;
	}
h1 a, h1.white, li#nav_events a, li#nav_displays a, li#nav_classes a, li#enter, #nav_enter h2, #nav_main h2, #nav_enter p 	{
	text-indent: -9999px;
	}
.cms h5.cushycms {
	font-size: 1em;
	}
.cms p.cushycms {
	font-size: 0.9em;
	}
h4	{
	font-size: 1.6em;
	word-spacing: -.1em;
	/*line-height: 1em;*/
	}
#footer	{
	font-size: 0.8em "HelveticaNeue", Arial, Helvetica, sans-serif;
	}
blockquote.testimonials	{
	font: 1.4em 'jr!handRegular', serif;
	/*letter-spacing: -.1em;*/
	text-align: center;
	}
p.author, p.author cite	{
	font: .7em "HelveticaNeue-Light", Arial, Helvetica, sans-serif;
	}
.entry h4	{
	font: 2em 'ChunkFiveRegular', Georgia, serif;
	letter-spacing: 0.1em;
	}
span.amp	{
	font: italic 1.2em Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	}
.entry-meta	{
	font-size: 0.7em;
	}
.entry-meta span	{
	font-weight: bold;
	letter-spacing: 0.1em;
	}
.aboutus blockquote#brand-stat	{
	font: italic 2.1em Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	}
a.readmore {
	font-size: .7em;
	cursor: pointer;
	}
#ser-foot, #tools-foot	{
	font: 0.9em/1.4em Arial, Helvetica, sans-serif;
	}
#meta-foot	{
	font: 0.7em	Arial, Helvetica, sans-serif;
	}
/* End Typography */

/* @end */
/* @group LINKS & NAV */
/***** 4. Links & Navigation */
a:link, a:visited	{
	text-decoration: none;
	}
#content_description a:hover	{
	border-bottom: 2px solid #ffa100;
	}
#nav_tools a:link	{
	text-decoration: none;
	}
/*** 4a Nav */
#nav_main {
	position: relative;
	z-index: 1;
	height: 100px;
	background: url(../img/nav_main.png) no-repeat 0 0;
	}
#nav_enter {
	position: relative;
	z-index: 1;
	height: 56px;
	}
ul#nav_features {
	position: absolute;
	top: 35px;
	left: 300px;
	margin: 0;
	width: 440px;
	height: 50px;
	}
ul#nav_features li {
	display: inline;
	}
li#nav_events, li#nav_displays, li#nav_classes {
	position: absolute;
	display: block;
	height: 56px;
	}
li#nav_events {
	left: 0;
	width: 149px;
	background: url(../img/nav_events.png) top center no-repeat;
	}
li#nav_displays {
	left: 150px;
	width: 152px;
	background: url(../img/nav_displays.png) top center no-repeat;
	}
li#nav_classes {
	left: 300px;
	width: 151px;
	background: url(../img/nav_classes.png) top center no-repeat;
	}
li#nav_events a:hover {
	background: url(../img/nav_events.png) bottom center no-repeat;
	}
li#nav_displays a:hover {
	background: url(../img/nav_displays.png) bottom center no-repeat;
	}
li#nav_classes a:hover {
	background: url(../img/nav_classes.png) bottom center no-repeat;
	}
li#nav_events a, li#nav_displays a, li#nav_classes a {
	display: block;
	height: 56px;
	}	
ul#nav_tools {
	position: absolute;
	left: 500px;
	margin: 0;
	width: 270px;
	padding-top: 1px;
	}
ul#nav_tools li {
	display: inline;
	}
ul#nav_tools li a {
	margin-right: 10px;
	padding: 0 1px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	}
#nav_main h2 {
	position: absolute;
	}
#nav_enter p {
	position: absolute;
	margin: 0;
	}
#nav_enter h2 {
	position: absolute;
	}
/* End Nav */

a.doc-download, a.doc-downlaod:hover	{
	text-decoration: none;
	}
a.doc-download:hover, a.doc-download[href$=".pdf"]:hover, a.doc-download[href$=".doc"]:hover	{
	border-bottom: 2px solid #ffa100;
	}
a.doc-download[href$=".pdf"], a.doc-download[href$=".pdf"]:hover  {
	background: url(../img/pdf.png) no-repeat right top;
	padding-right: 20px;
	text-decoration: none;
	margin-right: 5px;
	}
a.doc-download[href$=".doc"], a.doc-download[href$=".doc"]:hover  {
	background: url(../img/doc.png) no-repeat right top;
	padding-right: 20px;
	text-decoration: none;
	margin-right: 5px;
	}
/* footer */
#footer a, #footer a:hover	{
	text-decoration: none;
	}
#footer a:hover	{
	border-bottom: 2px solid #f1efe2;
	}
#ser-foot li.icn-serv	{
	list-style-type: square;
	list-style-position: inside;
	}
#tools-foot li#icn-terms	{
	background: transparent url(../img/terms.gif) no-repeat right center;
	padding-right: 20px;
	}
#tools-foot li#icn-mail	{
	background: transparent url(../img/mail.gif) no-repeat right center;
	float: left;
	padding-right: 27px;
	}
/* End Links & Navigation */

/* @end */
/* @group LAYOUT */
/***** 5. Page Layout */

html {
	text-align: center;
	}
body {
	position: relative;
	width: 770px;
	margin: 0 auto;
	text-align: left;
	}
#content {
	position: relative;
	width: 100%;
	}
#content_main50 {
	left: 0;
	width: 50%;
	padding: 1em 0;
	}
#content_sub {
	left: 50%;
	width: 50%;
	padding: 1em 0;
	}
#content_main100 {
	left: 0;
	width: 92%;
	padding: 1em 0;
	}
/*#branding, #brandingwhite, #nav_main, #footer {
	width: 100%;
	}*/
body {
	padding-top: 50px;
	}
#brandingwhite {
	position: relative;
	z-index: 10;
	height: 177px;
	background: transparent url(../img/branding_white.png) no-repeat 0 0;
	}
#branding {
	position: relative;
	z-index: 10;
	height: 177px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	/*background: transparent url(../img/branding.png) no-repeat 0 0;*/
	}
h2, h3, ul {
	margin: 0 20px .75em;
	}
p	{
	margin: 0 0 0 40px;
	}
p.intro	{
	/*left: 22px;*/
	position: relative;
	padding-top: 5px;
	margin: 0 0 0 40px;
	padding-bottom: 10px;
	}
p.last, blockquote.last	{
	margin-bottom: 50px;
	}
p#tagline	{
	margin-left: -10px;
	margin-top: 8px;
	}
h2, h3.form {
	margin-bottom: .45em;
	}
h3	{
	margin: 13px 20px 10px 40px;
	}
li > h4 {
	margin-left: 0;
	}
h4	{
	margin: 20px 40px 0;
	padding-bottom: 8px;
	}
/*** Footer */
#footer {
	position: relative;
	width: 100%;
	height: 180px;
	border-bottom: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	margin-bottom: 20px;
	}
#ser-foot, #tools-foot, #meta-foot {
	position: absolute;
	padding-top: 20px;
	/*display: block;*/
	}
#ser-foot	{
	right: 550px;
	}
#tools-foot	{
	right: 330px;
	}
#meta-foot	{
	right: 70px;
	top: 93px;
	}
/* End Footer */

h1 {
	position: absolute;
	top: -30px;
	left: -99px;
	width: 960px;
	height: 180px;
	background: transparent url(../img/h1.png) no-repeat;
	}
h1 a {
	display: block;
	height: 180px;
	}
h1.white {
	position: absolute;
	top: -30px;
	left: -86px;
	width: 960px;
	height: 180px;
	background-image: url(../img/h1_white.png);
	}
#branding blockquote, #brandingwhite blockquote {
	position: absolute;
	top: -9999px;
	}
#content_description h3 {
	padding-top: 10px;
	position: relative;
	}
h4.subheader, h4.subheader a {
	background-image: url(../img/subheader.png);
	padding-left: 4px;
	}
li > p {
	margin-left: 0;
	}
li#enter {
	position: absolute;
	display: block;
	left: 230px;
	width: 152px;
	height: 54px;
	}
li#enter a {
	display: block;
	height: 52px;
	background: url(../img/nav_enter.png) no-repeat 0 bottom;
	}
li#enter a:hover {
	background: url(../img/nav_enter.png) no-repeat 0 top;
	}
.classes p.sub	{
	margin-left: 0;
	}
/* End Page Layout */

/* @end */
/* @group PAGES */
/***** 6. Skin & Pages */

/*#displayspac h5 {
	background: url(../img/subheader.png) no-repeat;
	text-indent: 4px;
	padding-bottom: 15px;
	font-variant: normal;
	}*/
#notes h4 {
	padding-top: 35px;
	}
#slideshow {
	top: 20px;
	left: 70px;
	position: relative;
	padding-bottom: 40px;
	}
#aboutus-pic	{
	position: relative;
	height: 440px;
	padding: 0 0 40px 10px;
	}

/*** sections img */
img.aboutus {
	float: left;
	position: relative;
	padding: 0 20px 0 80px;
	top: 122px;
	}
img.terms {
	float: none;
	position: relative;
	top: -16px;
	left: 95px;
	}
img.media-pic {
	float: none;
	position: relative;
	top: 20px;
	left: 42px;
	padding-bottom: 46px;
	}
img.events {
	float: none;
	position: relative;
	top: 0px;
	}
img.index {
	z-index: 1;
	padding-bottom: 100px;
	}
img.displayspac {
	float: none;
	position: relative;
	top: 20px;
	left: 20px;
	padding-bottom: 30px;
	}
img.eventspac {
	float: none;
	position: relative;
	top: 20px;
	left: 20px;
	}
img.contactpopup {
	padding-top: 96px;
	padding-bottom: 60px;
	padding-left: 96px;
	}
/* End sections img */

/*** CMS */
.cms {
	padding-left: 30px;
	padding-top: 26px;
	padding-bottom: 60px;
	}
.cms h5.cushycms {
	padding-top: 10px;
	left: 30px;
	position: relative;
	}
.cms p.cushycms {
	padding-top: 10px;
	left: 30px;
	position: relative;
	}
/*** news-entry */

.entry	{
	position: relative;
	}
.entry-even p.even-text	{
	float: left;
	width: 68%;
	}
.entry-even img.even-pic	{
	padding: 3px 0 0 30px;
	}
.entry-odd p.odd-text	{
	float: right;
	width: 68%;
	margin-left: 30px;
	}
.entry-odd img.odd-pic	{
	padding: 3px 0 0 40px;
	}
.entry-even h4, .entry-odd h4	{
	margin: 28px 0 0 40px;
	}
.entry-meta	{
	margin: 0 0 12px 40px;
	}
.entry-meta	li {
	display: inline;
	padding-right: 9px;
	}
.entry-meta span	{
	padding-right: 1px;
	}	

/* End news-entry */
	

/* End CMS */

h4.nextClasses {
	border-top: thin dotted #FF6A00;
	padding-top: 10px;
	border-bottom: thin dotted #FF6A00;
	padding-bottom: 10px;
	}
p#today-day	{
	margin: 0 20px 30px 40px;
	}
.terms h4, .media h4 	{
	padding: 0 0 8px;
	margin: 0 20px;
	}
/*.events h4, .displays h4	{
	padding: 0 0 8px;
	margin: 0 40px;
	}*/
/*.events p , .displays p	{
	margin: 0 40px;
	}*/
.media p, .terms p	{
	margin: 0 20px;
	}
.aboutus blockquote#brand-stat	{
	margin-left: 17px;
	}
p#pic-credit	{
	margin: 0 0 50px 40px;
	}
#ser-details h5	{
	margin-bottom: .35em;
	margin-left: .2em;
	}
#ser-details ul	{
	margin-left: .2em;
	}
#terms-lst	{
	margin-bottom: 100px;
	}
#sub_description	{
	margin: 0 0 50px 0;
	}
.quote	{
	position: relative;
	margin-top: 40px;
	}
.contact .quote	{
	position: relative;
	margin-right: 50px;
	}
/* End Skin & Pages */

/* @end */
/* @group MESSAGES */
/***** 7. Messages */


/* End Messages */

/* @end */
/* @group HACK */
/***** 8a. Clearing Flaot */
/* From http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */
/* Dan Cederholm for .group class replacement */
.group:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
/* End Clearing Float */

/***** 8b. Clearing Flaot */

/* si_clear_children */

.pc,.sc {
	position: absolute;
	top: 0;
	left: 0;
	}

.clear_children,.cc_tallest {
	position: relative;
	}

/*\*/

* html .clear_children {
	display: inline;
	}

/**/

.cc_tallest:after {
	content: '';
	}
/* @end */