/* CSS Document */

body {
	background-color: #f1f1db;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 0px;
}

p {
    margin: 0px;
}

a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color:#FFFFFF;
    text-decoration:none;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#EFEFEF;
	text-decoration:underline;
}
font {

	font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;

}

.header {

	height: 40px;
    background-color: #3A3434;
    margin-top: 10px;
    border-bottom:solid;
    border-bottom-width:3px;
    border-bottom-color:#999999


}
#bottomB {
	width: 863px;
	height: 50px;
	clear: both;
	text-align: center;
}


.main-body-top {

	width: 940px;
    height: 32px;
    margin-right: auto;
    margin-left: auto;
    background-color: #f1f1db;
    background-image: url(images/bg-top.jpg);
    background-repeat: no-repeat;

}
.featured {
	position: relative;
	height: 50px;
	width: 863px;
	background-color: #666;
	top: 325px;
}

.main-body-middle {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	background-color: #f1f1db;
	background-image: url(images/bg-main.png);
	background-repeat: repeat-y;
}


.body-content {
	width: 92%;
	margin-right: auto;
	margin-left: auto;

}


.main-body-bottom {
	width: 100%;
	border-top-style: solid;
	border-top-color: #999999;
	border-top-width: 3px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #3A3434;
	background-color: #3A3434;
	position: relative;
	bottom: 0px;
	float: left;

	

}
.body-blank {
	background-image: url(images/body-bg-top.gif);
	background-repeat: no-repeat;
}


.bottom-content {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	color: #CCC;

}


.header-content {

	width: 885px;
    height: 38px;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: auto;
    margin-right: auto;
}

.logo {
	width: 300px;
	color: #FFFFFF;
	float: left;
	padding-top: 11px;
	height: 30px;
	padding-left: 15px;

}

.nav {

	width: 550px;
	color: #FFFFFF;
    float: right;
    height: 30px;

}

.button-nav {
	width: 100px;
	height: 30px;
	float: right;
	padding-top: 11px;
	text-align: center;
	

}

.button-nav:hover{
background-color:#999999
}

.footer-text {
	color: #FFF;
	}

.picture-border {
	border: 5px solid #cdcccc;
	margin-left: 28px;
	padding-left: 28px;

}

.portfolio {
	padding-top: 20px;
	padding-bottom: 13px;
	text-align: center;

}
.three-left {
	height: 250px;
	width: 280px;
	background-image: url(images/three-bg-green.png);
	text-align: center;
	color: #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-indent: 10px;
}
.three-middle {
	height: 250px;
	width: 280px;
	background-image: url(images/three-bg-blue.png);
	text-align: center;
	color: #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-indent: 10px;

}
.three-right {
	height: 250px;
	width: 280px;
	background-image: url(images/three-bg-red.png);
	text-align: center;
	color: #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-indent: 10px;

}
.main-body-middle .body-content .three-left ul {
	text-align: left;
	font-size: 17px;
}
.main-body-middle .body-content .three-middle ul li {
	text-align: left;
	font-size: 17px;
}
.main-body-middle .body-content .three-right ul {
	text-align: left;
	font-size: 17px;
}
.button-nav-design {
	width: 100px;
	height: 30px;
	float: right;
	padding-top: 11px;
	text-align: center;
}