@charset "utf-8";
/* CSS Document */

body {
	background:url('../img/page_back.jpg') repeat-x #1E2C2F;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
a, a:visited {
	text-decoration:none;
	color:#FFF;
	}
a:hover {
	text-decoration:underline;
	}

#wrap {
	width:960px;
	margin:0 auto;
	}
	
#header {
	height:171px;
	background:url('../img/header.jpg') no-repeat  #1E2C2F;
	}
	
	#header div.nav {
		color:#FFF;
		padding-top:137px;
		}
		#header div.nav ul {
			list-style:none;
			margin:0 12px;
			padding:0 14px;
			font-size:11px;
			}
		#header div.nav li {
			display:inline;
			padding-right:14px;
			}			
#leader {
	height:339px;
	border-top:1px dotted #038b8d;
	border-bottom:1px dotted #038b8d;
	}
	
	#post {
		width:590px;
		margin:4px auto;
		}
		#post img {
			border:1px solid #375054;
			}

#container {
	background:url('../img/content_upper.jpg') no-repeat;
	color:#fff;
	min-height:165px;
	}
	
	#lower {
		width:960px;
		height:129px;
		margin:0 auto;
		background:url('../img/content_lower.jpg') no-repeat;
		}
		#rand {
			width:820px; 
			margin:0 auto;
			text-align:center;
			}
		#rand img {
			padding:5px;
			margin-bottom:22px;
			}
	#container h1 {
		font-size:14px;
		margin:0; 
		padding:10px 24px;
		}
	#container ul.inbody {
		padding-left:52px;
		}
	#container p, #container {
		line-height:16px;
		font-size:11px;
		padding:0 24px;
		}
	
	#container div.heading, #container div.toggler {
		margin-top:15px;
		padding:0 24px;
		}
	#container div.bio, #container div.element {
		height:120px;
		padding:0 24px;
		}
		
	#container div.bio img, #container div.element img {
		float:left;
		padding-right:8px;
		}
	
	#footer {
		font-size:9px; 
		color:#59868C;
		text-align:center;
		background-color:#000000;
		border-top:1px solid #FFF;
		}
		#footer p {
			padding:8px 0;
			margin:0;
			}
		#footer ul {
			list-style:none;
			padding:0 0 18px 0;
			margin:0;
			}
		#footer li {
			display:inline;
			padding-right:15px;
			}
		#footer li.last {
			padding:0;
			}

form {
	width:450px;
	margin:0 auto;
	font-size:11px;
	padding-top:15px;
	}
	form.login {
		padding-top:125px;
		}
	form p {
		color:#fff;
		}
	form label {
		color:#FFF;
		width:450px;
		float:left;
		margin:4px 0 6px 0;
		}
		
	form input, form textarea {
		width:100%;
		}
		
	form #pwd {
		width:450px;
		margin-bottom:8px;
		}
	form #submit {
		margin-top:6px;
		width:95px;
		color:#5C878E;
		background-color:#000;
		border:1px dotted #395256;
		float:right;
		}
		
#temp {
	width:950px;
	height:330px;
	margin:5px auto;
	background-color:#CCCCCC;
	}

div.callbox {
	background:url('../img/callbox_back.jpg') repeat-x #7b978f;
	border:1px solid #7D9891;
	color:#000;
	width:770px; 
	margin:40px auto 0 auto;
	padding:6px;
	}
	div.callbox th {
		text-align:left;
		padding-top:15px;
		width:25%;
		}
	div.callbox td {
		vertical-align:top;
		}
	div.callbox ul {
		list-style:none;
		margin:5px 4px;
		padding:0;
		}
	div.callbox h2 {
		font-size:12px;
		padding:3px 0;
		margin:0;
		border-bottom:#000 dotted 1px;
	}

/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer { 
	width:960px !important;
	height:330px;
	display:block; 
	position:relative; 
	padding:0;
	overflow:hidden;
	}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:25px; 
	height:200px; 
	bottom:0px; 
	right:5px; 
	background:url(../img/slideitmoo_forward.png) no-repeat center;  
	}
#SlideItMoo_outer .SlideItMoo_back { 
	left:5px; 
	background:url(../img/slideitmoo_back.png) no-repeat center;  
	}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ; 
	overflow:hidden ; 
	width:940px; /* set a display width to make the slider look good in case js is disabled */
	margin:0 auto;
	padding:6px 0;
	}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items {
	display:block; 
	position:relative; 
	}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	display:block; 
	position:relative; 
	float:left; 
	margin:0 2px; 
	font-size:11px; 
	}
#SlideItMoo_items a { padding:0; margin:0; clear:both; display:block; }
#SlideItMoo_items a img{ border:none; }