/*  Tribe of HR Master CSS  */


/* reset */
* {
	margin: 0;
	padding: 0;
}

/* Universal Styles */
html, body { 
	font: normal 12px arial ; 
	color: #000 ; 
	line-height: 20px ; 
	background-color: #fff;
	text-align: left;
}

p { 
	margin-bottom: 20px; 
}

h1 { 
	font: bold 20px arial ; 
	color: #000 ; 
	letter-spacing: -1px;
	margin: 0 0 20px 0;
}

h1 span {
	color: #999;
}

h2 { 
	font: bold 20px arial ; 
	color: #000 ; 
	letter-spacing: -1px;
	margin: 0 0 15px 0;
}

h2 span {
	color: #ccc;
	background: url(media/coming-soon.gif) no-repeat right 6px;
	padding: 1px 80px 1px 3px;
}

h2 a, 
h2 a:visited { 
	font: bold 20px arial ; 
	letter-spacing: -1px;
	padding: 1px 3px;
}


a, 
a:visited  { 
	font: normal 12px arial ; 
	line-height: 20px ; 
	color: #26a9e0; 
	text-decoration: none ; 
	background: transparent;
}

a:hover { 
	color: #0c95cf;
	background-color: #e9f6fc;
	text-decoration: none ;
}


/* Structural Elements */

#top { 
	position:relative ; 
	width: 100% ; 
	height: 124px;
	z-index:1 ; 
	text-align: center ; 
	background: #fff url(media/bg_top.gif) no-repeat center ; 
	clear: both ;
}

#middle { 
	position:relative ; 
	width: 100% ; 
	z-index:0 ; 
	text-align: center ; 
	clear: both ;
}

#footer { 
	position:relative ; 
	width: 100% ; 
	height: 124px ; 
	z-index:0 ; 
	text-align: center ; 
	background: #fff url(media/bg_bottom.gif) no-repeat center ; 
	clear: both ;
}

.container { 
position:relative ; 
width: 940px ; 
margin: auto ; 
z-index:0 ; 
text-align: left ;
}

#clearColumns, .clearColumns {
	clear: both;
	height: 20px;
}


/* Page Layout */

.colLeft {
	float: left;
	width: 255px;
	padding-top: 40px;
}

#footer .colLeft {
	padding-top: 20px;
}

.colCenter {
	float: left;
	width: 425px;
	padding-top: 40px;
	margin-left: 40px;
}

#footer .colCenter {
	padding-top: 20px;
}

.colRight {
	float: right;
	width: 170px;
	padding-top: 40px;
}

.colWide {
	float: left;
	width: 635px;
	padding: 0;
	margin-left: 40px;
}


/* Unique Elements */

#logo {
	position: absolute;
	top: 52px;
	left: 0;
	height: 130px;
	width: 180px;
}

#logo a, #logo img {
	border: 0;
	background: transparent;
}

#mainNav {
	position: absolute;
	top: 72px;
	left: 296px;
	height: 32px;
	width: 410px;
}

#mainNav li {
	display: inline;
	float: left;
	height: 32px;
	line-height: 32px;
	font-size: 0px;
	text-indent: -5000px;
	margin-right: 12px;
}

#mainNav a,
#mainNav a:visited {
	display: block; 
	height: 32px;
	line-height: 32px;
	font-size: 0px;
	text-indent: -5000px;
	background: url(media/nav.gif) left top;
	padding: 0;
}

#mainNav a:hover {
text-decoration: none ;
background-position: 0px -32px;
}

#mainNav a.current,
#mainNav a.current:visited {
background-position: 0px -64px;
}

#mainNav a.current:hover {
background-position: 0px -32px;
}

#home a,
#home a:visited {
	width: 60px;
	background-position: 0px top;
}

#home a:hover {
	background-position: 0px -32px;
}

#contact a,
#contact a:visited {
	width: 72px;
	background-position: -72px top;
}

#contact a:hover {
	background-position: -72px -32px;
}

#twitter a,
#twitter a:visited {
	width: 65px;
	background-position: -156px top;
}

#twitter a:hover {
	background-position: -156px -32px;
}

#blog a,
#blog a:visited {
	width: 50px;
	background-position: -233px top;
}

#blog a:hover {
	background-position: -233px -32px;
}

#feed a,
#feed a:visited {
	width: 93px;
	background-position: -313px top;
	margin-left: 10px;
}

#feed a:hover {
	background-position: -313px -32px;
}

#footer a, 
#footer a:visited {
	color: #bbb;
}

#footer a:hover {
	color: #666;
	background: transparent;
}

#footer p {
	margin: 0;
}

/* Lists */

#contactBox {
  padding: 20px;
}

/* Forms */

.fieldName {
	clear: left;
	font-weight: bold;
}

.formField {
	height: 14px;
	font: normal 11px verdana;
	padding: 5px 5px;
	clear: both;
	margin: 2px 0px 8px 0px;
	border: 1px solid #dfdfdf;
	background: #fff;
}

.formArea {
	display: block;
	font: normal 11px verdana;
	padding: 5px 5px;
	clear: both;
	margin: 2px 0px 8px 0px;
	border: 1px solid #dfdfdf;
	background: #fff;
}

.required {
	font: bold 10px arial;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #aaa;
	padding-left: 6px;
}

.smallCaps {
font: bold 10px arial;
text-transform: uppercase;
letter-spacing: 1px;
color: #aaa;
}

/* Classes */


.box {
	padding: 8px 10px;
	display: block;
	background: #f6f6f6;
	clear: left;
	border-top: 1px solid #eaeaea;
}


/* For twitter Pluggin */

#twitterFeed ul {
	list-style-type: none;
}

#twitterFeed li {
	font: normal 14px arial ; 
	line-height: 20px ; 
	margin-bottom: 24px;
	width: 425px;
}

#twitterFeed li a,
#twitterFeed li a:visited {
	font: normal 11px arial ; 
	padding: 2px 5px;
	display: block;
	color: #bbb;
	background: #f6f6f6;
	clear: left;
	margin-top: 8px;
	border-top: 1px solid #eaeaea;
	width: 415px;
}

#twitterFeed li span a,
#twitterFeed li span a:visited {
	font: normal 14px arial ; 
	display: inline;
	clear: none;
	background: transparent;
	border: 0;
	color: #26a9e0;
	padding: 1px 2px; 
}

#twitterFeed a:hover {
	background-color: #e9f6fc;
	border-top: 1px solid #c9e9f7;	
	color: #0c95cf;
}

#twitterFeed span a:hover {
	color: #0c95cf;
	background-color: #e9f6fc;
	border: 0;
}