@charset "utf-8";
body{
	background:#3E3E3E url(img/canvas.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
a{ 
    color:#33A2D1;
	text-decoration:none;
}
a:hover{ 
    color:#CCCCCC;
	text-decoration:none;
}

#page{
    width:796px;
	background:#FFFFFF;
	padding:2px 2px 20px 2px;
	margin:auto;
}
#box-header{
    background:#33a2cf url(img/header-bg.jpg) repeat-x;
	border:#414141 1px solid;
	padding:10px 10px 19px 10px;
	text-align:center;
}
.header-division{
    height:8px;
	margin:0px 0px 8px 0px;
	border-bottom:#BEBEBE 1px dotted;
}
#content{
    padding:0px 6px 0px 6px;
	margin:0px;
	line-height:20px;
}
#portfolio{
	padding:0px;
	margin:0px;
	list-style-type: none;
}
#portfolio li{
	padding:0px;
	float:left;
	color:#000000;
	width:252px;
	display:block;
	text-align:left;
	font-size:11px;
}
#portfolio li a{
	color:#000000;
	text-decoration:underline;
}
#portfolio li a:hover{
	color:#40C7FF;
	text-decoration:underline;
}
#portfolio li img{
	padding:0px;
	margin:0px;
	border:#000000 1px solid;
}
.port-list{
    margin:0px 14px 20px 0px;
}

#footer{
    margin:auto;
	width:800px;
	color:#FFFFFF;
	font-size:12px;
	overflow:hidden;
	background:url(img/bottom-shadow.png) no-repeat top;
	padding:30px 0px 0px 0px;
}
#footert a{
    color:#40C7FF;
	text-decoration:none;
}
#footer a:hover{
    color:#FFFFFF;
	text-decoration:none;
}

.f-left{
    float:left;
}
.f-right{
    float:right;
}
.clear-b{
    clear:both;
}
.stoodeblue{
    color:#40C7FF;
}