/* ------------------------------------

	File: master.css / master stylesheet
	Date: 08/15/09
	Client: twotweet.com
	Author: Tim Mather / timmatherdesign.com
	
	Color Reference:
	
	#ffffff - Background
	#000000 - Body Copy
	#99cc33 - Link
	#66cc00 - Link Hover
	#0099ff - Headers

------------------------------------ */


/* Global -------- */

body{
	font-family: "Arial", Helvetica, Geneva, sans-serif;
	background-color: #008cbd;
}

a{
	color: #99cc33;
	text-decoration: none;	
}

a:hover{
	color: #66cc00;
	text-decoration: none;	
}

a:active, a:visited {
	color: #99cc33;
	text-decoration: none;	
}

.clear{
	clear: both;
}

.right{
	float: right;
}

h2{
	color: #0099ff;
	font-size: 1.1em;
}

h3{
	color: #0099ff;
	font-size: 1em;
}


/* Header -------- */

#headerContainer{
	width: 100%;
	height: 89px;
	background: #fff url(../images/backgroundHeader.jpg) top left repeat-x;
	display: block;
}

#headerContainerInternal{
	width: 900px;
	margin: 0 auto;
	padding: 6px 20px 0;

}

h1 a{
	display: block;
	text-indent: -5000px;
	background: url(../images/twotweetLogo.png) top left no-repeat;
	width: 180px;
	height: 76px;
}

#navContainer{
	float: right;
	margin-top: -25px;
}

#navContainer li{
	float: left;
	margin-left: 10px;
}

#navSignIn{
	display: block;
	text-indent: -5000px;
	background: url(../images/nav/navSignIn.png) top left no-repeat;
	width: 101px;
	height: 28px;
}

#navSignIn:hover{
	background-position: bottom left;
}

#navHelp{
	display: block;
	text-indent: -5000px;
	background: url(../images/nav/navHelp.png) top left no-repeat;
	width: 101px;
	height: 28px;
}

#navHelp:hover{
	background-position: bottom left;
}

#navAbout{
	display: block;
	text-indent: -5000px;
	background: url(../images/nav/navAbout.png) top left no-repeat;
	width: 101px;
	height: 28px;
}

#navAbout:hover{
	background-position: bottom left;
}

#navContact{
	display: block;
	text-indent: -5000px;
	background: url(../images/nav/navContact.png) top left no-repeat;
	width: 101px;
	height: 28px;
}

#navContact:hover{
	background-position: bottom left;
}

#headerLoggedIn{
	/*font-size: .8em !important;*/
	float: right;
	font-size:13px !important;
	line-height:1.3
}

#headerLoggedIn a{
	color: #333;
	font-weight: bold;
}

#headerLoggedIn a:hover, a:visited{
	color: #666;
}


/* Footer -------- */

#footerContainer{
	width: 100%;
	float:left;
	background: #008cbd url(../images/footerBackground.png) top left repeat-x;
}

#footerContainerInternal{
	width: 900px;
	height: 50px;
	padding: 20px 20px 0 20px;
	margin: 0 auto;
	font-size:16px;
}

#footerContainerInternal span{
	color: #ffffff;
	font-size: .8em;
}

#footerContainerInternal span a{
	color: #ffffff;
}

#footerContainerInternal span a:hover{
	text-decoration: underline;
}

#footerLoggedIn{
	text-align: right;
	margin-bottom: 15px;
	font-size: .8em;
	color: #fff;
}

#footerLoggedIn a{
	font-weight: bold;
	color: #fff;
}

#footerLoggedIn a:hover{
	text-decoration: underline;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}

ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.top_border
{ float:left; 
  width:100%; 
  height:25px; 
  background:#FFFFFF url(../images/bluetop.jpg) repeat-x scroll left top;
}

.inner_color
{
  float:left; 
  width:100%; 
  background-color:#FFFFFF;
}