/* @override http://tapplox.com/css/home.css */

/* ====================== NOTE ====================== */
/* 2009 September 11th
/* copyright � 2009 Tapplox Inc.
/* ====================== NOTE ====================== */

#container {
}

/* ====================== billboard ====================== */

div.billboard {
	background: url(../images/home_billboard.jpg) no-repeat;
	height: 483px;
	/*margin-top: 12px;*/	
	margin-left: auto;	
	margin-right: auto;	
	margin-bottom: 12px;
	overflow: hidden; /* container clears float */
	position: relative;
	text-align: center;
	width: 960px;	
}

div.billboard h2 {
	background: url(../images/home_billboard-title.png) no-repeat;	
	height: 0;
	overflow: hidden;
	padding-top: 101px;
	position: absolute;
	top: 96px;  
	left: 69px;
}

img.billboard-icon {
	display: block;
	position: absolute;	
	top: 250px;
	left: 66px;
}


p.billboard-note {
	color: #3e3e3e;
	font-size: 14px;
	line-height: 18px;
	max-width: 171px;
	position: absolute;
	top: 252px;
	left: 152px;	
	text-align: left;
}

div.billboard a.billboard-learnmore {
	background: url(../images/home-billboard-learnmore.png) no-repeat;	
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 32px;
	position: absolute;
	top: 328px;
	left: 211px;
	width: 114px;
}

div.billboard a.billboard-learnmore:hover {
	background-position: 0 -33px;
}


/* ====================== comm panel ====================== */

#home-comm_panel {
	background: url(../images/home_comm_panel.png) no-repeat;
	height: 304px;
	width: 958px;
	text-align: center;
	margin-left: auto;	
	margin-right: auto;
	margin-top: 12px;
	overflow: hidden; /* container clears float */
	z-index: 10;
}

#home-comm_panel #home-socialbox {
	float: left;
	height: 304px;
	width: 480px;
}

/* ====================== social1 ====================== */

#home-comm_panel #home-socialbox #home-social1 {
	height: 54px;
	overflow: hidden;
	margin-top: 115px;
	margin-left: 92px;
	width: 100%;
}


#home-social1 #social-menu1 li {
	display: inline;
}

#home-social1 #social-menu1 li a {
	background: url(../images/home-social-buttons1.png) no-repeat;	
	float: left;
	height: 0;
	overflow: hidden;
	padding-top: 54px; /* height */
	width: 50px;
}

#home-social1 #social-menu1 li#sm1-stumpleupon a {
	background-position: 0 0;
	margin-right: 30px;
	width: 54px;
}

#home-social1 #social-menu1 li#sm1-digg a {
	background-position: -86px 0;
	margin-right: 30px;	
	width: 64px;
}

#home-social1 #social-menu1 li#sm1-delicious a {
	background-position: -184px 0;
	width: 58px;
}

#home-social1 #social-menu1 li#sm1-stumpleupon a:hover {
	background-position: 0 -55px;	
}

#home-social1 #social-menu1 li#sm1-digg a:hover {
	background-position: -86px -55px;
}

#home-social1 #social-menu1 li#sm1-delicious a:hover {
	background-position: -184px -55px;
}

/* ====================== social2 ====================== */

#home-comm_panel #home-socialbox #home-social2 {
	height: 44px;
	margin-top: 10px;
	margin-left: 63px;
	overflow: hidden;
	width: 100%;
}

#home-social2 #social-menu2 li {
	display: inline;
}

#home-social2 #social-menu2 li a {
	background: url(../images/home-social-buttons2.png) no-repeat;
	float: left;
	height: 0;
	overflow: hidden;
	padding-top: 44px;
	width: 50px;
}

#home-social2 #social-menu2 li#sm2-twitter a {
	background-position: 0 0;
	margin-right: 30px;
	width: 90px;
}

#home-social2 #social-menu2 li#sm2-facebook a {
	background-position: -119px 0;
	margin-right: 30px;	
	width: 100px;
}

#home-social2 #social-menu2 li#sm2-email a {
	background-position: -250px 0;
	width: 67px;
}

#home-social2 #social-menu2 li#sm2-twitter a:hover {
	background-position: 0 -45px;
}

#home-social2 #social-menu2 li#sm2-facebook a:hover {
	background-position: -119px -45px;
}

#home-social2 #social-menu2 li#sm2-email a:hover {
	background-position: -250px -45px;
}

/* ====================== talk to us form ====================== */
#home-comm_panel #home-formbox {
	color: white;
	float: left;
	height: 170px;
	margin-top: 92px;
	margin-left: 48px;
	position: relative;
	text-align: left;
	width: 333px;
}

#home-formbox input {
	color: #dddddd;
	background-color: transparent;
	border-style: none;	
	font-size: 14px;
	height: 18px;
	position: absolute;
	top: 4px;
	left: 80px;
	width: 241px;
}

#home-formbox textarea {
	color: #ccc;
	background-color: transparent;
	border-style: none;	
	font-size: 13px;
	line-height: 17px;
	height: 83px;
	position: absolute;
	top: 50px;
	left: 4px;
	width: 322px;
	resize: none; /* disable safari resizability */	
}

#home-formbox #home-comm-send {
	cursor: pointer;
	height: 22px;
	position: absolute;
	top: 142px;
	left: 263px;	
	width: 61px;
}

/* disable OS X safari focus highlight */
#home-formbox input:focus, #home-formbox textarea:focus {  
    outline: none;  
}

#home-formbox #home-comm-name, #home-formbox #home-comm-url {
	float: right;
	height: 0;
	overflow: hidden;
	position: absolute;
	width: 0;
	z-index: -1;	
}  

#home-formbox #home-form-alert {
	background-color: #111;
	border: 2px groove #1d1d1d;
	color: #bbb;
	font-size: 16px;
	line-height: 25px;
	height: 166px;	
	text-align: center;
}

#home-formbox #home-form-alert p {
	margin-top: 47px;
}

#home-formbox #home-form-alert p span {
	color: #888;
	font-size: 13px;
}