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

body {
		background-image: url(../img/main_bg.jpg);
		background-color: #0b2940;
		background-position: center top;
		background-repeat: no-repeat;
		font-size: 11px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		color: #FFF;
		margin: 0;
}


a {
	outline: none;
	text-decoration: none;
	color: #FFF;
}
#wrapper {
	width: 570px;
	height: 500px;
	position: relative;
	margin: 0 auto;
}

#header {
		width: 570px;
		position: relative;
		float: left;
		height: 400px;
}

a#logo {
	display: block;
	width: 302px;
	height: 120px;
	background-image: url(../img/logo.gif);
	position:absolute;
	left: 20px;
	top: 90px;
}

a#logo:hover {
	background-position: 0 -120px;
}

div.logo-label {
	width: 200px;
	height: 20px;
	position: absolute;
	left: 145px;
	top: 122px;
	color: #99bedf;
}

#menu {
		width: 100%;
		position: relative;
		float: left;
		height: 42px;
		margin-top: 20px;
}

a.menu-link {
		display: block;
		height: 42px;
		position: relative;
		float: left;
		width: 114px;
		background-image: url(../img/menu/b1.jpg);
		text-align:center;
		line-height:42px;
		font-weight:bold;
		font-size:14px;
		
}

a.menu-link:hover {
	background-position: 0 -42px;
}


div.asspan{
		height: 42px;
		position: relative;
		float: left;
		width: 114px;
		background-image: url(../img/menu/b1.jpg);
		text-align:center;

		background-position: 0 -42px;
		line-height:42px;
		font-weight:bold;
		font-size:14px;
		
}


a.menu-link:hover {

}

a.m-one {
		background-image: url(../img/menu/b2.jpg);
		width: 140px;
}

a.m-two {
		background-image: url(../img/menu/b3.jpg);
		width: 119px;
}

a.m-three {
		background-image: url(../img/menu/b4.jpg);
		width: 131px;
}

a.m-four {
		background-image: url(../img/menu/b5.jpg);
		width: 62px;
}

.title {
		margin-left: 30px;
		position: relative;
		float: none;
}

p {
	width: 85%;
	margin-left: 32px;
	color: #6a757f;
	line-height: 18px;
}

.breadcrumb {
	width: 500px;
	height: 50px;

	margin-left: 32px;
	margin-top: 5px;
}

.breadcrumb a, .breadcrumb div, .breadcrumb img{
		position: relative;
		float: left;
		color: #6a757f;
}

.breadcrumb img {
		margin: 4px;
}

#footer {
	width: 100%;
	position: relative;
	float: left;
	height: 243px;
	background-image: url(../img/footer.jpg);
	background-position: center top;
}

#content {
	width: 100%;
	position: relative;
	float: left;
	background-image: url(../img/content_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 500px;
}


.three-columns {
	width: 170px;
	height: 300px;
	margin-left: 10px;
	 position: relative;
	 float: left;

}

a.portfolio-links {
		display: block;
		position: relative;
		float: left;
		height: 150px;
		background-repeat: no-repeat;
		width:514px;
		margin-bottom: 20px;
		margin-left: 30px;
		background-image: url(../img/pf/a_01.jpg);
}

a.portfolio-links:hover {
	background-position: -514px 0;
}


#bottom-menu {
		position: relative;
		float: left;
		width: 100%;
		height: 150px;
		background-image: url(../img/content_bg.jpg);
		background-repeat: no-repeat;
}

.bottom-menu-link {
	display: block;
	width: 86px;
	height: 122px;
	background-image: url(../img/btns/a_01.jpg);
	margin-left: 20px;
	position: relative;
	float: left
}

.mb-second {	
	background-image: url(../img/btns/a_02.jpg);
}

.mb-third{	
	background-image: url(../img/btns/a_03.jpg);
}

.btm-m1, .btm-m2, .btm-m3 {
	display: block;
	width: 86px;
	height: 122px;
	background-image: url(../img/btns/a_01.jpg);
	background-position:0 -122px;
}

.btm-m2 {
	background-image: url(../img/btns/a_02.jpg);
	background-position:0 -122px;	
}

.btm-m3 {
	background-image: url(../img/btns/a_03.jpg);
	background-position:0 -122px;	
}

.cake-sql-log {
	display:none;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	position:fixed;
	bottom:20px;
	left:30px;
	border:1px solid #F60;
	background-color:#FFF;
	color:#009;
	padding:15px;
}
.cake-sql-log caption {
	color:#FFF;	
}

#debug-open-close {
	background-image:url(../img/slide_left.jpg);
	width:19px;
	height:19px;
	background-position:19px 0; 
	position:fixed;
	bottom:20px;
	left:0px;
}
#debug-open-close:hover {
	background-position:0 0px;
	cursor:pointer;
}