/* ================== GLOBAL STYLES =======================*/

body
{
	color: #FFFFFF;
	font-family: "Tahoma", "Verdana", "Helvetica", "Arial";
	background-color: #3b3832;
}

#wrapper_outer
{
	width: 1060px;
	margin: auto;
}

#wrapper_inner
{
	width: 960px;
	margin: auto;
}

.divider
{
	height: 1px;
	width: 920px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	background-color: #4a4842;
}


/* ================== HEADER / MAIN NAV STYLES =======================*/

#header
{
	height: 112px;
	background-image: url('img/header-bg.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	overflow:hidden;
}

#main_nav
{
	margin-top: 20px;
	margin-left: 185px;
	width: 500px;
	height: 30px;
	float: left;
}

#main_nav li
{
	font-size: 16px;
	float: left;
	padding: 12px;
	list-style-type: none;
}

#main_nav a:link, #main_nav a:visited, #main_nav a:active #main_nav a:hover
{
	color: #FFFFFF;
	list-style-type: none;
}


/* ================== MISSION STYLES =======================*/

#mission
{
	height: 300px;
	background-image: url('img/mission.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}



/* ================== GLOBAL PORTFOLIO STYLES =======================*/

#legend
{
	height: 26px;
	background-image: url('img/legend.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}

#portfolio
{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	display: block;
	overflow: hidden;
}

#portfolio li
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
}

#portfolio .project
{
	width: 460px;
	height: 375px;
	float:left;
	background-image: url('img/project-bg-left.jpg');
}

#portfolio .content_wrapper
{
	width: 415px;
	margin-top: 10px;
	margin-left: 21px;
	margin-right: 0px;
	overflow: hidden;
}

#portfolio .contribution
{
	width: 420px;
	height: 4px;
}

#portfolio .contribution_ia
{
	float: left;
	height: 4px;
	margin-right: 5px;
	background-color: #b3e96c;
}

#portfolio .contribution_design
{
	float: left;
	height: 4px;
	margin-right: 5px;
	background-color: #00d2ff;
}

#portfolio .contribution_development
{
	float: left;
	height: 4px;
	margin-right: 5px;
	background-color: #ff70c4;
}

#portfolio .contribution_illustration
{
	float: left;
	height: 4px;
	margin-right: 5px;
	background-color: #ffbd49;
}

#portfolio .thumbnail
{
	margin-top: 9px;
	margin-left: 5px;
	margin-bottom: 5px;
}

#portfolio .client_title
{
	width: 70%;
	float: left;
	margin-top: 11px;
	margin-left: 17px;
}

#portfolio a.view_project:link, #portfolio a.view_project:visited, #portfolio a.view_project:active
{
	width: 75px;
	height: 45px;
	float: right;
	margin-top: 7px;
	margin-right: 8px;
	background-image: url('img/view-bg.jpg');
}

#portfolio a.view_project:hover
{
	width: 75px;
	height: 45px;
	float: right;
	margin-top: 7px;
	margin-right: 8px;
	background-image: url('img/view-bg-mouseover.jpg');
}

.client_title a.h3:link, .client_title a.h3:visited, .client_title a.h3:active
{
	color: #FFFFFF;
	text-decoration: none;
}

.client_title a.h3:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

.client_title h3
{
	color: #ded5c4;
	font-size: 11px;
	height: 0px;
}

.client_title h2
{
	color: #FFFFFF;
	font-size: 14px;
}



/* ================== EXPRTISE/SOLUTIONS STYLES =======================*/

#expertise_solutions
{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
	width: 921px;
	background-color: #FFFFFF;
	overflow:hidden;
}

#expertise_solutions ul
{
	margin-left: 40px;
	margin-top: 90px;
	width: 170px;
	float: left;
	overflow:hidden;
}

#expertise_solutions li
{
	height: 19px;
	color: #FFFFFF;
	font-size: 12.5px;
}

#expertise
{
	width: 461px;
	height: 258px;
	float: left;
	background-image: url('img/expertise.jpg');
}

#solutions
{
	width: 460px;
	height: 258px;
	float: right;
	background-image: url('img/solutions.jpg');
}


/* ================== CONTACT STYLES =======================*/

#contact
{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
	width: 921px;
	height: 183px;
	float: left;
	background-image: url('img/contact.jpg');
	overflow:hidden;
}

#contact_details
{
	margin-left: 40px;
	margin-top: 90px;
	width: 500px;
	float: left;
	overflow:hidden;
	color: #FFFFFF;
	font-size: 12.5px;
}

#contact_details p
{
	height: 19px;
}

#contact_details a, a:link, .client_title a:visited, .client_title a:active
{
	color: #a9b66a;
	text-decoration: none;
}

#contact_details a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

#copyright
{
	margin-left: 20px;
	margin-right: 20px;
	width: 921px;
	float: left;
}

#copyright p
{
	color: #726e65;
	font-size: 11px;
	margin-left: 40px;
	margin-right: 50px;
	margin-bottom: 100px;
	float: left;
	overflow:hidden;
}