@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0;
font-size:0.70em;
background:#FFF;
color:#4a4a4a;
font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
 }

h1, h2, h3, h4 { margin:0; padding:0; }

.clear { clear:both; }

a { color:#af2424; }
a:hover { color:#a3a4a7; }
img { border:0; }

#maincontainer { margin:0 auto;
width:1003px;
background:#FFF; }

/*LEFT COL*/

#leftcol { width:245px;
background:#FFF;
float:left;
padding:15px 10px 0 12px; }

#leftcol ul { list-style-type:none;
margin:0; padding:0; }

ul#portfoliolist { height:360px;
overflow:scroll; }

ul#portfoliolistnoscroll { height:360px; }
ul#portfoliolistnoscroll li{ float:left;
padding:0 9px 9px 0;
margin:0 0 10px 0; }


ul#b2b li, ul#b2c li { float:left;
padding:0 9px 9px 0;
margin:0 0 10px 0; }

ul#portfoliolist li{ float:left;
padding:0 9px 9px 0;
margin:0 0 10px 0; }

ul#portfoliolistnoscroll img, ul#portfoliolist img, ul#b2c img { border:solid 3px #adadad; }

#ourcreatives { background:url(../images/hd.ourcreatives.gif) no-repeat 0 0;
width:214px; height:38px;
text-indent:-9999px;
margin:0 0 20px 0;
position:relative; top:-5px; }

h3#hdb2b { background:url(../images/hd.b2b.gif) no-repeat 0 0;
width:27px; height:13px;
text-indent:-9999px;
margin:0 0 10px 0; }

h3#hdb2c { background:url(../images/hd.b2c.gif) no-repeat 0 0;
width:29px; height:13px;
text-indent:-9999px;
margin:0 0 10px 0; }

h3#hdportals { background:url(../images/hd.portals.gif) no-repeat 0 0;
width:213px; height:19px;
text-indent:-9999px;
margin:0 0 10px 0; }

#contentswrap { background:#FFF; }

/*RIGHTCOL*/


#rightcol { width:736px;
background:#FFF;
float:left; }

#preview { float:left;
width:465px;
padding:0 20px;
position:relative; top:-25px; }

#portfoliodescription { width:200px;
float:left;
padding:0 0 30px 0; }

#portfoliodescription h3 { font-size:1.3em; font-weight:600; }

#client span { font-size:1.3em; font-weight:bold;
color:#af2424; }

#client, #description, #url, #testimonial { padding:0 0 15px 0; }

#portfoliothumbwrap { position: relative; top:-10px; }

/*FOOTER*/
#footer { background:#ebebeb; }
#footerwrap { width:983px;
margin:0 auto;
padding:20px 0 30px 20px; }


#prevnext { padding:10px 0 0 0; float:left; }
img.next { padding:0 0 0 315px;  }