/* naming should be all lower cases */

/*____________________________________________________________________
    - GENERAL LAYOUT                                                */
/*body, html {
	height:100%;	
}*/


body
{
    margin: 0;
    padding: 0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.75em;
    color:#222935;
    background:#6b6962 url(/imgs/bg.jpg) bottom repeat-x;
}

#wrapper { 	
	width: 975px;
	margin:0 auto;	
	}

#menu {
	}

#header {
	height:110px;
}

#banner {
	margin:5px 0 8px 0;	
}
	
#content {
	background:#6b6962 url(../imgs/bg-right.jpg) bottom repeat-x;
	border:#1e2022 1px solid;	
}

#mainContent
{
	background-color: #afb1b3;
	/*border: solid 1px #FFF;*/
	width: 661px;
	float: left;
	min-height: 450px;
	padding: 0 10px 0 15px;
	
}

.content-right {
	width:269px;	
	float:right;	
	padding: 15px 9px 0 9px;
	position: relative;
	/*border: solid 1px #FFF;*/
}

.content-left
{
    width: 344px;    
    /*border: solid 1px #FFF;*/
    float: left;
	/*padding:10px 10px 15px 20px;*/
	padding:10px 0px 15px 0px;
}

.content-mid {
	width:312px;
	float: left;
	text-align:justify;
	
	/*border: solid 1px #FFF;*/
}

#clients {
	background:#afb1b3 url(../imgs/bg-clients.jpg) bottom repeat-x;	
	border:#000 1px solid;
	height:86px;
	margin:8px 0 8px 0;
	padding:8px 0 5px 20px;	
	
}

.QuoteBox
{
	padding: 5px 0 20px 0;
}

.QuoteText
{
	margin-left: 60px;	
	padding-bottom: 10px;
	color: #FFFFFF;
	margin-top: -20px;
	
}


#mediaspace
{
	padding-bottom: 20px;
}

.logos 
{
	margin-top:10px;        
}

.logos ul 
{
    margin: 0;    
    list-style: none;
}

.logos li
{	
	margin: 0 12px 0 0;
	width: 175px;
	height: 47px;
	border: #FFF solid 0px;
	text-align: center;
}

.logos li img, .logos li p 
{
	background-color: #fff;		
	border:#36342f 1px solid;			
}



/*____________________________________________________________________
    - HTML TAGS                                                     */
h1, h2, h3 {
	color:#b20400;
	font-family:"Arial Black", Helvetica bold, sans-serif;
	font-weight:normal;
}

h1 {font-size:1.4em;}
h2 {font-size:1.25em;}
h3 {font-size:1.1em;}

a, a:visited {color:#000;}
a:hover {color:#b20400;}

ul { list-style-image:url(../imgs/bullet.gif); }

.textbox {
    border:#3a3833 1px solid; 
    background-color:#afb1b3;
    padding:3px 0 0 5px;
    color:#5a6163;
	font-style:italic;
	height: 17px;
	width: 231px;
}

.button {
	border:#292e2f 1px solid;
	background:#2a2f30 url(../imgs/bg-btn.gif) center top repeat-x;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}




/*___________________________________________________________________
    - FOOTER SECTION                                               */

#footer 
{
	font-size:0.9em;
	color:#afb1b3;
	padding:10px 20px 0 20px;
	height:53px;
	background:url(../imgs/bg-footer.png) top center no-repeat;
}
	
#footer-left {
	float:left;
}

#footer-right 
{
	float:right;
	text-align:right;
	width:280px;
}


#footer a, #footer a:visited {color:#d0d0d0; text-decoration:none;}
#footer a:hover {color:#fff; text-decoration:none;}




/*____________________________________________________________________
    - OPTIONAL SECTIONS                                             */

.case-studies {
    background-color:#d6d6d6; 
    padding:10px 20px 10px 20px; 
    vertical-align:top;
}

.testimonials { 
    padding:10px 18px 10px 18px; 
    vertical-align:top;
}



/*____________________________________________________________________
    - MISCELLANEOUS                                                 */

.lnkbold {color:#015590; font-weight:bold; text-decoration:none; font-size:1.1em;}
.lnkCase, .lnkCase:Visited {color:#3e4043; text-decoration:none;}
.lnkCase:hover {color:#015590;}

.GoogleMapDiv { margin: 15px 20px 10px 10px; float: left;} 



/*____________________________________________________________________
    - JQuery li-scroller section                                                 */
.tickercontainer
{
    /* the outer div with the black border */    
    margin: 0;
    padding: 0 overflow: hidden;
}

.tickercontainer .mask
{
    /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    left: 10px;
    top: 8px;
    width: 718px;
    overflow: hidden;
}

ul.newsticker
{
    /* that's your list */
    position: relative;
    left: 750px;
    font: bold 10px Verdana;
    list-style-type: none;
    margin: 0;
    padding: 0;
    list-style-image: none;
}

ul.newsticker li
{
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding: 0;
    background: #fff;
}

ul.newsticker a
{
    white-space: nowrap;
    padding: 0;
    color: #ff0000;
    font: bold 10px Verdana;
    margin: 0 50px 0 0;
}

ul.newsticker span
{
    margin: 0 10px 0 0;
}