/* ======================================================== */
/* CSS Document 																						*/
/* ======================================================== */
* 	 { padding: 0; margin: 0; ; }
body { text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 62.5%; color: #333; }
#frame { margin: 15px auto; width:980px; text-align: left; background:#fff; padding: 20px;}

.clear { clear: both;}
/* ======================================================== */
/* Header Styles																						*/
/* ======================================================== */
#header { border: 9px solid #f1f1f3;}

#navigation { background: #918F90 url(../images/menu_gry_grad.jpg) repeat-x;}
#navigation ul { list-style: none;   background: #918F90 url(../images/menu_gry_grad.jpg) repeat-x;}
#navigation li { float: left; text-align:center;}
#navigation li a { background:#918F90 url(../images/menu_gry_grad.jpg) repeat-x;  text-decoration:none; font-size: 1.1em; color:#333;  padding-top: 10px; padding-bottom: 10px;
									 display: block;  border-left: 1px solid #999; border-right: 1px solid #eee; }
#navigation li a.on,									 
#navigation li a:hover { background: #211F20 url(../images/menu_blk_grad.jpg) repeat-x; color:#eee;}



/* adjust widths */
.menu1 {width: 135px;}
.menu2 {width: 136px;}
.menu3 {width: 136px;}
.menu4 {width: 135px;}
.menu5 {width: 135px;}
.menu6 {width: 136px;}
.menu7 {width: 135px;}
.menu8 {width: 135px;}

/* ======================================================== */
/* Footer Styles																						*/
/* ======================================================== */
#footer { background:#fff url(../images/mulitbar_div.jpg) repeat-x top; height: 28px; display:block; color: #444; font-size: 1.1em;}
#disclaimer { float: left; line-height: 25px; padding: 0 0 0 5px;}
#copyright { float: right; line-height: 25px; padding: 0 5px 0 0;}
#footer a { color:#444; text-decoration:none;}
#footer a:hover { color:#000; text-decoration:underline;}

/* ======================================================== */
/* Main Styles																							*/
/* ======================================================== */
#main { /*border: 9px solid #f1f1f3;*/ margin: 9px auto; }
#main_content { /*border: 1px solid #ccc;*/ color: #555; font-size: 1.0em; width:100%; margin:0; min-height:425px;}

#homemenu .menu { margin: 17px 4px;}
#homemenu .menu li a { background:url('../images/btn_homemenu_bg.gif')!important; width:182px; height:44px; display:block; line-height:44px; padding:0 0 0 34px; color:#666;}
#homemenu .menu li  { margin: 5px auto;}
#homemenu .menu li a:hover { opacity:.60;}

.col { float: left; display:block; position: relative;}

.w100 { width: 100%; }
.w75 { width: 75%; }
.w50 { width: 50%; }
.w25 { width: 25%; }
.w33 { width: 33%; }
.w66 { width: 66%; }
.w180 { width: 215px;}
.w295 { width: 260px;}

.floatright { float: right;}

.innercol { margin: 10px 0;}
.innercol h1 { padding: 0 10px; font-weight:normal; font-size: 1.8em; color:#111;}
.innercol h2 {     color: #111111;
    font-size: 1.8em;
    font-weight: normal;
    padding: 0 10px;}
.innercol h4 { font-size:0.9em; font-weight:bold; margin:4px 10px 2px; padding:0; color: #000;}
.innercol h6 { font-size:0.9em; font-weight:bold; margin:4px 10px 2px; padding:0; color: #666;}

.innercol p  { padding: 10px; line-height:1.6em; font-size: 1.4em;}
.innercol ul { list-style: none; padding: 10px 0 10px 30px; font-weight:normal; }
.innercol li { line-height:1.8em; font-size: 1.4em}
.innercol strong { color: #000; font-weight:bold; }

.menu { padding: 10px 0 10px 10px!important;}
.menu li a { background:url(../images/btn_menu_off.jpg) center left no-repeat; padding-left: 15px; text-decoration:none; color:#999;}
.menu li a:hover { background:url(../images/btn_menu_on.jpg) center left no-repeat; padding-left: 15px; color:#000000;}

.menu li a.on { background:url(../images/btn_menu_on.jpg) center left no-repeat; padding-left: 15px; color:#000000}
.menu li a.on:hover { background:url(../images/btn_menu_on.jpg) center left no-repeat; padding-left: 15px; color:#000000;}


.border_right { border-right: 1px solid #ccc; min-height: 395px;}
.border_left { border-left: 1px solid #ccc; min-height: 395px;}
.border_bottom { border-bottom: 1px solid #ccc;}
.border_top { border-top: 1px solid #ccc;}
.noborder { border: none!important;}
.keyline { border: 1px solid #ccc;}

.imgleft { float: left; margin: 0px 10px 0px 0; vertical-align:middle;}
.imgright { float: right; margin: 0px 0px 0px 10px; vertical-align:middle;}

.closed { line-height:1.4em!important;}
.adjust { margin-left: -1px;}
.indent { margin: auto 10px;}

.mugshot { margin: 10px 0 0 5px; border: 1px solid #ccc;}

.snippet { font-size:1.0em !important; margin:5px 10px 8px!important; color:#000!important; line-height: 1.2em!important; border-bottom: 1px dotted #000; padding:4px!important;}

.modal_content { display: none;}

/* ======================================================== */
/* COMP STYLES																							*/
/* ======================================================== */
.competition_box { background:url(../images/gold_grad.jpg); width: 220px; margin: 10px 10px 0; padding-bottom: 1px;}
.competition_box h1 {background:#AD8C2F url(../images/gold_title_grad.jpg) repeat-x; font-size:1em; font-weight:bold; color:#000; border-bottom: #E2BD90 1px solid; padding: 4px 5px; }
.competition_box h2 {background:none; font-size:1.0em; font-weight:bold; padding:0;}
.advert { margin: 3px; background: #fff url(../images/comp/comp_bg_cs.jpg) no-repeat left; border: 1px solid #666; height:152px; position:relative;}
#comp_enterbtn { position:absolute; left: 5px; top: 115px;}

/* ======================================================== */
/* CASE STUDY STYLES																				*/
/* ======================================================== */
.case_study { background-color:#d5cfce; margin: 0 10px; padding: 5px 3px; }
.headline { font-size: 1.2em; text-transform:uppercase; line-height:17px; color:#666; letter-spacing:-1px; }
.headline img { float: right;}
.headline a { display: block; color:#666; text-decoration:none; background:url(../images/btn_off.png) no-repeat left; padding: 0 0px 0 20px; display: block;  }
.headline a:hover { background:url(../images/btn_on.png) no-repeat left; color: #f60; }
.cs_text { padding: 4px 0 0 0; position: relative;}
.item { font-size: 0.8em; text-transform:uppercase; background-color:#F2F2F2!important; border: 1px solid #eee;padding: 0 0 0 5px; position:relative; line-height:15px; font-weight:bold; color: #000;  }
.item img { float: right;margin-top: -4px;position:relative;}
.item img.video_btn { float: none; position:absolute; bottom: 5px; left: 5px; }

/* ======================================================== */
/* CLIENT STYLES																						*/
/* ======================================================== */
.client_logos{ background-color:#fff; margin: 0 10px; padding: 5px 3px; height: 270px; text-align:center; }
.clientlist { background-color:#e3e2e7; margin: 0 10px; padding: 5px 3px; height: 220px; overflow-y: scroll;
 font-size:0.8em;}
.clientlist a { color:#333;}
.clientlist a:hover { color:#ff6600;;}
/* ======================================================== */
/* NEWS STYLES																						*/
/* ======================================================== */
.newsmenu { list-style: none; overflow: hidden; padding: 0!important;/* background-color:#e3e2e7;*/ margin:auto 0 auto 10px;}
.newsmenu li {  text-align:left; margin: 2px; auto!important; border-bottom: 1px solid #eee;}
.newsmenu li a { /*background-color:#d5cfce; */line-height: 14px; text-decoration:none; font-size: .8em; color:#333;
									 display: block; padding-top: 5px; padding-bottom: 5px;}

.newsmenu li a.on,
.newsmenu li a:hover { /*background:#231F20 url(../images/grad_news_blk.jpg) repeat-x;*/ color:#666;}

/* ======================================================== */
/* TESTIMONIAL STYLES																				*/
/* ======================================================== */
.testimonial { margin: 10px 10px;}
.testimonial { background:#575958; border: 1px solid #ccc;}
.testimonial h2 {background:#929091 url(../images/title_grad.jpg) repeat-x; font-size:0.8em; font-weight:bold; color:#000; padding: 0 10px; margin: 0; }
.quotetext { background: url(../images/case_studies/quotes.jpg) no-repeat ; background-position: 5px 5px; color: #fff; padding: 15px 10px 10px!important; text-indent: 30px; line-height:1.2em!important; font-size:1.0em; }
.quotetextend { color: #fff; padding: 10px 10px 10px; }
.nudgedown { position: relative; right: 0;  top:5px;}

.quotename { color: #fff; padding: 15px 10px 10px; font-weight:bold; }
.sotto { font-size: 0.8em!important; padding: 0 10px 2px!important ; color: #eee;}

.cs_menu { padding: 5px 20px 5px 15px!important; }
.cs_menu li {line-height:1.2em; margin: 10px auto; padding-left: 15px; padding-right:10px; background:url(../images/case_studies/cs_bullet.jpg) no-repeat 0 3px;}

a.cs_action { background:url(../images/btn_off.png) no-repeat left; line-height: 20px; padding: 0 0 0 25px; display: block; color: #0066cc; text-decoration:none;}

a.cs_action:hover  { background:url(../images/btn_on.png) no-repeat left; color: #ff6600;}

.leftalign { padding-left: 2px!important; margin-left: 2px!important;}
.bg1 {background-color:#99FF00;}
.bg2 {background-color:#0F9;}
.bg3 {background-color:#900;}

a.editme { background:#900; color:#fff; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #666; border-bottom: 1px solid #666; padding: 2px; font-size: 0.8em; display:inline-block; text-decoration:none; position:absolute; right: 10px; top: 10px; }
a:hover.editme { background: #090 ; color:#fff; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #666; border-top: 1px solid #666; padding: 2px; }