/* Main CSS Styles Document 
Author: Steven Gleave, Stefan Stanica
Last Modified: 29/08/2009
*/

/* Import Master Reset */
@import url(reset.css); 

/* BrandMaster - ELEMENTS */

body,html { min-height:101%; }
body { background:#FFF; padding:0; }
body, select, input, textarea { font: 100% Arial, Verdana, Sans-Serif; }

a, a:visited { text-decoration:none; }
a:hover, a:active { text-decoration:underline; }
a img { border:none; }

/*table { display: table; margin:13px 0; width:100%; border-collapse:collapse; }	*/
th { background:#E4E4E4; text-align:left; width:35%; }
th, td { border-bottom:1px solid #FFF; padding:4px 7px 4px 0; }
/*td { background:#F2F2F2; width:65%; }*/



/* BrandMaster - STRUCTURE */

#container { width:967px; margin:0 auto; background:#FFF; }


#header { height:97px; background:url(images/banner.jpg) repeat-x;  }

#header h1 img { float:left; position:relative; top:30px; left:30px; }

#header p{ float:right; position:relative; top:55px; right:30px; }



/* BrandMaster - NAVIGATION */

#nav { background:#2D2D2D url(images/navbar.jpg) repeat-x; width:967px; }

#nav ul { height:32px; margin:0 30px; padding:0; list-style-type:none; }

#nav ul li { float:left; list-style-type:none; background:url(images/divider.jpg) no-repeat; padding:0; padding-left:2px; }

#nav ul li.right { float:right; }

#nav ul li a { display:block; font-size:11px; font-weight:800; color:#D4D4D4; text-transform:uppercase; padding:9px 22px; text-decoration:none; }

#nav ul li.no-go, #nav ul li.right.no-go { padding:9px 0; }

#nav ul li a:hover, #nav ul li.current_page_item a { background:url(images/nav-hover-bg.jpg) repeat-x; color:#93D511; }



.shadow { width:967px; height:10px; background:url(images/shadow.jpg) repeat-x; margin-bottom:2px; font-size:8px; }

.shadow.long { margin-bottom:75px; }



/* BrandMaster - FOOTER */

#footer { height:40px; margin:0; clear:both; }

#footer ul { width:410px; margin:0 auto; padding:0; list-style-type:none; text-align:center; }

#footer ul li { font-size:11px; display:inline; padding:0 4px 0 11px; color:#929191; }/* background:url(images/footer-divider.jpg) no-repeat 0 2px;*/

#footer ul li.first { background:none; }

#footer ul li a { color:#929191; text-decoration:none; }
#footer ul li a:hover { text-decoration:underline; }



/* BrandMaster - HOME FEATURED */

#featured { height:275px; border-top:1px solid #FFF; border-bottom:1px solid #FFF; clear:both; }

#featured #home-animation { width:967px; height:275px; background:#CCC; }



/* BrandMaster - CATEGORY TABS */

#category-tabs { height:185px; margin-top:10px; margin-bottom:10px; clear:both; }

#category-tabs .cat-1 { float:left; width:288px; height:161px; padding:12px 15px; background:#D9D9D9 url(images/consulting-bg.jpg) no-repeat; position:relative; margin-right:4px; cursor:pointer; }

#category-tabs .cat-2 { float:left; width:288px; height:161px; padding:12px 15px; background:#D9D9D9 url(images/solutions-bg.jpg) no-repeat; position:relative; margin-left:-5px; margin-right:15px; cursor:pointer; }

#category-tabs .cat-3 { float:left; width:287px; height:161px; padding:12px 15px; background:#D9D9D9 url(images/creative-bg.jpg) no-repeat; position:relative; margin-right:0; cursor:pointer;  }


#category-tabs .cat-1 p.button, 
#category-tabs .cat-2 p.button, 
#category-tabs .cat-3 p.button {  font-size:13px;  font-weight:normal; color:#005bb5; position:absolute; bottom:5px; right:15px; text-decoration:underline; background: url("images/link.gif") no-repeat 100% 50%; padding-right: 12px; /* the width of your image */}

#category-tabs .cat-1 p.subtitle, 
#category-tabs .cat-2 p.subtitle, 
#category-tabs .cat-3 p.subtitle { font-size:15px; font-weight:bold; }

#category-tabs .cat-1 p.headersubtitle, 
#category-tabs .cat-2 p.headersubtitle, 
#category-tabs .cat-3 p.headersubtitle { font-size:23px; font-weight:bold; }


#category-tabs .cat-1 p.button a:hover, 
#category-tabs .cat-2 p.button a:hover, 
#category-tabs .cat-3 p.button a:hover { text-decoration:underline; }

#category-tabs .cat-1 img { margin-bottom:3px; }
#category-tabs .cat-2 img, 
#category-tabs .cat-3 img { margin-bottom:10px; }

#category-tabs .cat-1 p, 
#category-tabs .cat-2 p, 
#category-tabs .cat-3 p { font-size:13px; color:#373737; line-height:1.2; margin-bottom:5px; }

#category-tabs .cat-1 ul, 
#category-tabs .cat-2 ul, 
#category-tabs .cat-3 ul { margin:0; padding:0; list-style-type:none; }

#category-tabs .cat-1 ul li, 
#category-tabs .cat-2 ul li, 
#category-tabs .cat-3 ul li { font-size:13px; display:block; padding:2px 0 2px 12px; margin-left:7px; }

#category-tabs .cat-1 ul li { background:url(images/green-dot.jpg) no-repeat 0 8px; }
#category-tabs .cat-2 ul li { background:url(images/grey-dot.jpg) no-repeat 0 8px; }
#category-tabs .cat-3 ul li { background:url(images/orange-dot.jpg) no-repeat 0 8px; }

#category-tabs .cat-1 ul li a, 
#category-tabs .cat-2 ul li a, 
#category-tabs .cat-3 ul li a { text-decoration:none; color:#373737; }

#category-tabs .cat-1 ul li a:hover, 
#category-tabs .cat-2 ul li a:hover, 
#category-tabs .cat-3 ul li a:hover { text-decoration:underline; }



/* BrandMaster - ACTION TABS */

#action-tabs { height:43px; margin-bottom:40px; clear:both; }

#action-tabs h3 a.tab-1 , 
#action-tabs  h3 a.tab-2, 
#action-tabs  h3 a.tab-3 { font-size:18px; color:#D6D6D6; margin-bottom:0; text-decoration:none; padding:10px 0px 0px 15px; height:33px; width:298px; display:block; float:left; margin-right:14px; }

#action-tabs .tab-1 { background:#49494B url(images/tour.jpg) no-repeat; }
#action-tabs .tab-2 { background:#49494B url(images/appointment.jpg) no-repeat; }
#action-tabs h3 a.tab-3 { background:#49494B url(images/ROI.jpg) no-repeat; margin-right:0; }

#action-tabs .tab-1 h3, 
#action-tabs .tab-2 h3, 
#action-tabs .tab-3 h3  { text-decoration:underline; }

a.tab-1:hover, 
a.tab-2:hover, 
a.tab-3:hover { text-decoration:underline; color:#93D511; }

/* BrandMaster - SUB PAGES */

#container #sub-featured { height:194px; margin-top:2px; clear:both; }
#container #columns { margin-top:10px; clear:both; }



/* BrandMaster - LEFT COLUMN */

#container #left-col { float:left; width:164px; margin-right:14px; background:#fff; }

#container #left-col ul { margin-bottom:28px; padding:0; list-style-type:none; }

#container #left-col ul li { border:0px solid #F6F6F6; }

#container #left-col ul li a { display:block; font-size:12px; font-weight:bold; color:#209398; background:url(images/lines.jpg) repeat-x bottom left; }

#container #left-col ul li.title, 
#container #left-col ul li span, #container #left-col ul li a.first { font-size:14px; display:block; color:#FFF; background:url(images/lft_bg.jpg) repeat-x bottom left; padding:7px 0 7px 10px; }

#container #left-col ul li a { display:block; font-weight:normal; color:#373737; padding:8px 0 8px 10px; margin:4px 0px; }

#container #left-col ul li ul li a:hover, 
#container #left-col ul li.current-cat a, 
#container #left-col ul li .current-cat a,
#container #left-col ul li ul li.current_page_item a { text-decoration:none; color:#FFF; background:#373737; background:url(images/lft_bg_light.jpg) repeat-x center left; }

#container #left-col ul li.current-cat ul li a { color:#373737; background:#FFFFFF url(images/lines.jpg) repeat-x bottom left; }



/* BrandMaster - MIDDLE COLUMN */

#container #middle-col { float:left; width:535px; background:#FFF; padding:0; }

#container #middle-col h2 { font-size:32px; color:#666; border-bottom:1px solid #B2B2B2; letter-spacing:-1px; padding-bottom:8px; }
#container #middle-col h2 span { color:#666; }

#container #middle-col h2.client-page { font-size:32px; color:#666; border-bottom:1px solid #B2B2B2; letter-spacing:-1px; padding-bottom:8px; margin-bottom:15px; }
#container #middle-col h2.client-page span { color:#87CF00; font-weight:bold; }

#container #middle-col .post { background:url(images/lines-white.jpg) repeat-x 0 127px; padding:19px 0; }/*height:91px; */
#container #middle-col .postLarge { border-bottom:1px solid #B2B2B2; padding:19px 0; }
#container #middle-col .post.last { background:none; margin-bottom:13px; border-bottom:1px solid #B2B2B2; }

#container #middle-col .post { font-size:13px; color:#666; border-bottom:1px solid #B2B2B2; margin-bottom:10px; }
#container #middle-col .post img { float:left; margin-right:10px; }
#container #middle-col .post p, #container #middle-col .post a { font-size:13px; color:#666; margin-bottom:8px; }
#container #middle-col .post a { text-decoration:underline; }
#container #middle-col .post p.title { font-size:18px; font-weight:bold; margin-bottom:5px; }
#container #middle-col .post p.title_sec { font-size:18px; font-weight:bold; margin-bottom:0px; }
#container #middle-col .post p a { text-decoration:none; color:#005bb5; font-weight:normal; }
#container #middle-col .post p a:hover { text-decoration:underline; }

#container #middle-col.middle-col-large { float:left; width:700px; background:#FFF; padding:0; }


#container #middle-col .client { float:left; width:171px; margin-top:10px; margin-right:11px; }
#container #middle-col .client.last { margin-right:0; }

#container #middle-col .client img { margin-bottom:5px; }

#container #middle-col .client p { font-size:13px; font-weight:bold; color:#666; margin-bottom:8px; }
#container #middle-col .client p.title { font-size:18px; margin-bottom:0; }
#container #middle-col .client p.desc { background:url(images/client-divide.jpg) repeat-x bottom left; padding-bottom:10px; }

#container #middle-col .client p a { text-decoration:none; color:#005bb5; font-weight:normal; background: url("images/link.gif") no-repeat 100% 50%; padding-right: 12px; /* the width of your image */}
#container #middle-col .client p a:hover { text-decoration:underline; }




#container #middle-col .image-block { margin:30px 0 60px 0; }
#container #middle-col .image-block .list { float:left; margin:0 5px 5px 0; }
#container #middle-col .image-block .list.last { margin:0 0 5px 0; }



/* BrandMaster - RIGHT COLUMN */

#container #right-col { float:right; width:239px; height:/*100px*/auto; }

#container #right-col a.right-consulting, 
#container #right-col a.right-solutions, 
#container #right-col a.right-creative { font-size:18px; color:#D6D6D6; margin-bottom:0; text-decoration:none; position:relative; padding:4px 0px 0px 10px; display:block; }

#container #right-col .right-consulting { height:33px; background:url(images/consulting-small-bg.jpg) no-repeat; margin-bottom:8px; }

#container #right-col .right-solutions { height:33px; background:url(images/solutions-small-bg.jpg) no-repeat; margin-bottom:8px; }

#container #right-col .right-creative { height:33px; background:url(images/creative-small-bg.jpg) no-repeat; margin-bottom:11px; }

#container #right-col a.right-consulting:hover, 
#container #right-col a.right-solutions:hover, 
#container #right-col a.right-creative:hover { text-decoration:none; color:#93D511; }

#container #right-col .right-holder { width:209px; position:relative; padding:15px 15px 10px 15px; background:url(images/holder-bg.jpg) no-repeat; margin-bottom:0; }
#container #right-col .right-holder h3 { font-size:20px; color:#666; margin-bottom:15px; }
#container #right-col .right-holder p { font-size:10px; color:#555; font-weight:bold;margin-bottom:15px; }
#container #right-col .right-holder p a { color:#000; text-decoration:none; }
#container #right-col .right-holder p a:hover { text-decoration:underline; }
#container #right-col .right-holder p.date {  margin-bottom:0; }
#container #right-col .right-holder p.date  a{ color:#000; font-weight:bold;font-size:13px;  }
#container #right-col .right-holder p.normal { font-weight:normal; }


#container #right-col .news-bottom { height:29px; background:url(images/news-btm-bg.jpg) no-repeat; }
#container #right-col .news-bottom p.button a { font-size:13px; font-weight:bold; color:#93D511; position:relative; top:5px; left:155px; }
#container #right-col .news-bottom p.button a:hover { text-decoration:underline; }



.navigation { margin:10px 0; font-size:13px; }

.alignright { float:right; }
.alignright a, 
.alignright a:visited { text-decoration:none; color:#72af00; font-weight:bold; }
.alignright a:hover { text-decoration:underline; }


.alignleft { float:left; }
.alignleft a, 
.alignleft a:visited { text-decoration:none; color:#72af00; font-weight:bold; }
.alignleft a:hover { text-decoration:underline; }


.clear { clear:both; font-size:1px; height:1px; }
.login {background:url(images/login.jpg) left top no-repeat; border:0px; width:78px; height:34px; text-indent:-9999px; cursor:pointer; float:right; }
form.ddfm .submit {background:url(images/send_email.jpg) left top no-repeat; border:0px; width:134px; height:34px; text-indent:-9999px; cursor:pointer; float:right; margin-right:15px; }