/* Import CSS Files */
@import url(/assets/css/reset.css);

@media screen {
	/* Framework */
	html {
		background: url(/assets/images/layout/bg-stripes-tile.gif);
	}

	body {
		margin: 0;
		padding: 0;
		background: url(/assets/images/layout/bg-brackets.png) center top no-repeat;
		min-height: 900px;
	}

	/* Page Container */
	#wrapper {
		width: 900px;
		position: relative;
		margin: 0px auto; padding: 0 0 50px 0;
		z-index: 1000;
		background: transparent;
	}
		ul#social-media 
	    {
	        overflow: hidden;
	        position: absolute;
	        right: 10px;
	        top: 15px;
	        z-index: 200;
	    }
	        ul#social-media li 
	        {
	            list-style-type: none;
	            float: left;
	            margin: 0 5px 0 0;
	            padding: 0;
	            text-indent: -99999px;
	        }
	        ul#social-media li a 
	        {
	            display: block;
	            height: 16px;
	            width: 16px;
	        }
	        a.facebook {background: url(/assets/images/social-media/icon-facebook.gif) no-repeat;}
    	        a.facebook:hover {background: url(/assets/images/social-media/icon-facebook-over.gif) no-repeat;}
            a.twitter  {background: url(/assets/images/social-media/icon-twitter.gif) no-repeat;}
                a.twitter:hover  {background: url(/assets/images/social-media/icon-twitter-over.gif) no-repeat;}
	        a.youtube  {background: url(/assets/images/social-media/icon-youtube.gif) no-repeat;}
	            a.youtube:hover  {background: url(/assets/images/social-media/icon-youtube-over.gif) no-repeat;}

	/* Main Content Wrapper */
	#contentwrapper {
		margin: 0;
		padding: 0;
	}

	/* Footer */
	#footer {
		clear: both;
		padding-top: 10px;
		min-height: 120px;
		position: relative;
	}

	#social-media {
		margin-right: 10px;
		float: right;
	}

	.social-media-icon {
		margin-right: 2px;
		border: none;
	}

	/* Logo Banner */
	#logo-banner {
		width: 900px;
		height: 200px;
		position: relative;
		z-index: 10;
	}

	/* Arrow Button */
	.view-more-arrow-btn {
		border: none;
	}
}

/* Content */
#primary-content {
	margin-top: -27px;
	width: 900px;
}

#primary-content .content {
	background: #fff url(/assets/images/layout/home/rounded-corners-top-900px.gif) 0 0 no-repeat;
	overflow: hidden;
	padding-top: 9px;
}

#primary-content .left-column {
	float: left;
	width: 595px;
	padding: 25px 25px 25px 35px;
	position: relative;
}

#primary-content .right-column {
	float: left;
	position: relative;
	width: 245px;
	padding: 0 0 11px 0;
	background: url(/assets/images/layout/bg-sidebar-stripes.gif) 0 0 no-repeat;
}



#secondary-content {
	margin-top: 10px;
}

#secondary-content .content {
	background: #fff url(/assets/images/layout/home/rounded-corners-top-900px.gif) 0 0 no-repeat;
	padding-top: 9px;
}

#secondary-content .left-column {
	padding: 25px 25px 25px 50px;
	background: #fff url(/assets/images/layout/bg-side-stripes.gif) left top no-repeat;
	float: left;
	width: 425px;
}

#secondary-content .right-column {
	padding: 8px 50px 43px 50px;
	background: #fff url(/assets/images/layout/home/bg-column-diagonal-stripes.gif) left top no-repeat;
	float: right;
	position: relative;
	width: 292px;
}

#secondary-content .dept {
	margin: -10px 0 20px 0;
}

#secondary-content .dept .left-column, #secondary-content .dept .right-column {
	background: url(/assets/images/layout/pr/secondary-content-rounded-corners-top-445px.gif) no-repeat;
	width: 445px;
	font-size: 11px;
	color: #fff;
	line-height: 17px;
	padding: 9px 0 0 0;
	position: relative;
}

#secondary-content .dept .left-column {
	float: left;
	letter-spacing: -.5px;
}

#secondary-content .dept .right-column {
	float: right;
}

#secondary-content .dept .inner-content {
	background: url(/assets/images/layout/pr/secondary-content-bg-tile-445px.gif) repeat-y;
}

#secondary-content .dept .right-column .inner-content {
	font-size: 11px;
	color: #BBB;
}

#secondary-content .dept .column-end {
	width: 445px;
	height: 9px;
	background: url(/assets/images/layout/pr/secondary-content-rounded-corners-bottom-445px.gif) no-repeat;
}

/* scrollable */
div.scrollable {
	position: relative;
	overflow: hidden;
}

div.scrollable ul {
	/* this cannot be too large */
	width: 20000em;
	position: absolute;
}

div.scrollable ul li {
	float: left;
}

div.navi {
	width: 60px;
	height: 20px;
	position: absolute;
	top: 228px;
	left: 50px;
}

/* items inside navigator */
div.navi a {
	width: 8px;
	height: 8px;
	float: left;
	margin: 3px;
	background: url(/assets/images/layout/navigator.png) 0 0 no-repeat;
	display: block;
	font-size: 1px;
}

/* mouseover state */
div.navi a:hover {
	background-position: 0 -8px;
}

/* active state (current page state) */
div.navi a.active {
	background-position: 0 -16px;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 111px;
	cursor: pointer;
	font-size: 1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position: 0px -18px;
}

/* disabled navigational button */
a.disabled {
	visibility: hidden !important;
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image: url(/assets/images/layout/right.png);
	right: 20px;
}

/* next button uses another background image */
a.prev, a.prevPage {
	background-image: url(/assets/images/layout/left.png);
	left: 20px;
}

.content-end {
	width: 900px;
	height: 9px;
	background: url(/assets/images/layout/home/rounded-corners-bottom-900px.gif) 0 0 no-repeat;
}

.orange-bar {
	height: 19px;
	background: url(/assets/images/layout/bottom_left_bar.gif) 0 0 no-repeat;
}

#primary-content .content-end, #secondary-content .content-end {
	clear: both;
}

div.overlay {
	background-image: url(http://flowplayer.org/tools/img/overlay/white.png);
	width: 90%;
	height: 945px;
	display: none;
	padding: 55px;
}

div.overlay div.close {
	background-image: url(http://flowplayer.org/tools/img/overlay/close.png);
	position: absolute;
	right: 25px;
	top: 25px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}

/* Generics */
.display-block {
	display: block;
}

.display-inline {
	display: inline;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.clearboth {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.addmargin {
	margin: 10px;
}

.addtopmargin {
	margin-top: 10px;
}

.addrightmargin {
	margin-right: 10px;
}

.addbottommargin {
	margin-right: 10px;
}

.addleftmargin {
	margin-left: 10px;
}

.addpadding {
	padding: 10px;
}

.addtoppadding {
	padding-top: 10px;
}

.addrightpadding {
	padding-right: 10px;
}

.addbottompadding {
	padding-bottom: 10px;
}

.addleftpadding {
	padding-left: 10px;
}

.img-left {
	padding: 0 10px 10px 0;
	float: left;
}

.img-right {
	padding: 0 0 10px 10px;
	float: right;
}

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

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