/* ==============================*/
/* Key of E CSS Document         */
/* Copyright Scaled Method 2007  */
/* ==============================*/

body {
	/*background: #a8d4eb url(images/main-bg.jpg) repeat-x;*/
	background: #68add6 url(images/main-bg.jpg) repeat-x;
	padding:0px;
	margin:0px;
	border:0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	line-height:16px;
}

#moz-message { display:none; }

@-moz-document url-prefix() {
    #moz-message {
        display:block;
    }
}


img {
	border:0px;
}

#backdrop {
	background: #a8d4eb url(images/main-bg.jpg) repeat-x;
	margin:0px;
	padding:0px;
}

#container {
	margin:0px auto;
	padding:0px;
	width:750px;
}

#header {
	margin:0px auto;
	padding:0px;
	width:750px;
	/*height:220px;*/
	background:url(images/header.jpg) no-repeat;
	/*text-indent:-10000px;*/
}

#overflow {
	margin:0px;
	padding:0px;
	width:670px;
	background:#FFFFFF url(images/header.jpg) -40px 0px no-repeat;
	margin-left:40px;
}

#content {
	background: url(images/content-footer.jpg) left bottom no-repeat;
	width:670px;
	padding:0px;
	margin:0px;
	min-height:290px;
}

.break {
	text-indent:-10000px;
	height:12px;
	clear:both;
}

/* ------------- Links ---------------- */

#mainLinks {
	text-align:center;
	list-style:none;
	padding:90px 0px 10px 0px;
	margin:0px;
}

#mainLinks li {
	display:inline;
	padding:10px;
}

a:link {
	color:#53a8d1;
	text-decoration:none;
}

a:visited {
	color:#53a8d1;
	text-decoration:none;
}

a:active, a:hover {
	color:#65cdff;
	text-decoration:underline;
}

#footerContent a:link, #footerContent a:visited {
	color:#fff;
	text-decoration:underline;
}

#footerContent a:active, #footerContent a:hover {
	color:#53a8d1;
	text-decoration:none;
}

.isSelected {
	font-weight:bold;
	text-decoration:underline;
}

.portLink {
	background:url(/images/iconPlay.gif) 0px 3px no-repeat;
	padding-left:16px;
	display:block;
}
	
/* //////////////////////////////////// */
/* ------------- Content -------------- */
/* //////////////////////////////////// */

.centerContent {
	border-bottom:1px solid #53a8d1;
	padding:5px 0px 10px;
	margin:0px 25px;
	width:620px;
	margin-bottom:30px;
}

.leftContent, .leftContentNoBorder {
	width:210px;
	float:left;
/*	display:inline;*/
}

.rightContent {
	width:220px;
	border:1px solid red;
}

.noBorder {
	border:0px;
}

p {
	padding-left:6px;
}

.subMenu {
	list-style:none;
	height:1.2em;
	padding:0px;
	margin:auto;
	margin-bottom:16px;
}

.subMenu li {
	float:left;
	padding-right:16px;
	display:block;
}
	

/* ------- Video Player ------- */

.file_title {
	padding-top:20px;
	text-align:center;
}

audio {
	margin:auto;
	width:400px;
}

#portfolio_frame {
	border:none;
	/*background:none #fff;*/
}

#video_player, #video_player_homepage {
	width:389px;
	height:342px;
	padding:0px;
	display:block;
	vertical-align:bottom;
	margin:0px auto 10px;
}

/* sets float margin on video player for homepage only */
/*#video_player_homepage {
	margin-left:237px;
}*/

#video {
	/*width:389px;
	height:342px;
	padding:0px;
	margin:0px 0px 20px 220px;*/
}

.download_link {
	height:16px;
	padding:1px 25px 1px 5px;
	background:url(/images/iconDown.gif) 0% 0% no-repeat;
}

/* ------- Credits ------- */

.credit b {
	display:block;
}


/* ////////////////////////////////// */
/* ---------- end content ----------- */
/* ////////////////////////////////// */

/* ------- tables ------- */

table {
	background:#ffffff;
	border-collapse: collapse;
}

.detailsTable {
	margin-top:25px;
}

td {
	padding:5px;
}

.tableheader {
	width:620px;
	background:url(images/table-header.jpg) repeat-x;
	text-align:center;
}

.tableheader td {
	padding:4px;
	margin:0px;
	border-collapse: collapse;
	text-align:left;
}

.tableColA {
	background:#ecf5fa;
}

.tableColB {
	background:#FFF;
}

/* ----- end tables ----- */

/* ---- inputs ----- */

label {
	display:block;
	margin-bottom:10px;
	width:70px;
	float:left;
}

input, textarea {
	border:1px solid #aad4ea;
	background:#ecf5fa;
	color:#6baed8;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

option, select {
	background:#ecf5fa;
	color:#6baed8;
	padding:0px;
	margin:0px;
}

select {
	border:1px solid #aad4ea;
}

option:hover {
	background:#6baed8;
	color:#ecf5fa;
}

.quicklinks {
	margin-left:240px;
}

.quicklinks .adminHeaderStub {
	background:url(images/quicklinks.jpg) no-repeat;
}

.loginBox {
	width:210px;
	float:left;
}

.loginButton {
	background:url(images/button-login.jpg) no-repeat;
	width:63px;
	height:18px;
	margin-left:135px;
	border:0px;
}

.loginButton:hover {
	cursor:pointer;
}

.loginText {
	width:40px;
	float:left;
	margin:4px 8px;
}

.loginInput {
	display:block;
	margin:8px 0px;
	margin-left:56px;
	width:140px;
}

.linkDel {
	text-indent:-10000px;
	background:url(images/iconDelete.gif) no-repeat;
	display:block;
	height:16px;
	width:16px;
}

.linkEdit {
	text-indent:-10000px;
	background:url(images/iconEdit.gif) no-repeat;
	display:block;
	height:16px;
	width:16px;
}

.toTopLink {
	display:block;
	margin-bottom:12px;
	margin-left:4px;
}

/* ---- end inputs ---*/

#footer {
	margin:0px;
	padding:0px;
	background:#68add6 url(images/footer-bg.jpg) repeat-x;
}

#footerContent {
	text-align:center;
	font-size:10px;
	color:#FFF;
	background:#68add6 url(images/footer-bg-2.jpg) repeat-x;
	width:650px;
	margin:auto;
	padding:10px;
}

/* /////////////////////////// */
/* ----- Administration ------ */
/* /////////////////////////// */

.adminHeader, .adminHeaderStub {
	background:#58acd0 url(images/admin-header-bg.jpg) no-repeat;
	color:#FFF;
	padding:10px;
	font-weight:bold;
	font-size:14px;
}

.adminHeaderStub {
	background:#58acd0 url(images/admin-stub.jpg) no-repeat;
}

.adminBody {
	background:#FFF url(images/admin-body-bg.jpg) repeat-y;
	padding:10px;
	color:#666666;
	/*border:1px solid #58acd0;*/
	margin-bottom:10px;
}

.adminItem {
	background:#FFF;
	padding:10px;
	margin-bottom:10px;;
}

.adminAdd {
	padding:10px;
}

.subFilter {
	background:url(images/subfit.gif) 5px -2px no-repeat;
	text-indent:15px;
	padding:0px;
}