/* -------------------- MASTER STYLE SHEET -------------------- 
Eric Meyer Reset (reset.css)
SOURCE: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/

Clearfix Class (clearfix.css) 
SOURCE: http://www.positioniseverything.net/easyclearing.html */

@import url("reset.css");
@import url("clearfix.css");

/* -------------------- BASIC SELECTOR STYLES -------------------- */


body {font-size: 12px;
	line-height: 20px;	
	font-family: Helvetica, arial, sans-serif;
	color: #85817c;
	background: #524c45;}

a:link, a:visited {color: #99ac52;
	font-weight: bold;
	text-decoration: none;}
a:hover, a:active {color: #5f5f5f;
	font-weight: bold;
	text-decoration: none;}
	
h2 {color: #94a84e;
	font-size: 24px;
	font-weight: normal;}
	
h3 {font-family: Helvetica, arial, sans-serif;
	text-transform: lowercase;
	font-size:  14px;
	font-weight: normal;
	margin-top:  10px;}
	
h3 span {font-weight: bold;}
	
h3 + p {padding-bottom: 8px;}
	
#colLeft p {padding-bottom: 12px;}
	

/* -------------------- HEAD STYLES -------------------- */
#logo {height: 30px;
	width: 98px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/lwtLogo.png) no-repeat;
	display: block;}

#fullHead {width: 100%;
	background: #fff;}
#head {width: 800px;
	height: 230px;
	margin: 0 auto;
	background: url(../images/topShadow.png) 50% 100% no-repeat;
	position: relative;}
	
#head h1 {float: left;
	display: inline;
	margin-top: 110px;}
#head #nav {float:left;
	display: block;
	width: 100px;
	height: 112px;
	/*margin: 108px 0 0 105px;*/
	margin: 108px 0 0 0;
	padding-left: 5px;
    position: relative;
	font-family: 'HelveticaNeue-Thin', Helvetica, arial, sans-serif;}
	
#nav li {line-height: 16px;
	height: 16px;
	line-height: 100%;}
#nav a:link, #nav a:visited {color: #cbcbcb;
	text-decoration: none;
	font-weight: normal;
	display:  block;}
#nav a:hover, #nav a:active {color: #94a84e;
	text-decoration: none;
	font-weight: normal;
	display:  block;}

	
#head .navDetails {float: left;
	display: inline;
	width: 400px;
	height: 60px;
	margin-top: 110px;
	background: url(../images/topBg.png) no-repeat;}
.navDetails p {font-size: 13px;
	padding: 10px 15px 0 40px;}
.navDetails#peopleDetails, .navDetails#pressDetails, .navDetails#createathonDetails {padding-top: 10px;}
.navDetails#searchDetails {padding-top: 8px;}


/* -------------------- NAV STYLES -------------------- */
#head #box{
	/*margin-left:250px;*/
	margin-left:150px;
}
#homeNav span, #people span, #work span, #press span, #createathon span, #connect span, #search span {display: none;}
#homeNav {
	height: 16px;
	width: 183px;
	display: block;
	overflow: hidden;
	background: url(../images/nav/create-converge.gif) top left no-repeat;}
	
#people {height: 16px;
	width: 76px;
	display: block;
	overflow: hidden;
	background: url(../images/nav/people.gif) top left no-repeat;}
	
#work {height: 16px;
	width: 76px;
	display: block;
	overflow: hidden;
	background: url(../images/nav/work.gif) top left no-repeat;}
	
#press {height: 16px;
	width: 76px;
	display: block;
	overflow: hidden;
	background: url(../images/nav/press.gif) top left no-repeat;}
	
#createathon {height: 16px;
	width: 76px;
	display: block;
	overflow: hidden;
	background: url(../images/nav/createathon.gif) top left no-repeat;}
	
#connect {height: 16px;
	width: 76px;
	display: block;
	overflow: hidden;
	background: url(../images/nav/connect.gif) top left no-repeat;}
	
#search {height: 16px;
	width: 76px;
	display: block;
	overflow: hidden;
	background: url(../images/nav/search.gif) top left no-repeat;}
	
#people:hover, #work:hover, #press:hover, #createathon:hover, #connect:hover, #search:hover {background-position: bottom left;}


	
/* -------------------- GRID STYLES -------------------- */
#grid {background: #fff url(../images/homeBg2.jpg) 50% 0 no-repeat;
	height: 300px;
	width: 100%;
	display:block}
	
#imgContainer {position: absolute;
	top: 0;
	left: 0;}

/* -------------------- CONTENT STYLES -------------------- */
#fullContent {width: 100%;
	background: #fff url(../images/botShadow.png) 50% 0 no-repeat;}
#content {width: 800px;
	margin: 0 auto;
	background: url(../images/converge.png) 0 100% no-repeat;}
	
#colLeft {width: 265px;
	float: left;
	display: inline;
	margin: 50px 20px 15px 0;
	padding-right: 20px;
	font-size: 13px;
	line-height: 24px;
	border-right:  1px solid #eeeede;
	text-align: left;}
#colLeft:first-line {color: #94a84e;
	font-size: 15px;
	font-weight: bold;}
#colLeft span {font-size: 18px;
	color: #94a84e;}
#colLeft span em {font-size: 11px;
	color: #ada8a3;}
	
#colMid {width: 200px;
	float: left;
	display: inline;
	margin: 50px 0 15px 0;
	text-align: left;}
	
#colRight {width: 250px;
	float: left;
	display: inline;
	margin: 50px 0 15px 20px;
	padding-left:  20px;
	text-align: left;
	border-left:  1px solid #eeeede;}
	
#colRight2 {width: 185px;
	float: left;
	display: inline;
	margin: 50px 0 15px 20px;
	text-align: left;}
	
#detailTwitter {width: 25px;
	height: 25px;
	display: block;
	overflow: hidden;
	text-indent: 10000px;
	float: left;
	margin-right: 5px;
	margin-top: 5px; 
	background: url(../images/twitterWhite.png) top left no-repeat;}

#detailFb {width: 25px;
	height: 25px;
	display: block;
	overflow: hidden;
	text-indent: 10000px;
	margin-top: 5px;
	float: left;
	background: url(../images/fbIcon-White.png) top left no-repeat;}
	
#detailTwitter:hover, #detailFb:hover {background-position: bottom left;}

address {float: right;
	font-style: normal;
	margin-top: 15px;}
	
/* -------------------- TWITTER STYLES -------------------- */
#tweets {min-height: 260px;}
.tweet {background: url(../images/tweetBgTop.png) no-repeat;
	width: 252px;}
.tweet p {padding: 7px 9px;
	text-align: left;
	font-size: 12px;
	line-height: 18px;}
p.tweetInfo {background: url(../images/tweetBgBottom.png) no-repeat;
	padding: 12px 9px;
	font-size: 11px;
	font-style: italic;
	color: #ada8a3;}	
	
	
/* -------------------- SEARCH STYLES -------------------- */
input, textarea {background: #f3f3ed;
	border: none;
	font-size: 12px;
	color: #85817c;
	font-family: Helvetica, arial, sans-serif;}
input.lineInput {border: none;
	background: #f3f3ed;
	width: 150px;
	padding: 2px;}
input:active, input:hover {background: #e1e1d6;}
	

	
/* -------------------- FOOT STYLES -------------------- */
#fullFoot {background: #524c45 url(../images/footBg.png) 50% 0 no-repeat;
	height: 105px;}
#foot {width: 800px;
	margin: 0 auto;
	color: #b4b4b4;
	font-size: 11px;}
#foot a:link, #foot a:visited {color:#bbc76a;
	font-size: 11px;}
#foot a:hover, #foot a:active {color:#fff;
	font-size: 11px;}
#foot ul {padding-top: 15px;}
#foot li {display: inline;}
#footNav {width: 310px;
	float: left;
	display: inline;}

#beSocial span, #facebook span, #youtube span, #twitter span {display: none;}
#facebook:hover, #youtube:hover, #twitter:hover {background-position: top left;}
#beSocialBox {height: 25px;
	width: 200px;
	float: left;
	display: inline;
	margin-top: 20px;}
#beSocial {height: 17px;
	width: 58px;
	background: url(../images/beSocial.png) no-repeat;
	float: left;
	display: inline;
	margin-right: 10px;
	margin-top: 4px;
	overflow: hidden;} 
#facebook {float: left;
	display: inline;
	height: 25px;
	width: 25px;
	margin-right: 5px;
	background: url(../images/facebookIco.png) bottom left no-repeat;
	overflow: hidden;}
#youtube {float: left;
	display: inline;
	height: 25px;
	width: 50px;
	margin-right: 5px;
	background: url(../images/youTube.png) bottom left no-repeat;
	overflow: hidden;}
#twitter {float: left;
	display: inline;
	height: 25px;
	width: 25px;
	background: url(../images/twitterIco.png) bottom left no-repeat;
	overflow: hidden;}
	
#create span {display: none;}
#create {background: url(../images/createConvergeConnect.png) no-repeat;
	height: 14px;
	width: 169px;
	overflow: hidden;
	float: right;
	display: inline;
	margin: 20px 20px 0 0;
	display: none;}
	
	
img[align="right"] {float: right;
	text-align: right;}



/* -------------------- EKTRON STYLES -------------------- */	
.EktronAjaxLoading {display: none;}
.EktronEditorsMenuMarker{display:none;}