/*
* MOBILE DAIRY CLASSROOM EXPERIENCE
* mod7 Communications
*
* Author: John Giannakos
*/

/* Global Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input,p, blockquote, strong, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse; border-spacing:0;
}
html, body, form, fieldset {
	color:#8f8f8f;font-size: 11px;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	line-height:1.5em;
}
abbr, img {
	border:none;
}
address, caption, cite, th {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
b,em {
	font-weight:normal;
	font-style:normal;
}

/* Global Styles */

h1	{
	color:#333333;
	font-size:300%;
	line-height:1.3em;
	padding-bottom:3px;
	font-weight:normal;
	text-transform:capitalize;
}

h2	{
	color:#00adf1;
	font-size:200%;
	margin-bottom:20px;
	line-height:1.3em;
	font-weight:normal;
}

h3	{
	color:#01aded;
	font-weight:bold;
	font-size:120%;
	margin-bottom:20px;
}
			
h4	{
	font-size:100%;
	text-transform:uppercase;
	color:#74af01;
	font-weight:bold;
}

p	{
	color:#666666;
	font-size:110%;
	line-height:1.8em;
	margin-bottom:0px;
}

p.summary	{
	color:#666666;
	font-size:130%;
	line-height:1.7em;
	margin-bottom:20px;
}

ul,ol {
	margin-left:15px;
	font-size:110%;
	margin-bottom:5px;
}

em	{
	font-weight:bold;
	color:#000;
}

hr	{
	color:#545454;
	border-color:#545454; /*safari fix*/
}



a:link, a:visited, a:active	{
	color:#00aeef;
	text-decoration:underline;
}

a:hover	{
	color:#0088bb;
	text-decoration:underline;
}


/* Utility Classes */

.float-clear	{
	clear:both;
	visibility:hidden;
}

.last-right	{
	margin-right:0px;
	padding-right:0px;
}

/* =================================================== 

					CORE LAYOUT 

====================================================== */

#container	{
	width:960px;
	margin:0 auto;
}

#content-container	{
	padding-top:55px;

}

	#content-container ul {
	list-style: disc outside;
	}
		#content-container ul li {
		line-height: 1.8em;
		padding: 0 0 8px 10px;
		}

#col1	{
	width:533px;
	float:left;
    padding-right:38px;
	border-right:1px dotted #b2b2b2;
}

#col2	{
	width:338px;
	float:left;
	padding-left:38px;
}

/*NEW HOME PAGE*/

#home-col1	{
	float:left;
	padding-right:15px;
	width:500px;
}

#home-col2	{
	/*width:250px;
	padding-left:15px;
	padding-right:15px;
	float:left;
	border-right:1px dotted #b2b2b2;
	border-left:1px dotted #b2b2b2;*/
}

#home-col3	{
	width:338px;
	float:right;
	padding-left:15px;
}

#header {
	padding:10px 0 0 0;
	background:#00aeef;
}

#footer	{
	clear:both;
	min-width:960px;
}

.center-text {
	text-align:center;
}


/* =================================================== 

					HEADER 

====================================================== */

#tool-tip {
	display:block;
	position:absolute;
	top:120px;
	margin-left:-50px;
	width:204px;
	height:45px;
	background: url(/images/book-here-bubble.png) no-repeat;
}

#branding-wrap	{
	margin:0 auto;
	width:960px;
	padding-bottom:4px;
	background: url(/images/tag-line.gif) no-repeat right;
}

#nav-wrap	{
	background-color:#00a5e3;
	padding-top:10px;
	border-top:1px solid #00bef2;
}

#inner-nav-wrap	{
	margin:0 auto;
	width:960px;
}

#main-nav	{
}

#main-nav li	{
	float:left;
	margin-right:2px;
	display:block;
}

#main-nav li a	{
	text-indent:-5000px;
	display:block;
	height:32px;
}

#main-nav li a:hover {
	background-position: 0 -32px;
}

a.home {
	background:url(/images/nav-home.jpg) no-repeat;
	width:81px;
}
.requirements {
	background:url(/images/nav-requirements.jpg) no-repeat;
	width:131px;
}

a.dairy-fun-facts {
	background:url(/images/nav-dairy-fun-facts.jpg) no-repeat;
	width:99px;
}
a.about-us {
	background:url(/images/nav-about-us.jpg) no-repeat;
	width:103px;
}
a.gallery {
	background:url(/images/nav-gallery.jpg) no-repeat;
	width:85px;
}
a.events {
	background:url(/images/nav-events.jpg) no-repeat;
	width:99px;
}
a.contact-us {
	background:url(/images/nav-contact-us.jpg) no-repeat;
	width:112px;
}
a.bookit {
	background:url(/images/nav-bookit.jpg) no-repeat;
	width:108px;
}

a#current {
	background-position:0 -32px; 
}

#sub-nav {
	float:left;
	margin-left:30px;
}

#sub-nav li	{
margin:0px;
	padding:0px;
	padding-top:4px;
	float:left;
	margin-right:18px;
	color:#FFF;
}

#sub-nav li a {
	font-size:75%;
	color:#ccedf9;
	text-decoration:none;
	display:block;
	height:21px;
	position:relative;
	bottom:-7px;
}

#sub-nav li a:hover {
        color:#FFFFFF;
}

#sub-nav li a#current {
	color:#FFFFFF;
	background:url(/images/sub-nav-indicator.jpg) no-repeat center bottom;
}



/* =================================================== 

						HOME PAGE

====================================================== */

.find-out-more p {
	font-size:145%;
	line-height:1.7;
	margin-bottom:15px;
}

.make-a-request	{
	display:block;
	text-indent:-3000px;
	height:92px;
	width:92px;
	position: relative;
	left:430px;
	top:-10px;
	z-index: 9;
}

.make-a-request a {
	height:92px;
	width:92px;
	display:block;
	background:url(./images/bookit-btn.png) no-repeat;
}

.make-a-request a:hover	{
	background-position:0px 1px;
}

#col1 blockquote	{
	padding:10px 5px;
	text-align:center;
	font-size:110%;
}


/* =================================================== 

			          	DAIRY FUN FACTS

====================================================== */


div.entry {
	margin-bottom:20px;
}

div.entry h3 {
	margin-bottom:10px;
}

a.post-header {
	color:#01aded;
	font-weight:bold;
	text-decoration:none;
}

a.post-header:hover {
	color:#00abfa;
	text-decoration:underline;
}


/* =================================================== 

						ABOUT US

====================================================== */

.staff-wrap	{
	width:575px;
	margin:10px 0;
}

.staff-wrap h3 {
	margin-bottom:5px;
}

.staff-picture-wrap	{
	float:left;
	width:100px;
	min-height:100px;
	overflow:hidden;
}

.staff-info	{
	float:left;
	width:540px;
}

#staff-header {
	margin-top:20px;
}

/* =================================================== 

					CONTACT US

====================================================== */

.contact-info {
	font-size:120%;
	color:#242424;
	margin:20px 0px 30px 0px;
	margin-bottom:50px;
}


/* =================================================== 

						FORM

====================================================== */

div.success {
	background-color:#dfffe2;
	padding:20px;
	font-size:120%;
	color:#1a201b;
	border:1px dashed #8dbe91;
	margin-bottom:15px;
}

fieldset	{
	padding:20px;
	margin-bottom:20px;
	border:1px solid #AEAEAE;
}

legend	{
	color:#01aded;
	font-weight:bold;
	font-size:120%;
	margin-bottom:20px;
    padding:5px;
}

.form-wrap .field	{
	width:250px;
	padding:2px;
	font-size:120%;
	margin-bottom:5px;
}

.form-wrap textarea	{
	width:500px;
	height:150px;
	font-size:120%;
	font-family:Arial, Helvetica;
}

.form-wrap p	{
	margin-bottom:5px;
}

.form-wrap span.required {
	color:red;
}

.form-wrap submit-btn {
font-size:120%;
}

/* =================================================== 

						GALLERY

====================================================== */



#gallery {
   display: inline;
   list-style-type: none;
}

#gallery li {
    display: inline;
    float:left;
    width:165px;
    height:200px;
}

/* =================================================== 

						SIDEBAR

====================================================== */

#col2 blockquote 	{
	font-size:100%;
	margin-bottom:10px;
	font-style:italic;
}

#col2 p.quote-by {
text-align:left;
}

div.section	{
	margin-bottom:50px;
}

p.side-bubble {
	font-weight:bold;
	color:#FFF;
	font-size:110%;
	margin-bottom:8px;
	padding:5px 5px 15px 8px;
	background:url(/images/sidebar-bubble.gif) no-repeat;
}

#col2 a	{
	color:#666666;
	text-decoration:underline;
}

#col2 a:hover {
	color:#00aeef;
	text-decoration:underline;
}

#col2 .section {
	padding-right:20px;
}

#col2 ul {
	margin-left:0;
	font-size:100%;
}

#col2 ul {
	margin-left:0;
	font-size:100%;
	list-style: disc outside;
}

#col2 ul li {
	line-height: 1.4em;
	padding: 0 0 8px 10px;
}


ul.related-links li	{
	margin-bottom:5px;
}

p.sidebar-text {
	font-size:100%;
	line-height:200%;
}

/* =================================================== 

						QUOTE 

====================================================== */

.quote	{
	color:#666666;
	line-height:190%;
	margin-bottom:50px;
}

.quote h3	{
	background:url(/images/speech-bubble.jpg) no-repeat left;
	padding-left:25px;
	color:#44c4f3;
	margin-bottom:5px;
}

.quotation-mark	{
	padding:10px;
}

.quote-by	{
	text-align:right;
	font-size:100%;
}

/* =================================================== 

						FOOTER

====================================================== */

#footer	{
	position:relative;
	padding-top:450px;
clear:both;
}

#footer-inner-wrap {
	background:url(/images/footer-dirt-repeater.jpg) repeat-x;
}

#footer-content-wrap	{
	width:960px;
	height:101px;
	padding-top:20px;
	margin:0 auto;
	background:url(/images/footer-logos.jpg) no-repeat right;
}

#footer-content-wrap p	{
	padding-bottom:0;
	margin-bottom:0;
	font-size:100%;
	margin-left:18px;
	color:#352f2f;
	font-weight:normal;
}

#footer-nav	{
	width:430px;
	margin-bottom:10px;
	clear:both;
	font-size:80%;
	padding:10px 0px 10px 15px;
	background:url(/images/footer-nav-bg.jpg);
}

#footer-nav a	{
	color:#a6a6a6;
	text-decoration:none;
}

#footer-nav a:hover	{
	text-decoration:underline;
	color:#FFF;
}

#footer-nav	li {
	float:left;
	margin-right:8px;
	margin-bottom:2px;
}

#cow-left {
	background:url(/images/footer-cow-left.jpg) no-repeat left;
	height:427px;
	width:457px;
	position:absolute;
	left:0;
	top:29px;
	z-index:-1;
}

#cow-right {
	background:url(/images/footer-cow-right.jpg) no-repeat left;
	height:530px;
	width:513px;
	position:absolute;
	right:0;
	top:-80px;
	z-index:-1;
}

#main-background {
	background:url(http://dairyclassroom.ca/images/footer-grass-repeater.jpg) repeat-x 0px 183px;
	height:100%;
	width:100%;
	position:absolute;
	right:0;
	top:0px;
	z-index:-2;
}

#content-container ul.mdce-attachments {
margin: 0;
padding: 0;
list-style: none;
}

	#content-container ul.mdce-attachments li {
	list-style: none;
	background: url(../images/page_white_put.png) no-repeat 0 3px;
	padding: 0 0 6px 25px;
	margin: 0;
	}
		
#whats-the-exp {
	text-indent:-9000px;
	background: url(./images/what-is.png) no-repeat 45px;
	margin-bottom: 30px;
}

#home-content {
	width:940px;
	margin:0px auto;
	margin-top:-25px;
	text-align: center;
	position:relative;
	z-index: 8;
}

#home-vid-alt-content {
	background: url("./images/no-flash-bg.png") no-repeat;
	width: 645px;
	height: 389px;
	margin:0px auto;
	letter-spacing: -1px;
}

#home-vid-alt-content h2 {
	color: #0094cc;
	font-size: 30px;
	position:relative;
	top:40px;
}

#home-vid-alt-content p {
	color: #000000;
	font-size: 20px;
	line-height: 30px;
	position:relative;
	top:15px;
}

#alt-home-content-wrapper {
	margin:0px auto;
	width:472px;
}

#home-content {
	height:140px;	
}