html 
{
background: #090909 url(../images/_bg/bg_body-gradient.jpg) top center no-repeat;
color: #333;
}

body
{
    font-family: "Helvetica Neue", "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;	
}

h1, h2, h3, h4, h5, h6 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

strong { font-weight: bold; }

em { font-style: italic; } 

hr 
{
	color: #fff;
	border: 1px solid #fff;
	border-bottom: 1px dotted #ccc;
	hight: 1px;
	margin: 1em 1em 1em 0;
}

blockquote {
margin: 10px auto;
text-align: center;
width: 95%;
background: transparent url(../images/quoleft.gif) left top no-repeat;
}

blockquote div {
text-align: left;
padding: 0 36px;
background: transparent url(../images/quoright.gif) right bottom no-repeat;
}

#hd {
margin-top: 0 !important;
height: 120px;
}

#logo { padding: 20px 10px 10px 10px; }

/**** Menu ****/
#menu { padding: 0 !important; margin: 0 !important; }

#menu a { color: #333; font-size: 123.1% !important; text-decoration: none; display: block; padding: 6px 2px 4px 2px; }
#menu a:hover { color: #990000; }

#menu ul { list-style: none; }

#menu li { 
	width: 10em; 
	float: left;
	margin-top: 110px; 
	margin-left: 2px; 
	background-color: #fff;
	text-align: center;
    -moz-border-radius-topright: 6px;    
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;  
    -webkit-border-top-left-radius: 6px;
}

/**** body ****/

#bd 
{
	clear: both;
	background-color:#fff;
	-moz-border-radius: 6px;     
	-webkit-border-radius: 6px;
	-moz-border-radius-topright: 0;    
    -webkit-border-top-right-radius: 0;
	padding: 10px 15px;
}

#bd h2 .yui-gd, #bd .yui-gb
{
	margin-top: 2em;
}

#bd a {
color: #336633;
}

#bd a:hover h3
{
	text-decoration: underline;
}

#bd h1 {
font-size: 167%;	
color: #336633;
}

#bd h2 {
margin: 0;
color: #666;
font-size: 131%;
margin: 0.2em 0;
}

#bd h3 {
margin: 0;
color: #336633;
font-size: 131%;
margin: 0.2em 0;
}

#bd p {
margin:0 0 1em 0; 
padding:0;
font-size: 108%;
color: #333;
}

#bd ul {
margin: 1em 0;
}

#bd li 	{
	list-style: square;
	margin-left: 2em;
}

#bd .yui-g
{
	margin: 2em 0 2em 0;
}

.icon
{
	width: 170px;
}

.text
{
	width: 280px;
}


#bd .yui-gb a
{
	font-size: 123.1%;
	text-decoration: none;
	line-height: 55px;
	color: #666;
}

.iconPadding
{
	clear: both;
	padding: 0 10px 10px 0;
}

#caseStudies
{
	margin-top: 2em;
}

#caseStudies h2 {
color: #336633;
}

#caseStudies .yui-gf {
padding: 1em 0;
margin-bottom: 1em;
border-bottom: 1px dotted #ccc;
}

/**** Tweets ****/

#twitter   { margin-top: 2em; }
#twitter p { color: #fff; }
#twitter a { color: #900;  }

.tweet
{
width: 100%;
margin-bottom: 0.5em;
}

.tweet-img { width: 8%; }   

.tweet-text
{
width: 92%;

}

.tweet-text p 
{
padding: 5px 5px 0 5px !important;
font-size: 93% !important;
color: #333 !important;
}

#twitter .first 
{
	background-color: #ccc;
}

#twitter .first p
{
font-size: 108% !important;
}

#twitter .first em
{
font-size: 100% !important;
}

/* ------------------------ Slides ----------------------- */

#imgSlider
{
margin-top: 5px;
}

.slides 
{
height:487px;
overflow:hidden;
width:272px;
}

.slides img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color:#eee;
border:1px solid #ccc;
height:455px;
padding:10px;
width:250px;
}



/* ------------------------ FOOTER ----------------------- */

#ft 
{
padding: 10px;
}

#ft .yui-u:first-child {
text-align: left !important;
}

#ft .yui-u:last-child {
text-align: right !important;
}

#ft a, #ft, #ft p
{
	color: #fff;
	font-size: small;
}

#ft a:hover 
{
	color: #ccc;
}

#caseStudies .first img
{
	margin-left: 40px;
}

/**** Generic ****/

.fl   { float: left !important; }
.fr   { float: right !important; }
.fc   { margin:0 auto; text-align:center; }

.tl   { text-align: left; }
.tr   { text-align: right; }

.cb   { clear: both; }
.cr	  { clear: right; }
.cl	  { clear: left; }
.cn   { clear: none !important; }

.bn   { border: none !important;}
.br   { border-right: 1px dotted #ccc;}

.pn	  {padding: 0 !important; }
.ptn  {padding-top: 0 !important; }
.pbn  {padding-bottom: 0 !important; }

.mn	  {margin: 0 !important; }
.mtn  {margin-top: 0 !important; }
.mbn  {margin-bottom: 0 !important; }

.bgn  { background-image: none !important; }
.fail { background-color: #e98080; }

.no-list-bullets li { list-style: none !important; margin-left: 0 !important; }