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

html,body{
	background: url(../images/html_bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 0px;
	margin: 0px;
	background-color: #666;
	font-family: font-family: 'PT Serif', serif;
	font-size: 15px;
	}
	
#content_wrapper{
	width: 1100px;
	height: auto;
	/*overflow: auto;*/
	margin: 0px auto;
}

#title_content{
	width: 1000px;
	height: 30px;
	margin: 0px auto;
	padding-top: 5px;
	background-color: #9B1D3B;
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	color: #FFF;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
	text-shadow: 1px 1px #000;
}

#banner_image{
	width: 1000px;
	height: 235px;
	margin: 0px auto;
	background-color: #FFF;
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF; 
}

#navigation_wrapper{
	width: 1000px;
	height: 35px;
	margin: 0px auto;
	background-color: #9B1D3B;
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

.navigation_content{
	width: 1000px;
	height: 35px;
	margin: 0px auto;
	color: #FFF;
}

.navigation_content ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

li.nav_content_active{
	color: #007CC6;
	text-decoration: none;
	width: auto;
	height: 30px;
	float: left;
	padding: 5px 24px 0px 25px;
	margin: 0px;
	font-size: 17px;
	background-color: #FFF;
}

.navigation_content ul li a{
	color: #FFF;
	text-decoration: none;
	width: auto;
	height: 30px;
	float: left;
	padding: 5px 24px 0px 25px;
	margin: 0px;
	font-size: 17px;
	transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}

.navigation_content ul li a:hover{
	color: #9B1D3B;
	text-decoration: none;
	background-color: #FFF;
	width: auto;
	height: 30px;
	padding: 5px 24px 0px 25px;
	margin: 0px;
}

h3{
	margin: 5px 0px 0px 0px;
	color: #9B1D3B;
}

#body_content_wrapper{
	width: 1000px;
	height: 400px;
	margin: 0px auto;
	background-color: #666;
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

#body_content_left{
	width: 566px;
	height: 366px;
	padding: 15px;
	float: left;
	background-color: #CACFB8;
	border: 2px solid #9B1D3B;
	color: #333;
	font-size: 17px;
	text-align: justify;
}

#body_content_left a{
	text-decoration: none;
	color: #333;
}

#body_content_left a:hover{
	text-decoration: underline;
	color: #9B1D3B;
}

#body_content_right{
	width: 398px;
	height: 396px;
	float: right;
	background-color: #666;
	border-top: 2px solid #9B1D3B;
	border-right: 2px solid #9B1D3B;
	border-bottom: 2px solid #9B1D3B;
}

#body_large_wrapper{
	width: 1000px;
	height: 560px;
	margin: 0px auto;
	background-color: #666;
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

#body_large_left{
	width: 566px;
	height: 526px;
	padding: 15px;
	float: left;
	background-color: #CACFB8;
	border: 2px solid #9B1D3B;
	color: #333;
	font-size: 17px;
	text-align: justify;
}

#body_large_left a{
	text-decoration: none;
	color: #333;
}

#body_large_left a:hover{
	text-decoration: underline;
	color: #9B1D3B;
}

#body_large_right{
	width: 398px;
	height: 556px;
	float: right;
	background-color: #666;
	border-top: 2px solid #9B1D3B;
	border-right: 2px solid #9B1D3B;
	border-bottom: 2px solid #9B1D3B;
}

#body_experience_wrapper{
	width: 1000px;
	height: 600px;
	margin: 0px auto;
	background-color: #666;
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

#body_experience_left{
	width: 566px;
	height: 566px;
	padding: 15px;
	float: left;
	background-color: #CACFB8;
	border: 2px solid #9B1D3B;
	color: #333;
	font-size: 17px;
	text-align: justify;
}

#body_experience_left a{
	text-decoration: none;
	color: #333;
}

#body_experiencet_left a:hover{
	text-decoration: underline;
	color: #9B1D3B;
}

#body_experience_right{
	width: 398px;
	height: 596px;
	float: right;
	background-color: #666;
	border-top: 2px solid #9B1D3B;
	border-right: 2px solid #9B1D3B;
	border-bottom: 2px solid #9B1D3B;
}


/* EXPERIENCE */

#body_clients_wrapper{
	width: 1000px;
	height: 1360px;
	margin: 0px auto;
	background-color: #666;
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

#body_clients_left{
	width: 566px;
	height: 1326px;
	padding: 15px;
	float: left;
	background-color: #CACFB8;
	border: 2px solid #9B1D3B;
	color: #333;
	font-size: 17px;
	text-align: justify;
}

#body_clients_right{
	width: 398px;
	height: 1356px;
	float: right;
	background-color: #666;
	border-top: 2px solid #9B1D3B;
	border-right: 2px solid #9B1D3B;
	border-bottom: 2px solid #9B1D3B;
}

#body_clients_left a{
	text-decoration: none;
	color: #333;
}

#body_clients_left a:hover{
	text-decoration: underline;
	color: #9B1D3B;
}

#body_projects_wrapper{
	width: 1000px;
	height: 1570px;
	margin: 0px auto;
	background-color: #666;
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

#body_projects_left{
	width: 566px;
	height: 1536px;
	padding: 15px;
	float: left;
	background-color: #CACFB8;
	border: 2px solid #9B1D3B;
	color: #333;
	font-size: 17px;
	text-align: justify;
}

#body_projects_right{
	width: 398px;
	height: 1566px;
	float: right;
	background-color: #666;
	border-top: 2px solid #9B1D3B;
	border-right: 2px solid #9B1D3B;
	border-bottom: 2px solid #9B1D3B;
}

li.expertise{
	margin-bottom: 10px;
}

#footer_wrapper{
	width: 1000px;
	height: 165px;
	margin: 0px auto;
	background-color: #999;
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	background-image: url(../images/footer_bg.jpg);
}

#footer_content_left{
	width: 580px;
	height: 155px;
	padding: 10px;
	float: left;
	color: #000;
}

#footer_content_left a{
	color: #000;
	text-decoration: none;
}

#footer_content_left a:hover{
	color: #FFF;
	text-decoration: none;
}

#footer_content_right{
	width: 380px;
	height: 155px;
	padding: 10px;
	float: right;
	color: #000;
	text-align: right;
}

#footer_content_right a{
	color: #000;
	text-decoration: none;
}

#footer_content_right a:hover{
	color: #FFF;
	text-decoration: none;
}