/*******************************************************************************
*****************			BASIC LAYOUT STYLING				****************
*******************************************************************************/

body{
	margin: 0;
	padding: 0;
}
#container_box {
	width: 100%;
	height: 100%;
	background: url('../img/menu_base_fill.gif') repeat-x 0 0;
}
#nav_box {
	margin: 0 auto;
	width: 800px;
	height: 180px;
	background: url('../img/menu_base_fill.gif') repeat-x 0 0;
	position:relative;
}
#content_box {
	margin: 0 auto;
	padding: 20px 0 50px 0;
	width: 800px;
}
#footer_box {
	background: url('../img/footer_divider_base.gif') no-repeat 0 0;
	margin: 0 auto;
	padding: 30px 0 50px 0;
	width: 800px;
	font-size: 10px;
	text-align: center;
}
#footer_box a {
	font-size: 10px;
}
.title {
	font-size: 23px;
	line-height: 70px;
}
.subtitle {
	font-weight: bold;
}

/*******************************************************************************
*****************				NAVIGATION STYLING				****************
*******************************************************************************/

#logo {
	width: 314px;
	height: 180px;
	float:left;
}
#logo img {
	border: none;
}
#navigation_box {
	width: 486px;
	height: 180px;
	float:left;
	position: relative;
}
#menu {
	width: 486px;
	height: 60px;
	position: absolute;
	top: 120px;
	list-style: none;
}
#menu li {
	float: left;
}
#menu li a {
	display: block;
	height: 60px;
	text-indent: -200px;
	overflow: hidden;
}
#home {
	background: url('../img/menu_base.gif') no-repeat 0 0;
	width: 99px;
}
#home:hover, #home.current { background-position: 0 -60px; }
#services {
	background: url('../img/menu_base.gif') no-repeat -99px 0;
	width: 125px;
}
#services:hover, #services.current { background-position: -99px -60px; }
#portfolio {
	background: url('../img/menu_base.gif') no-repeat -224px 0;
	width: 135px;
}
#portfolio:hover, #portfolio.current { background-position: -224px -60px; }
#contact {
	background: url('../img/menu_base.gif') no-repeat -359px 0;
	width: 127px;
}
#contact:hover, #contact.current { background-position: -359px -60px; }

/*******************************************************************************
*****************				SERVICES STYLING				****************
*******************************************************************************/

.services_img {
	margin: 30px 0;
}

/*******************************************************************************
*****************				PORTFOLIO STYLING				****************
*******************************************************************************/

#portfolio_box {
	width: 800px;
	list-style: none;
}
#portfolio_box li {
	width: 800px;
	height: 205px;
	border-bottom: 1px dotted #000000;
}
#portfolio_box li.last {
	width: 800px;
	height: 205px;
	border-bottom: none;
}
#portfolio_box li ul {
	list-style: none;
}
#portfolio_box li ul li, #portfolio_box li ul li.last {
	float: left;
	padding: 30px 30px;
	border-bottom: none;
	width: 100px;
	height: 145px;
}

/*******************************************************************************
*****************				CONTACT STYLING					****************
*******************************************************************************/
#contact_box {
	width: 800px;
	padding: 30px 0 0 0;
}
#contact_info_box {
	width: 350px;
	float: left;
	border-right: 1px dotted #000000;
}
#contact_roadmap_box {
	width: 250px;
	float: left;
	padding: 0 0 0 100px;
}