/* Reset
--------------------- 
*/
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, 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;
	font-size: 100%;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-size: 62.5%;
	background: #5d5d5d;
	font-family: Helvetica, Arial, sans-serif;
	background-image:url(http://rockstaryearbooks.com.au/assets/images/footer/footerbg.jpg);
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-position: 50% 100%;
	padding-bottom: 400px;
}
ol, ul {
	list-style: none;
}
:focus {
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*nathans stuff */
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #222; }
p { margin-bottom: 14px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 14px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 6px; }
h3 { font-weight: bold; font-size: 12.5px; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; text-transform:uppercase;}

/*global classes*/
.cf:after {display:block;clear:both;height:0;visibility:hidden;content:".";}
.cf {display:inline-block;}
* html .cf {height:1px;}
.cf {display:block;}
.wrap {width: 990px; margin: 0 auto;}
code,kbd,pre {font-family:Monaco, Courier, "Courier New", Tahoma;}

/*links*/
a:link,
a:visited {text-decoration: none; color:#005884;}
a:link {color:#005884;}
a:visited {color:#005884;}
a:hover {color:#005884;}
a:focus,a:active {color:#005884;}
a.more {background:transparent url(/assets/images/more.gif) no-repeat scroll 100% 64%; padding-right:10px; white-space:nowrap;}

/* Slider Gallery */
.application-gallery {width: 977px; overflow: hidden; position: relative; height: 160px;}
.application-gallery .container {height: 250px; margin: 0 auto; overflow: hidden; position: relative;}
.application-gallery .wrap {position: absolute;height:282px;}
.application-gallery .image-container{height:282px;background:#000;}
.application-gallery .container .image {float: left; overflow: hidden; width: 977px; position: relative;}
.application-gallery img{position:absolute;}
.application-gallery .overlay {position: absolute; right: 5px; top: 5px; padding: 5px; background: #000; color: #fff; width: 280px;}
.application-gallery .overlay .text h2 {font-size: 16px; margin-bottom: 10px; color: #fff;}
.application-gallery .overlay .text p {font-size: 12px; line-height: 1.2; color: #fff;}
.application-gallery .overlay .text a {color: #fff; font-size: 12px; color: #fff;}
.application-gallery .overlay .text .link-list {margin: 10px 0;}
.application-gallery .overlay .text .link-list a:hover {text-decoration:underline;}
.application-gallery .overlay .control .crumb {height: 10px; width: 10px; background: #888; float: left; margin: 10px 10px 10px 0px; cursor: hand;}

/*colours*/
h1 {color: #222;}
h2 {color: #222;}
h3 {color: #222;}
h4 {color: #444;}
p {color: #222;}

/*header and logo*/
#header {background: url(/i/header-bot.gif) no-repeat bottom left; margin: 0 10px 20px;}
#logo {padding: 10px; float: left;}
#logo a {border: 0;}



/*main navigation*/
#nav-main {float: right;}
#nav-main ul {padding-top: 10px; float: left;}
#nav-main li {float:left;margin:0 2px;}
#nav-main li a {display: block;font-weight: bold;padding: 8px;color: #eee;font-size: 0.9em;border: 0;}
#nav-main li a:hover {color: #aaa;}
#nav-main li.sel a {background: url(/i/nav-sel-l.png) no-repeat;}
#nav-main li.sel span {background: #222 url(/i/nav-sel-r.png) no-repeat top right; display: block;}

/*global search*/
#nav-main #cse-search-box {float: left;padding: 15px 20px;}
#nav-main #cse-search-box .submit {display: none;}
#cse-search-box #keyword {padding: 5px 4px 3px 4px; background: url(/i/search-bg.png); width: 193px; height: 16px; border: 0;}
 
/*department header*/
#sub-head {padding:0; border-bottom: 1px solid #eee; margin: 10px 0;}
#crumb {float: left; padding: 18px 0;}
#crumb a {color: #222;border-color: #222;}
#sub-head h1 {margin:0; padding: 8px;}
#sub-head h1 a {border: none;}

/*department navigation*/
#nav-sub {float: right; margin: 0 20px;}
#nav-sub ul {margin: 10px 0 0 0;}
#nav-sub li {float: left;margin: 0 2px;}
#nav-sub li a {display: block;padding: 8px;color: #444;font-size: 1em;border: 0;}
#nav-sub a:hover,
#nav-sub li.sel a {color: #005884; border-bottom: 1px solid #66c9fb;}

/*footer stuff*/
#footer {background: #393939 url(/i/footer-bot.gif); background-repeat: no-repeat; color: #fff;margin: 20px 10px 0 10px; clear: both;}
#footer div div {float: left; margin-right: 30px;}
#footer li {margin: 0;padding: 2px; font-size: 12px;}
#footer li a {color: #fff; border-color: #aaa;}
#footer-wrap {padding: 20px;}
#footer .support strong {font-size: 1.2em;padding: 2px 0px 8px;display: block;}

/*paper layout wrapper*/
#right-wrap {background: #fff url(/i/right-border.png) repeat-y top right;}
#top-wrap {background: url(/i/top-paper-corner.png) no-repeat top right;}
#bottom-wrap {background: url(/i/bottom-paper-corner.png) no-repeat bottom right;}
.content {padding: 10px 50px 40px 40px;}

/*Intro*/
#intro {background:#195374 url(/i/splash-bg.jpg); height: 301px; margin: 0 13px 0 0; position: relative;}
#intro a {color: #222;}
#intro-splash {position:absolute;top:106px;width:62px;left:-62px;height:114px;background:url(/i/home-splash.png); background-repeat: no-repeat;}
#intro-text {float: right;padding: 20px;width: 47%;}
#intro-text div {float: left;margin-right: 10px;}
#intro-text div p {font-size: 1em;font-weight: bold;}

/*home*/
.home p.lead {font-size: 1.3em;}
.home  h2 {margin-top: 10px;}
.home .column h3 {background:#eee url(/i/dep-head-bg.png) repeat-x;padding: 5px 10px;margin: 0px;}

/*entry points & blog*/
.home .column {float:left; width:660px; margin-right: 20px;}
.home .column-blog {float: left; width: 220px; margin: 0px; }
.entry-point {float: left; width: 310px; margin-right: 20px;}

/*home page extras*/
.home .extra .column {width: 430px; margin-right: 10px;}

.home .extra .c-last {margin: 0;}

/*home page introtext*/
.introtext {width: 650px; display:block; margin: 100px 0 0 0;}
.introtext .feeder {margin: 20px 0 40px 60px; background-color:#FCF6EE;}

/*entry points */
.products .column div {height: 145px; margin-bottom: 20px; }
.products .column div div {background: #fcf6ee; padding: 10px; height: 90px; border: 1px solid #eee; border-top: 0;}
.home .content h2 {margin-bottom: 20px;}
.products .column img {display: block; padding: 2px; margin-right: 10px; background: #fff; border: 1px solid #ccc; float: left; }
/*yearbook promo*/
ul#yearbook-promo {margin: 10px 0;}
#yearbook-promo li {float: left;margin:5px;padding:4px;height:85px;width:60px;border:2px solid #eee;}
#yearbook-promo li a{border: none;}

/*blog teaser*/
#blog {width: 169px; height: 240px;padding: 40px 20px 0px 20px;}
#blog h2 {}
#blog h3 {margin: 10px 0;}
#blog .date {font-size: 18px;}
#blog .date span {font-size: 30px;}

/* The coffee stain */
/* #coffee {background: url(/i/coffee-stain.jpg) no-repeat 92% 0%} */

/* Content list styles */
.txt li {
	margin: 5px 0 0 20px;
	display: block;
	padding-left: 23px;
	background: url(/i/bullet_black.png) no-repeat left center;
}

.txt ol li {
	display: list-item;
	list-style-type: decimal;
	margin:5px 0 0 20px;
	padding: 0;
	background: none;
}

.txt ul {
	margin-bottom: 15px;
}

.basic {margin-top: 20px;}

/*get started button*/
#getstarted {text-indent: -9999px; display:block;width:93px;height:53px;background: url(/i/get-started-button.gif); background-repeat: no-repeat; border: none;float: left;}
#getstarted:hover {background-position: top right;}
#intro #getstarted {margin-top: 165px; margin-right: 20px; float: right;} /* on home page */

/*content chunks*/
.chunk {margin: 20px 0;}
.chunk .two-col {width: 47%; margin-right: 5%; float: left;}
.chunk .tri-col {width: 30%; margin-right: 5%; float: left;}
.chunk .quad-col {width: 21%; margin-right: 5%; float: left;}
.chunk .col-last {margin-right: 0; float: right; padding: 0;}

/*section left menu*/
#left-menu {width: 200px; float: left;}
#left-menu ul {background: #FCF6EE; padding: 5px;}
#left-menu li a {padding: 5px; display: block; border-bottom: 1px dotted #aaa;}
#left-menu li a:hover,
#left-menu li.sel a {background: #f2f2f2; color: #000;}
#right-content {width: 600px; margin-right: 40px; float: right;}

/*nav extra */
#nav-extra ul {margin: 0 0;}
#nav-extra li a {float: left; padding: 4px; display: block; width: 155px; font-size: 1em; background: url(/i/star.png) no-repeat center right; border-color: #eee;}
#nav-extra li.sel a {border: none;}

.library-samples * {float: left; margin-right: 10px;}

/*deb sub page */
#dep-sub-page #nav-extra {float: left; width: 200px;}
#dep-sub-page #right-content {width: 650px;}
#dep-sub-page #nav-extra li a {background-image: url(/i/arrow.png);}
#dep-sub-page #nav-extra li a:hover,
#dep-sub-page #nav-extra li.sel a {background-image: url(/i/arrow_on.png);}

/*no border*/
a.no-border {border: 0;}

/*year 12 prices table*/
table.prices {width: 480px; border: 1px solid #666666; border-collapse: collapse; margin-top: 10px; margin-bottom: 12px;}
table.prices td {padding: 8px; border: 1px solid #666666; }
table.prices th {padding: 5px; border: 1px solid #666666; text-align: center; background-color:#EBEBEB}

/*school articles table*/
table.articles {width: 100%; border: hidden; }
table.articles td {padding: 8px;}
table.articles th {text-align: center}

/*contact us tables*/
table.contact {width: 100%; border:1px solid #D7D7D7; background-color:#EDEDED;}
table.contact td {padding: 8px; vertical-align:bottom;}
table.contact th {text-align: center}

/*testimonials*/
.quote1 {
-x-system-font:none;
background:#E8F0FF;
border:1px solid #D7D7D7;
margin:15px 0;
padding:12px;
}
.quote2 {
-x-system-font:none;
background:#FCEAFF;
border:1px solid #D7D7D7;
margin:35px 0;
padding:18px;
}
.quoteGeorgia {
background:#ECF0F7;
font: 11px/17px Georgia, "Times New Roman", Times, serif;
font-style:italic;
color: #222;
text-align:left;
display: block;
padding:10px 10px 0 10px;
}
.quoteName {
background:#ECF0F7;
font: 10.5px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
color: #555;
text-align:right;
display: block;
padding: 5px 10px 10px 10px;
}

.schdetails {
background:#e5e5e5;
font: 10.5px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
color: #555;
text-align:left;
display: block;
padding: 10px 10px 10px 10px;
}

/*img frames */
img.frame {border-color:#EFEFEF #EFEFEF #BCBCBC; border-style:solid; border-width:1px; padding:5px;}
img.frame.sel a {border-bottom: 0px;}
a img {display: block}
img.inline {display: inline}