/* BANG Office Interiors */
/* CSS Designed by Peter Iannone */
/* Menu */
#underlinemenu{
margin: 0;
padding: 0;
border: 0;
}

#underlinemenu ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
	margin-bottom: 0;
}

#underlinemenu ul li{
	display: inline;
}


#underlinemenu ul li a{
	float: left;
	color: #000; 
	padding: 2px 6px 4px 6px;
	text-decoration: none;
	font-size: 8pt;
}
#underlinemenu ul li.current a{
	color: #999;
}

#underlinemenu ul li a:hover{
	border-bottom: 2px solid #d6e03f;
	padding-bottom: 0;
}

/* Layout General */
#container {
	width: 1080px;
	height: auto;
	margin: 0 auto 0 auto;
	text-align: left;

}
#header {
	height: 100px;
	padding-bottom: 0px;
}
#menu-space {
	height: 30px;
	padding-top: 28px;
	padding-right: 185px;
}
#footer {
	height: 30px;
	padding-top: 30px;
}
#logo {
	position: relative;
	top: -47px;
	left: 35px;
}
#left-out {position:relative;
	width: 185px;
	height: 380px;
	float: left;
}
#right-out {position:relative;
	width: 185px;
	height: 380px;
	float: right;
}
#left-content {
	width: 360px;
	height: 380px;
	float: left;
}
#right-content {
	width: 350px;
	height: 380px;
	float: left;
}
#designed-by {
	position: relative;
	top: 15px;
	right: 185px;
	height: 15px;
	width: 250px;
	padding: 0px;
	text-align: right;
	float: right;
	overflow: hidden;
}
/* Home */
#home-img-big {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 1
}
#home-text {
	position: relative;
	top: 0px;
	right: 0px;
	height: 290px;
	width: 234px;
	padding: 30px;
	padding-top: 15px;
	background-color: #FFFFFF;
	float: right;
	overflow: hidden;
}
#home-img {
	position:relative;
	left:15px;
	height: 325px;
	width: 344px;
	overflow:hidden;
	background-color:#290505;
}

/* Products */
#products-page {position:relative;width: 710px;height: 380px;float: left;}
#products-header {
	position: relative;
	padding-left:15px;
	padding-top:15px;
	width:695px;
	height:20px;
	background-color:#FFF;
}
#view-others {position:relative;width:200px;height:20px;float:right;top:0;}
#products {
	position: relative;
	width:710px;
	height:345px;
	background-color:#FFF;
	padding-top:25px;
	padding-bottom:10px;
}
#products-img {
	position: relative;
	float:left;
	top: 0px;
	left: 45px;
	width:400px;
	z-index: 1
}
#products-links {
	position: relative;
	float:left;
	left:80px;
	width:150px;
	height:335px;
	padding:15px;
	top: -15px;
}
#products-main {
	position: relative;
	float:left;
	left:100px;
	width:480px;
	height:335px;
	padding:15px;
	top: -15px;
}
#back-button {
	position:relative;
	top:130px;
}
/* Projects */
#gallery-left {
	width: 505px;
	height: 380px;
	float: left;
}
#gallery-right {
	width: 200px;
	height: 380px;
	float: left;
}
	#nav-head {width:135px; padding-top:15px;padding-bottom:5px;padding-left:17px;padding-right:18px;background-color:#d6e03f;}
	#project-nav {position:relative;width:170px; height:10px;float:right;}
	#navigation {position:relative;padding:0px;width:170px;border:0;margin:auto;overflow: hidden;}
	#navigation li {  list-style:none; float:left; }
	#navigation li a{display:block;float:left;color:#000;background:#fff;line-height:27px;text-decoration:none;padding:0 17px 0 18px;width:140px;height:27px;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;}
	#navigation li.left{margin:0;}
	#navigation li a:hover {color:#d6e03f;}
	.content { float:left;background: #fff; height: 420px;width:505px;padding: 0px;padding-top:10px;}
	#gallery {position:relative;float:left;width: 505px;height: 395px;overflow: hidden;}
	.thumb {width:100px; height :75px; border:1px; border-color:#fff; margin-left:5px;margin-top:5px;}
#gallery li 
{display:inline; width:112px; height:88px; float:left; margin:2px 2px 0px 10px;}
#gallery li a
{display:block; width:110px; height:85px; float:left; text-decoration:none; background:none; border:1px solid #fff;}
#gallery li a:hover
{border:1px solid #d6e03f;}
.gallery-title {padding-left:15px;color:#999;font-size:14px;font-family:Georgia, "Times New Roman", Times, serif;}

/* Charity */
#charity {
	width: 620px;
	height: 380px;
	padding: 0;
	padding-left: 85px;
	float: left;
}
#charity-box {
	position: relative;
	top: 0px;
	right: 0px;
	height: 320px;
	width: 470px;
	padding: 30px;
	padding-top: 0px;
	background-color: #FFFFFF;
	float: left;
	left: 90px;
}
#charity-text1 {
	position: relative;
	top: 0px;
	left: 0px;
	height: 320px;
	width: 225px;
	background-color: #FFFFFF;
	float: left;
}
#charity-text2 {
	position: relative;
	top: 0px;
	left: 20px;
	height: 320px;
	width: 225px;
	background-color: #FFFFFF;
	float: left;
}
#signature {position:relative;left:-5px;}
/* Links */
  /* allow room for 3 columns */
#links-page {
	width: 710px;
	height: 380px;
	float: left;
}
 #linkbox {
	position: relative;
	top: 0px;
	width: 490px;
	height: 320px;
	padding: 30px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom:15px;
	background-color: #FFFFFF;
	margin-left:85px;
	overflow: hidden;
}
 #links-1 {
	position: relative;
	top: 0px;
	width: 150px;
	height: 160px;
	padding:0;
	text-align:left;
	float: left;
}
 #links-2 {
	position: relative;
	left: 20px;
	width: 150px;
	height: 160px;
	padding:0;
	text-align:left;
	float: left;
}
 #links-3 {
	position: relative;
	left: 40px;
	width: 150px;
	height: 160px;
	padding:0;
	text-align:left;
	float: left;
}
#treefrog {
	position:relative;
	top:5px;
	right:95px;
	left: 30;
}
/* Contact Us */
#contact-main {
	position: relative;
	top: -98px;
	left:30px;
	height: 100px;
	width: 250px;
	padding: 15px 30px 30px;
	background-color: #FFFFFF;
	float: left;
	overflow: hidden;
	z-index: 2;
}
#contact-map {
	position: relative;
	top: 0px;
	left: 30px;
	z-index: 1;
}
#contact-header {
	position: relative;
	top: 0px;
	right: 0px;
	height: 20px;
	width: 250px;
	padding: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #d6e03f;
	float: right;
	overflow: hidden;
}
#contact-indv {
	position: relative;
	top: 0px;
	left: 0px;
	height: 305px;
	width: 250px;
	padding: 30px;
	padding-top: 0px;
	background-color: #FFFFFF;
	float: right;
	overflow: auto;
}
/* Styles */
.clear {
	clear: both;
}
.border-white {border:5px solid #FFFFFF;}
body,td,th {
	font-family: verdana;
}
.body-copy {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:13px;
	color:#000;
}
.style1 {
	font-size: 15px;
	color: #000;
}
.style2 {
	font-size: 10px;
	color: #999;
}
.style3 {
	font-size: 5px;	
}
.style4 {
font-size: 15px;
text-indent: 39px;
}
.style5 {
	font-size: 18px;
	line-height: 14pt;
	font-family: Georgia, "Times New Roman", Times, serif;
}
a:link {
	color: #666;
	text-decoration: none;
}
a:visited {
	color: #666;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #CCFF00;
}
a:active {
	text-decoration: none;
}