/* Momentum Design */

/*
	Colours:
	
	dark grey: #636466	
	orange: #e99619	
	taupe: #807f61	
	green: #83be41
	blue: #57b7df
	red: #ef4723
	dark yellow: #c8a745	
		
*/



body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Trebuchet MS, Arial ;
	background: url(../images/bckgrd_stripes.gif) repeat-y top;
	}


/*-------------------------------------[ Layout ]--------*/


#container {
	width: 775px;
	height: 575px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #636466;
	}
	
#container2 {
	width: 775px;
	height: 500px;
	padding-top: 75px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	}	
	
#container3 {
	width: 775px;
	height: 650px;
	padding-top: 75px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	}
	
#container4 {
	width: 775px;
	height: 705px;
	padding-top: 75px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	}
	
#image_and_info_wrapper {	
	width: 775px;
	height: 270px;
	}

#image_wrapper {
	width: 485px;
	height: 270px;
	background-color: #999999;
	float: left;
	padding: 0px;
	margin: 0px;
	}
	
#info_wrapper {
	width: 265px;
	height: 240px;
	background-color: #FFF;
	float: left;
	padding: 30px 0px 0px 25px;
	}
	
#nav_wrapper {
	width: 775px;
	height: 20px;
	background-color: #636466;
	float: left;
	}
	
#nav_wrapper-index {
	width: 775px;
	height: 20px;
	background: url(../images/banner_behind_nav.jpg) no-repeat;
	float: left;
	}
	
#nav_wrapper-profile {
	width: 775px;
	height: 20px;
	background: url(../images/banner_behind_nav-blue.jpg) no-repeat;
	float: left;
	}
	
#nav_wrapper-capabilities {
	width: 775px;
	height: 20px;
	background: url(../images/banner_behind_nav-red.jpg) no-repeat;
	float: left;
	}
	
#nav_wrapper-contact {
	width: 775px;
	height: 20px;
	background: url(../images/banner_behind_nav-yellow.jpg) no-repeat;
	float: left;
	}
		
#nav, #nav ul  {
	margin: 0;
	padding: 0px 40px 0px 0px;
	list-style: none;
	float: right;
	}
	
#nav li.home {
	float: left;
	width: 38px;
	height: 20px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/nav_bckgrd_orange.jpg) no-repeat;
	}
	
#nav li.home-active {
	float: left;
	width: 38px;
	height: 20px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/nav_bckgrd_yellow.jpg) no-repeat;
	}
	
#nav li.profile {
	float: left;
	width: 41px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background: url(../images/nav_bckgrd_orange.jpg) no-repeat;
	}
	
#nav li.profile-active {
	float: left;
	width: 41px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background: url(../images/nav_bckgrd_yellow.jpg) no-repeat;
	}
	
#nav li.capabilities {
	float: left;
	width: 65px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background: url(../images/nav_bckgrd_orange.jpg) no-repeat;
	}	
	
#nav li.capabilities-active {
	float: left;
	width: 65px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background: url(../images/nav_bckgrd_yellow.jpg) no-repeat;
	}
	
#nav li.work {
	float: left;
	width: 35px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(../images/nav_bckgrd_orange.jpg) no-repeat;
	}	
	
#nav li.work-active {
	float: left;
	width: 35px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(../images/nav_bckgrd_yellow.jpg) no-repeat;
	}	
	
	
#nav li.contact {
	float: left;
	width: 47px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(../images/nav_bckgrd_orange.jpg) no-repeat;
	}
	
#nav li.contact-active {
	float: left;
	width: 47px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(../images/nav_bckgrd_yellow.jpg) no-repeat;
	}	
		
#nav li ul li {
	float: none;
	}
	
#nav a {
	display: block;
	font-size: 9px;
	height: 10px;
	padding: 3px 5px 7px 6px;
	text-decoration: none;
	font-family: Trebuchet MS, Verdana, Arial;
	color: #FFF;
	border: none;
	}


#nav a:hover {
	background: url(../images/nav_bckgrd_yellow.jpg) no-repeat; 
	}
	

#bottom_wrapper {
	width: 750px;
	height: 250px;
	background-color: #636466;
	float: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
	}
	
#bottom_wrapper2 {
	width: 775px;
	height: 305px;
	background-color: #FFF;
	}


#print_wrapper {
	width: 155px;
	height: 220px;
	background-color: #636466;
	float: left;
	margin: 0px;
	padding: 0px;
	}

#web_wrapper {
	width: 105px;
	height: 150px;
	background-color: #636466;
	float: left;
	margin: 0px;
	padding: 0px;
	}

#logo_wrapper {
	width: 130px;
	height: 180px;
	background-color: #636466;
	float: left;
	margin: 0px;
	padding: 0px;
	}

#illustration_wrapper {
	width: 300px;
	height: 150px;
	background-color: #636466;
	float: left;
	margin: 0px;
	padding: 0px;
	}

#footer_wrapper {
	width: 750px;
	height: 65px;
	background-color: #636466;
	float: left;
	margin: 0px;
	padding: 0px;
	}

.align_right {
	float: right;
	padding: 65px 30px 0px 0px;
	}
	
#product_links1 {
	width: 125px;
	height: 75px;
	float: left;
	}
	
#product_links2 {
	width: 125px;
	height: 75px;
	float: left;
	}
	
#product_info {
	width: 225px;
	height: 130px;
	float: left;
	}
	
#banner_wrapper {
	width: 775px;
	height: 195px;
	background-color: #FFF;
	float: left;
	background:url(../images/banner.jpg) no-repeat;
	}
	
#banner_wrapper-profile {
	width: 775px;
	height: 195px;
	background-color: #FFF;
	float: left;
	background:url(../images/banner-blue.jpg) no-repeat;
	}
	
#banner_wrapper-capabilities {
	width: 775px;
	height: 195px;
	background-color: #FFF;
	float: left;
	background:url(../images/banner-red.jpg) no-repeat;
	}
	
#banner_wrapper-contact {
	width: 775px;
	height: 195px;
	background-color: #FFF;
	float: left;
	background:url(../images/banner-yellow.jpg) no-repeat;
	}
	
#large_text {
	width: 400px;
	height: 100px;
	float: left;
	color: #83be41;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	padding: 75px 0px 0px 40px;
	}
	
#large_text-blue {
	width: 400px;
	height: 100px;
	float: left;
	color: #57b7df;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	padding: 75px 0px 0px 40px;
	}
	
#large_text-red {
	width: 400px;
	height: 100px;
	float: left;
	color: #ef4723;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	padding: 75px 0px 0px 40px;
	}
	
#large_text-yellow {
	width: 400px;
	height: 100px;
	float: left;
	color: #e99619;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	padding: 75px 0px 0px 40px;
	}
	
#intro_text {
	width: 225px;
	height: 100px;
	float: left;
	font-size: 11px;
	line-height: 1.25em;
	color: #807f61;
	margin-top: 25px;
	padding: 10px 0px 0px 70px;
	}
	
a {
	color: #807f61;
	}
		
a:hover {
	text-decoration: none;
	}
	
	

/*-------------------------------------[ Typography ]--------*/


ul#print_text, ul#web_text, ul#logo_text, ul#illustration_text {
	list-style: none;
	color:#FFFFFF;
	font-size: 9px;
	line-height: 1.75em;
	padding: 30px 0px 0px 15px;
	margin: 0px;
	}


ul#print_text a, ul#web_text a, ul#logo_text a, ul#illustration_text a {
	color: #CCCCCC;
	font-size: 9px;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	}
	
#print_wrapper, #web_wrapper, #logo_wrapper, #illustration_wrapper {
	padding: 0px;
	margin: 0px;
	}

#print_wrapper a:hover, #web_wrapper a:hover, #logo_wrapper a:hover, #illustration_wrapper a:hover {
	background-color: #e99619;
	color: #FFF;
	padding: 0px;
	margin: 0px;
	}
	


#product_links1 p, #product_links2 p {
	color:#e99619;
	font-size: 9px;
	line-height: 2em;
	padding: 0px;
	margin: 0px;
	}

#product_links1 a, #product_links2 a {
	color:#e99619;
	font-size: 9px;
	line-height: 2em;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	}

#product_links1 a:hover, #product_links2 a:hover {
	text-decoration: underline;
	}
	
#product_info p {
	font-size: 9px;
	line-height: 1.25em;
	color: #807f61;
	padding: 0px;
	}
	
.title {
	text-transform: uppercase;
	font-weight: bold;
	}

img {
	border: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	}




/*-------------------------------------[ Clear Fix ]--------*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}