/*
 *  General styles
 */

#window {
	/* fallback, and background color for when the image is loading */
	background-color: #CACECD;
	background-image: url("../img/main-background.png");
	background-repeat: repeat;
	
	color: #404E4C;
	font-family: VeraSansRoman, "Comic Sans MS";
	// line-height: 110%;
}

#wrapper {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
}

#page {
	margin-top: 145px;
	min-height: 700px;
	
	/* IE fallback */
	background-color: #FFFFFF;

	background-image: linear-gradient(bottom, rgb(225,225,225) 0%, rgb(255,255,255) 50%);
	background-image: -o-linear-gradient(bottom, rgb(225,225,225) 0%, rgb(255,255,255) 50%);
	background-image: -moz-linear-gradient(bottom, rgb(225,225,225) 0%, rgb(255,255,255) 50%);
	background-image: -webkit-linear-gradient(bottom, rgb(225,225,225) 0%, rgb(255,255,255) 50%);
	background-image: -ms-linear-gradient(bottom, rgb(225,225,225) 0%, rgb(255,255,255) 50%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(225,225,225)),
		color-stop(0.5, rgb(255,255,255))
	);
}

#code {
	min-height: 700px;
	background-image: url("../img/code-background.png");
	background-repeat: no-repeat;
	background-position: left bottom;
}


/*
 *  Menu styles
 */

#menu-container {
	height: 190px;
}


.menu {
	padding-top: 60px;
	padding-bottom: 5px;
	
	margin-left: 30px;
	width: 290px;
	
	font-size: 20px;
	font-weight: 900;
	
	background-image: url("../img/header-line.png");
	background-repeat: repeat-x;
	background-position: left bottom;
	float: left;
	
	
	/* text-shadow: 1px 1px 1px #000; */
}

.menu a {
	color: #628580;
	text-decoration: none;
}

.menu a:hover {
	text-decoration: underline;
}

.menu-left{
	margin-left: -40px;
	margin-right: 30px; 
	float: right;
}

#logo {
	width: 378px;
	height: 265px;
	float: left;
	
	background-image: url("../img/logo-main-large.png");
	background-repeat: no-repeat;
	margin-top: -120px;
	margin-left: -35px;
}

#main-page-content-container {
	height: 400px;
}


/*
 *  Footer styles
 */
 
#footer-gradient {
	background-image: url("../img/footer-gradient-background.png");
	background-repeat: repeat-x;
	height: 31px;
	margin-top: -31px;
}

#footer {
	min-height: 390px;
	
	// i-Phone fix?
	border: solid 1px #404E4C;
	
	background-color: #404E4C;
	background-image: linear-gradient(bottom, #374240 43%, #404E4C 72%);
	background-image: -o-linear-gradient(bottom, #374240 43%, #404E4C 72%);
	background-image: -moz-linear-gradient(bottom, #374240 43%, #404E4C 72%);
	background-image: -webkit-linear-gradient(bottom, #374240 43%, #404E4C 72%);
	background-image: -ms-linear-gradient(bottom, #374240 43%, #404E4C 72%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.33, #374240),
		color-stop(0.92, #404E4C)
	);
}

#footer-logo {
	background-image: url("../img/logo-footer.png");
	height: 75px;
	width: 231px;
	padding-top: 30px;
	margin-bottom: 20px;
	
	background-repeat: no-repeat;
	background-position: left bottom;
	
	float: left;
}

#footer-logo-spacer {
	float: left;
	height: 125px;
	width: 700px;
}

#footer-sitemap-container {
	height: 350px;
}

.footer-sitemap {
	float: left;
	color: #CACECD;
	
	padding-right: 30px;
	
	font-size: 20px;
	text-shadow: 0 0 5px #000;
}

.footer-sitemap a {
	color: #CACECD;
	text-decoration: none;
	font-size: 16px;
	
	text-shadow: 0 0 5px #000;
}

.footer-sitemap a:hover {
	text-decoration: none;
	color: #FFF;
}

#footer-copyright {
	color: #CACECD;
	text-align: center;
	font-size: 10px;
	padding-bottom: 40px;
}

/*
 *  Misc styles
 */

.horizontal-ul{
	list-style: none;
	display: block;
	padding-bottom: 30px;
}

.horizontal-ul > li {
	float: left;
	padding-left: 20px;
}

.right {
	float: right;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}

h1 {
	color: #404E4C;
	//color: #856355;
	font-size: 38px;
	font-weight: bold;
	text-align: center;
	
	margin: 10px;
	margin-bottom: 30px;

}

/*
 *  Button style
 */
 
.button-large {
	color: #CACECD;
	
	text-align: center;
	
	margin: 5px;
	margin-top: 10px;
	padding: 15px;
	font-size: 26px;
	
	cursor: pointer;
	
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	/* IE fallback */
	background-color: #856355;
	background-image: linear-gradient(bottom, #7A5A4E 43%, #856355 72%);
	background-image: -o-linear-gradient(bottom, #7A5A4E 43%, #856355 72%);
	background-image: -moz-linear-gradient(bottom, #7A5A4E 43%, #856355 72%);
	background-image: -webkit-linear-gradient(bottom, #7A5A4E 43%, #856355 72%);
	background-image: -ms-linear-gradient(bottom, #7A5A4E 43%, #856355 72%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.43, #7A5A4E),
		color-stop(0.72, #856355)
	);
}



/*
 * Font styles
 */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 3, 2012 */



@font-face {
    font-family: 'VeraSansRoman';
    src: url('fonts/vera-webfont.eot');
    src: url('fonts/vera-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/vera-webfont.woff') format('woff'),
         url('fonts/vera-webfont.ttf') format('truetype'),
         url('fonts/vera-webfont.svg#BitstreamVeraSansRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'VeraSansBoldOblique';
    src: url('fonts/vera-bold-italic-webfont.eot');
    src: url('fonts/vera-bold-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/vera-bold-italic-webfont.woff') format('woff'),
         url('fonts/vera-bold-italic-webfont.ttf') format('truetype'),
         url('fonts/vera-bold-italic-webfont.svg#BitstreamVeraSansBoldOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'VeraSansBold';
    src: url('fonts/vera-bold-webfont.eot');
    src: url('fonts/vera-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/vera-bold-webfont.woff') format('woff'),
         url('fonts/vera-bold-webfont.ttf') format('truetype'),
         url('fonts/vera-bold-webfont.svg#BitstreamVeraSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'VeraSansOblique';
    src: url('fonts/vera-italic-webfont.eot');
    src: url('fonts/vera-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/vera-italic-webfont.woff') format('woff'),
         url('fonts/vera-italic-webfont.ttf') format('truetype'),
         url('fonts/vera-italic-webfont.svg#BitstreamVeraSansOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}










/*
 *  Debug styles
 */

.red {
	background-color: red;
}

.green {
	background-color: green;
}

.blue {
	background-color: blue;
}