body{margin:23px 0px 0px; padding:0px; background:#fff url(../images/bg.gif) repeat-x top left; font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, form, textarea{padding:0px; margin:0px; font-weight:normal}
a img{border:0px;}
.clearfix{clear:both; font-size:0px; line-height:0px; visibility:hidden}

#wrapper{width:100%; height:auto}
#page-holder{width:723px; height:auto; margin:0px auto;}


/********** Header **********/
#header{width:auto; height:68px;}
#header:after{font-size:0px; line-height:0px; clear:both; visibility:hidden; display:block; height:0px; content:'.'}
#header #logo{float:left; width:251px; height:56px; padding:12px 0px 0px 12px; background:url(../images/logo-bg.gif) no-repeat top left}
#header #logo img{float:left}
#header #logo img.belding{margin:26px 0px 0px 32px;}

#header #links{float:right; width:350px; padding-right:5px; height:auto;}
#header #links ul{list-style:none; padding-top:25px; float:right}
#header #links ul li{float:left; padding-top:29px; line-height:0px; font-size:0px;}
#header #links ul li a{text-decoration:none; margin:0px 12px}
#header #links ul li a:hover{text-decoration:none;}
#header #links ul li.last{float:left; padding-top:0px;}
#header #links ul li.last a{text-decoration:none; margin:0px 12px}
#header #links ul li.last a:hover{text-decoration:none;}


/********** Content Section **********/
#content{width:723px; height:auto;; background:url(../images/content-bg.gif) repeat-y top left}
#content:after{font-size:0px; line-height:0px; clear:both; visibility:hidden; display:block; height:0px; content:'.'}
/* \*/ * html #content{height:1px;} /* */

#content-top{width:723px; height:auto; background:url(../images/content-top-bg.gif) no-repeat top left}
#content-top:after{font-size:0px; line-height:0px; clear:both; visibility:hidden; display:block; height:0px; content:'.'}
/* \*/ * html #content-top{height:1px;} /* */

#content-btm{width:723px; height:auto; background:url(../images/content-btm-bg.gif) no-repeat bottom left}
#content-btm:after{font-size:0px; line-height:0px; clear:both; visibility:hidden; display:block; height:0px; content:'.'}
/* \*/ * html #content-btm{height:1px;} /* */

.home-content-wrapper{padding:13px 0px 4px 14px; width:auto; height:auto;}
.home-content-wrapper:after{font-size:0px; line-height:0px; clear:both; visibility:hidden; display:block; height:0px; content:'.'}
/* \*/ * html .home-content-wrapper{height:1px;} /* */


/********** Home Page Buttons **********/
ul.home-btns{list-style:none; clear:both}
ul.home-btns:after{font-size:0px; line-height:0px; clear:both; visibility:hidden; display:block; height:0px; content:'.'}
/* \*/ * html ul.home-btns{height:1px;} /* */

ul.home-btns li{ float:left; height:136px; width:auto; padding:0px 0px 11px;}
ul.home-btns li a{ float:left; height:136px; text-decoration:none;}
ul.home-btns li.about{padding-right:16px;}
ul.home-btns li.about a{ width:182px; display:block; background:url(../images/btn-about.gif) no-repeat top left}
ul.home-btns li.about a:hover{ background-position:0px -136px;}

ul.home-btns li.services a{ width:496px; display:block; background:url(../images/btn-services.gif) no-repeat top left}
ul.home-btns li.services a:hover{ background-position:0px -136px;}

ul.home-btns li.portfolio{padding-right:16px;}
ul.home-btns li.portfolio a{ width:496px; display:block; background:url(../images/btn-portfolio.gif) no-repeat top left}
ul.home-btns li.portfolio a:hover{ background-position:0px -136px;}

ul.home-btns li.clients a{ width:182px; display:block; background:url(../images/btn-clients.gif) no-repeat top left}
ul.home-btns li.clients a:hover{ background-position:0px -136px;}


/********** Sub Pages **********/
.sub-content-wrapper{padding:3px 3px; width:717px; height:auto; margin:0px auto}
.sub-content-wrapper:after{font-size:0px; line-height:0px; clear:both; visibility:hidden; display:block; height:0px; content:'.'}
/* \*/ * html .sub-content-wrapper{height:1px;} /* */

#left-nav{width:75px; height:auto; margin-top:18px; padding-left:10px; float:left; border-right:1px solid #89AED4}
#right{width:631px; height:auto; float:left}
#right .left{width:282px; height:auto; float:left; padding:15px 23px 0px 10px;}
#right .right{width:316px; height:auto; float:left}

h1{font-size:20px; font-weight:bold; color:#729ECC}
.h1c {font-size:20px; font-weight:bold; color:#fcb034}
.h1p {font-size:20px; font-weight:bold; color:#008e7f}
.h1s {font-size:20px; font-weight:bold; color:#cf7170}
p{font-size:11px; color:#231F20; line-height:18px; margin-bottom:15px;}
.p1{font-size:11px; color:#231F20; line-height:18px; margin-bottom:15px;}
.p2{	font-size: 11px; color: Gray; line-height: 18px; margin-bottom: 15px;}
.p3{	font-size: 12px; color: #000000; line-height: 18px; margin-bottom: 15px;}
.p4{font-size:11px; color:#231F20; line-height:15px; margin-bottom:15px;}
.scroll {width: 100%; height: 140px;	overflow: auto; padding: 5px;}
.link-name {font-size:11px; color:#000000; font-weight: bold; line-height:18px; margin-bottom:15px;}
.link-text {font-size:11px; color:#000000; line-height:18px; margin-bottom:15px;}

/********** Left Navigation **********/
.link{width:auto; height:65px;}
#left-nav .link ul{list-style:none;}
#left-nav .link ul li{width:auto; height:16px; font-size:0px; line-height:0px;}
#left-nav .link ul li a{text-decoration:none; display:block; width:auto; height:16px;}
#left-nav .link ul li a:hover{text-decoration:none;}

ul li.about a{ background:url(../images/about.gif) no-repeat top left;}
ul li.who a{ background:url(../images/who.gif) no-repeat top left;}
ul li.blog a{ background:url(../images/blog.gif) no-repeat top left;}
ul li.news a{ background:url(../images/news.gif) no-repeat top left;}
ul li.services a{ background:url(../images/services.gif) no-repeat top left;}
ul li.strategy a{ background:url(../images/strategy.gif) no-repeat top left;}
ul li.creativity a{ background:url(../images/creativity.gif) no-repeat top left;}
ul li.additionally a{ background:url(../images/additionally.gif) no-repeat top left;}
ul li.portfolio a{ background:url(../images/portfolio.gif) no-repeat top left;}
ul li.clients a{ background:url(../images/clients.gif) no-repeat top left;}

#left-nav .link ul li a:hover{background-position:0px -16px;}
#left-nav .link ul li a.current{background-position:0px -16px;}


/********** Footer **********/
#footer{clear:both; width:auto; height:auto; color:#CADAEC; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#footer a{color:#CADAEC; font-family:Arial, Helvetica, sans-serif; font-size:10px;; text-decoration:none;}
#footer a:hover{color:#145DAA; font-family:Arial, Helvetica, sans-serif; font-size:10px;; text-decoration:none;}
#footer a .facebook{color:#4E81B6; font-family:Arial, Helvetica, sans-serif; font-size:10px;; text-decoration:none;}
#footer a:hover .facebook{color:#145DAA; font-family:Arial, Helvetica, sans-serif; font-size:10px;; text-decoration:none;}
#footer .left{width:325px; height:auto; float:left; padding:3px 0px 0px 5px;}
#footer .right{width:365px;; height:auto; float:right; text-align:right; padding:11px 5px 0px 0px;}


/********** New styles for Portfolio Pages 2008.03.25 **********/
#right:after{font-size:0px; line-height:0px; height:0px; content:'.'; display:block; visibility:hidden; clear:both}
/* \*/ * html #right{height:1px} /* */

#right .txt-wrapper{width:auto; height:auto; padding:21px 30px 0px 0px;}
.thumb-container{width:100%; height:auto; padding:10px 0px 20px}

.main-portfolio{list-style:none}
.main-portfolio li{float:left; width:67px; height:59px;}
.main-portfolio li a{float:left; display:block; width:67px; height:61px; background-position:0px 0px}

.main-portfolio li.octopus a{background:url(../images/btn-octopus.jpg) no-repeat}
.main-portfolio li.octopus a:hover{background-position:0px -61px}

.main-portfolio li.cisco a{background:url(../images/btn-cisco.jpg) no-repeat}
.main-portfolio li.cisco a:hover{background-position:0px -61px}

.main-portfolio li.calpol a{background:url(../images/btn-calpol.jpg) no-repeat}
.main-portfolio li.calpol a:hover{background-position:0px -61px}

.main-portfolio li.cisco-flash a{background:url(../images/btn-cisco-flash.jpg) no-repeat}
.main-portfolio li.cisco-flash a:hover{background-position:0px -61px}

.main-portfolio li.aspect a{background:url(../images/btn-aspect.jpg) no-repeat; height:59px;}
.main-portfolio li.aspect a:hover{background-position:0px -59px}

.main-portfolio li.cisco-success a{background:url(../images/btn-cisco-success.jpg) no-repeat; height:59px;}
.main-portfolio li.cisco-success a:hover{background-position:0px -59px}

.main-portfolio li.axis a{background:url(../images/btn-axis.jpg) no-repeat; height:59px;}
.main-portfolio li.axis a:hover{background-position:0px -59px}

.main-portfolio li.cisco-fed a{background:url(../images/btn-cisco-fed.jpg) no-repeat; height:59px;}
.main-portfolio li.cisco-fed a:hover{background-position:0px -59px}

.main-portfolio li.fnb-lobster a{background:url(../images/btn-fnb-lobster.jpg) no-repeat; height:59px;}
.main-portfolio li.fnb-lobster a:hover{background-position:0px -59px}

.main-portfolio li.belding-water a{background:url(../images/btn-belding-water.jpg) no-repeat; height:59px;}
.main-portfolio li.belding-water a:hover{background-position:0px -59px}

.main-portfolio li.cisco-courts a{background:url(../images/btn-cisco-courts.jpg) no-repeat; height:59px;}
.main-portfolio li.cisco-courts a:hover{background-position:0px -59px}
.main-portfolio li.cisco-courts a.off{background-position:0px -118px}

.main-portfolio li.calence a{background:url(../images/btn-calence.jpg) no-repeat; height:59px;}
.main-portfolio li.calence a:hover{background-position:0px -59px}

.main-portfolio li.cisco-booth a{background:url(../images/btn-cisco-booth.jpg) no-repeat; height:59px;}
.main-portfolio li.cisco-booth a:hover{background-position:0px -59px}

.main-portfolio li.gso a{background:url(../images/btn-gso.jpg) no-repeat; height:59px;}
.main-portfolio li.gso a:hover{background-position:0px -59px}

.main-portfolio li.monaco a{background:url(../images/btn-monaco.jpg) no-repeat; height:59px;}
.main-portfolio li.monaco a:hover{background-position:0px -59px}

.main-portfolio li.busy-season a{background:url(../images/btn-busy-season.jpg) no-repeat; height:59px;}
.main-portfolio li.busy-season a:hover{background-position:0px -59px}

.main-portfolio li a.on-1{background-position:0px -61px}
.main-portfolio li a.on-2{background-position:0px -59px}

.main-portfolio li a.off-1{background-position:0px -122px}
.main-portfolio li a.off-2{background-position:0px -118px}


#right .headings{width:100%; height:auto; margin-top:10px}
.client-name{font-size:12px; width:40%; height:auto; font-weight:bold; color:#145DAA; float:left}
.client-head-light{font-size:11px; text-transform:uppercase; font-weight:bold; color:#84AAD3; float:left; width:59%; text-align:right}
.client-head-dark{font-size:11px; text-transform:none; font-weight:bold; color:#5B8EC4}
.client-name2{font-size:12px; width:100%; height:auto; font-weight:bold; color:#145DAA; float:left}