/* CSS Document */
html, body, #main-container {height: 100%;}

body > #main-container {height: auto; min-height: 100%;}


body {
	background:URL('../images/body-bg.jpg') top left repeat-x #fafafa;
	text-align:center;
}

#main-container {
	margin:auto;
	width:758px;
	padding-left:4px;
	padding-bottom:187px;
	background:URL('../images/main-bg.png') top left repeat-y;
}

#header-container {
	margin-top:103px;
	/*background:url('../images/logo.png') top left no-repeat;*/
}

#top-bar {
	height:30px;
	width:518px;
	border:1px solid #f52383;
	background:url('../images/top-bar.gif') top left repeat-x;
}

#link-container {
	height:36px;
	position:relative;
}

#sidebar li a {
	margin-left:17px;
}

#content-container {
	position:relative;
	width:762px;
	text-align:left;
}

#footer {
	height:172px; 
	padding-top:15px; 
	background:url('../images/footer-bg.jpg') top left repeat-x; 
	text-align:center;
	z-index:2;
	position:relative;
	bottom:0px;
	width:100%;
	margin-top: -187px; /* negative value of footer height */
	clear:both;
}

#footer-content {
	width:520px; 
	margin:0 auto; 
	text-align:left; 
	position:relative;
	padding-right:242px;
}

.footer-col {
	float:left;
}

.col1 {
	width:200px;
}

.col2 {
	width:181px;
}

.col3 {
	
}

.social-icon {
	top:5px; 
	position:relative; 
	margin-right:5px;
}

#boring {
	top:50px; 
	position:relative;
	clear:both;
}

#boring hr {
	border:0; 
	height:2px; 
	background:url('..//images/footer-hr.png') top left repeat-x; 
	padding-bottom:5px;
}

#boring p {
	margin-bottom:10px;
}

.contact-page {
	background:url('../images/contact-bg.jpg') top left no-repeat;
}

#right-shadow {
	width:8px;
	height:638px;
	position:absolute;
	right:-8px;
	top:0px;
	background:url('../images/right-shadow.png') top right no-repeat;
}

#left-shadow {
	width:8px;
	height:638px;
	position:absolute;
	left:-8px;
	top:0px;
	background:url('../images/left-shadow.png') top right no-repeat;
}

#left-col {
	width:488px;
	text-align:left;
	float:left;
	position:relative;
	padding:16px;
}

#sidebar {
	width:230px;
	margin-left:520px;
	text-align:left;
	padding-top:15px;
	padding-left:12px;
}

#searchbox {
	background:url('../images/search-bg.gif') top left repeat-x;
	border:1px solid #ee4489;
	height:28px;
	width:163px;
	padding-left:5px;
	padding-top:3px;
	margin-bottom:10px;
	margin-top:-15px;
	margin-left:3px;
}

#homepage-middle {
	/*background:url('../images/homepage-middle-bg.gif') top left repeat-x;*/
	text-align:center;
	margin-top:13px;
	margin-bottom:13px;
}

#homepage-middle-content {
	margin:auto;
	width:469px;
	text-align:left;
	padding:10px;
	background-color:#ffffff;
	border:1px solid #a5a5a5;
}

.homepage-section {
	width:151px;
	background:url(../images/home-section-bg.gif) top left repeat-y;
	padding:4px 3px;
	padding-bottom:8px;
	position:relative;
	float:left;
}

.section2, .section3 {
	margin-left:8px;
}

#contact-text {
	width:265px;
	padding-top:9px;
	height:280px;
}

.entry img {
	background:url('../images/image-background.gif') top left no-repeat;
	width:466px;
	height:308px;
	padding:12px 11px;
}

hr {
	background:url('../images/dot-bg-repeat.gif') bottom left repeat-x;
	height:3px;
	border:0;
	margin-bottom:10px;
}

.left-arrow {
	position:relative;
}

.right-arrow {
	float:right;
	position:relative;	
}

.left-arrow img, .right-arrow img {
	position:absolute;
	top:-14px;
}

.right-arrow img {
	right:0px;
}

.left-arrow img {
	left:0px;
}

.navigation div {
	height:60px;
	padding-top:10px;
}

.navigation {
	overflow:auto;
}

/* Begin Comments*/
.comment {
	border:1px solid #D0CDCA;
}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

div.scrollable div.items { 
    position:absolute; 
}

.prevPage, .nextPage {
	cursor:pointer;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */