@charset "utf-8";
/* CSS Document */
#mainbox {
	background: transparent url("../../images/bg-header.png") left top repeat-x;	
}

#wrapper {
	width: 973px;
	margin: 0 auto 0 auto;
	text-align: left;
}

#shadow-sides {
	background: transparent url("../../images/shadow-sides.png") left top repeat-y;
}

#shadow-bottom {
	height: 59px;
	background: transparent url("../../images/shadow-bottom2.png") left top no-repeat;
}

#padding {
	padding: 0 68px 0 68px;
}

#header {
	height: 107px;
	background: transparent url("../../images/hrule.gif") left 88px repeat-x;
	position: relative;
}

#logo {
	width: 232px;
	height: 61px;
	position: absolute;
	top: 15px;
	left: 46px;
}

#colblock {
	background: transparent url("../../images/vrule.gif") 585px top repeat-y;
	padding-top: 5px;
	height: 100%;
}

#col1 {
	width: 565px;
	float: left;	
}

#col2 {
	float: right;
	width: 233px;
}

.sidebar {
	background: transparent url("../../images/hrule.gif") left bottom repeat-x;
	padding: 0 0 20px 12px;
	margin-bottom: 20px;
}

.sidebar.last {
	background: none;
	margin: 0;
}

#dots {
	background: transparent url("../../images/colored-dots.gif") 15px top no-repeat;
	height: 65px;
}

#footer {
	height: 94px;
	background: transparent url("../../images/shadow-bottom.png") left top no-repeat;
	padding: 15px 68px 0 68px;
	text-align: center;
	color: #fff;
}

#footer a, #footer a:link {
	color: #fff;
	text-decoration: none;
} 



/* Helper class 
-------------------------------------------*/
.clear {
    clear: both;
    height: 0px;
    font-size: 1px;
    border: none;
    margin: 0;
    padding: 0;
    background: transparent;
    line-height:0em;
    display: block;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

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

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

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

.gray-rule {
	background: transparent url("../../images/hrule.gif") left top repeat-x;
	clear: both;
	height: 26px;
}