/* CSS Document */

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#333333;
	margin:0px;
	padding:0px;
}

img {
	border:0px;
}

a{
	color:#000;
	text-decoration:none;
}
#logo_menu {
	width:556px;
	height:170px;
	margin-top:70px;
}

#logo {
	width:236px;
	height:170px;
	margin-top:0px;
	float:left;
}

.menu {
	width:140px;
	height:150px;
	margin-top:0px;
	float:left;
	padding-left:20px;
	padding-top:20px;
	color:#FFF;
}

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	z-index:-1;
}

ul.nav{
	list-style:none;
	padding:0px;
	margin-top:33px;
}

ul.nav li a{
	color:#FFF;
	font: 15px 'TitilliumText22LRegular', Arial, sans-serif;
	text-decoration:none;
	line-height:24px;
}

ul.nav li a:hover{
	font-weight:bold;
}

.clear {
	clear:left;
	line-height:0px;
	height:0px;
	font-size:0px;
}

#box_1 {
	width:510px;
	height:180px;
	font-size:15px;
	background:url(images/box_1.png);
}

#box_1_text {
	width:500px;
	height:120px;
	font-size:16px;
	line-height:24px;
	padding: 30px;
}

#gap {
	width:200px;
	height:140px;
	float:left;
}

#project_of_the_month {
	width:487px;
	height:190px;
	line-height:22px;
	font-size:15px;
	margin-left:200px;
    background:url(images/box_2.png);
}

#black_bar {
	width:687px;
	height:30px;
	position:absolute;
	top:440px;
	background:url(images/we_love_making.jpg) no-repeat left;
}

#space {
	width: 488px;
	height:30px;
}

#box_3 {
	width:488px;
	height:53px;
	margin-top:10px;	
	margin-left:200px;
	background:url(images/idea-design_bar.jpg);
}

#box_4 {
	width:150px;
	height:174px;
	position:absolute;
	left:687px;
	top:266px;
}

# footer {
	width:1040px;
	height:25px;
	background:url(images/bottom_bar.png);
}

.tag_and_page   {
	width:1000px;
}

#about_us_tag {
	width:236px;
	height:140px;
	float:left;
}

#page {
	background: #FFF;
	opacity:0.9;
	width:762px;
	float:left;
}

#page .box_1_third{
	width:254px; float:left;
	font-family:Tahoma, Geneva, sans-serif;	
	font-size:14px;
	min-height:534px;
    height:auto !important;
    height:534px; 
	text-align:center;
}

#page .box_1_third p{
	margin:10px 0px;
}

#page .box_2_third{
	border-bottom:1px #DEDEDE solid;
	padding-bottom:30px;
	margin-bottom:30px;
	width:530px;
	font-family:Tahoma, Geneva, sans-serif;	
	font-size:14px;
	text-align:left;
}

#text_about_us {
	width:190px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height:150%;
	padding-left:35px;
	padding-top:40px;
	float:left
}

#text_how_we_come_about {
	width:446px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height:150%;
	padding-top:40px;
	padding-left:30px;
	padding-top:40px;
	float:left
}

#text_our_team {
	width:190px;
	height:25px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height:150%;
	padding-left:35px;
	padding-top:40px;
}

#team_images {
	width:590px;
	height:130px;
}

#team {
	width:150px;
	height:210px;
	float:left;
	padding-left:35px;
	padding-top:10px;
}
	
#team_2 {
	width:150px;
	height:210px;
	float:left;
	padding-left:110px;
	padding-top:10px;
}

#team_names {
	width:600px;
	height:60px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	padding-left:35px;
}

#britt {
	width:150px;
	height:55;
	float:left;
	padding-top:10px;
}

#ross {
	width:150px;
	height:55px;
	float:left;
	margin-left:10px;
	padding-top:10px;
}

#iga {
	width:150px;
	height:55px;
	float:left;
	margin-left:110px;
	padding-top:10px;
}

#page_philosophy {
	background:url(images/philosophy_page.png);
	width:764px;
	height:979px;
	float:left;
}

#philosophy_graph {
	width:184px;
	height:703;
	float:left;
	padding-left:35px;
	padding-top:200px;
}

#text_pillars_of_philosophy {
	width:446px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height:150%;
	padding-top:40px;
	padding-left:30px;
	padding-top:40px;
	float:left;
}

#infographics {
	width:534px;
	height:810px;
	padding-left:165px;
	padding-top:50px;
	float:left;
}

#page_what_we_do {
	background:url(images/what_we_do_page.png);
	width:764px;
	height:1320px;
	float:left;
}
	
#page_production {
	background:url(images/what_we_do_page.png);
	width:764px;
	height:1320px;
	float:left;
}

#page_video {
	background:url(images/video_page.png);
	width:764px;
	height:1335px;
	float:left;
}

#page_contact {
	background:url(images/contact_page.png);
	width:764px;
	height:685px;
	float:left;
}

#come_and_see_us {
	width:254px;
	height:470px;
	float:left;
}

#phone_us {
	width:254px;
	height:470px;
	float:left;
	padding-left:1px;
}

#email_us {
	width:254px;
	height:470px;
	float:left;
	padding-left:1px;
}



#title {
	background:url('images/bg-black.png');
	bottom: 0px;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0px;
	height:25px;
	line-height:25px;
	position: fixed;
	right: 0px;	
	text-align: right;
	width: 100%;
}
#title h1 {
	color:#FFF;
	font: 12px Arial, Helvetica, sans-serif;
	height:25px;
	line-height:25px;
	margin: 0px;	
	padding: 0px 10px;
}

#titleLung {
	background:url('images/bg-black.png');
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0px;
	height:25px;
	line-height:25px;
	right: 0px;	
	text-align: right;
	width: 100%;
}

#titleLung h1 {
	color:#FFF;

	font: 12px Arial, Helvetica, sans-serif;
	height:25px;
	line-height:25px;
	margin: 0px;	
	padding: 0px 10px;
}

.bgInput { margin-bottom:10px; }
.bgInput input{ border:1px #999999 solid; color:#999999; font-family:Arial, Helvetica, sans-serif; padding:2px; width:210px;}
.bgInput textarea{ border:1px #999999 solid; color:#999999; font-family:Arial, Helvetica, sans-serif; padding:2px; width:210px; height:210px;}