/* CSS Document */

body{
font-size:13px;
line-height:1.539;
background-position:top;
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
padding-bottom:100px;
}
.clearFix{clear:both;}
.rightCol{
float:right;
margin:8px 60px 8px 0px;
width:200px;
}
.bigLeft{
float:left;
width:655px;
margin-left:50px;
}
a.external{
color:#006699;
}

body#home{
background-color:#f7f7f7;
background-image:url(../images/backgrounds/home-tall.jpg);
}
body#home a{
color:#990000;
text-decoration:none;
}
body#portfolio{
background-color:#00537c;
background-image:url(../images/backgrounds/portfolio-tall.jpg);
color:#666666;
}
body#potfolio a{
color:#fff;
text-decoration:none;
}
body#about{
background-color:#3d1a1c;
background-image:url(../images/backgrounds/about-tall.jpg);
}
body#about a{
color:#9d7c7e;
text-decoration:none;
}
body#about a.dlink{color:#270F2C;}

body#more{
background-color:#d1b172;
background-image:url(../images/backgrounds/more-tall.jpg);
}
body#more a{
color:#003366;
text-decoration:none;
}

.top{
width:996px;
margin-left:auto;
margin-right:auto;
height:98px;
background-repeat:no-repeat;
background-position:top right;
}
.top a.logo{
float:left;
display:block;
}
body#home .top{
background-image:url(../images/backgrounds/home-top.jpg);
}
body#portfolio .top{
background-image:url(../images/backgrounds/portfolio-top.jpg);
}
body#about .top{
background-image:url(../images/backgrounds/about-top.jpg);
}
body#more .top{
background-image:url(../images/backgrounds/more-top.jpg);
}

/*naviagtion*/
ul#navigation{
margin:53px 0px 0px 30px;
float:left;
line-height:1;
}
ul#navigation span{
display:block;
font-size:14px;
}
ul#navigation strong{
font-weight:bold;
font-size:18px;
}
ul#navigation li{
float:left;
height:45px;
margin-right:50px;
background-position:bottom left;
background-repeat:no-repeat;
}
ul#navigation li.active{
background-position:bottom left;
background-repeat:no-repeat;
}


body#home ul#navigation li.active, body#home ul#navigation li:hover{
background-image:url(../images/backgrounds/home-menu-arrow.jpg);
}
body#home ul#navigation a{
color:#CCCCCC;
text-decoration:none;
}
body#home ul#navigation a:hover{
color:#990000;
}
body#home ul#navigation li.active a{
color:#990000;
}

body#portfolio ul#navigation li.active, body#portfolio ul#navigation li:hover{
background-image:url(../images/backgrounds/portfolio-menu-arrow.jpg);
}
body#portfolio ul#navigation a{
color:#215d7b;
text-decoration:none;
}
body#portfolio ul#navigation a:hover{
color:#FFF;
}
body#portfolio ul#navigation li.active a{
color:#FFF;
}


body#about ul#navigation li.active, body#about ul#navigation li:hover{
background-image:url(../images/backgrounds/about-menu-arrow.jpg);
}
body#about ul#navigation a{
color:#9d7c7e;
text-decoration:none;
}
body#about ul#navigation a:hover{
color:#fff;
}
body#about ul#navigation li.active a{
color:#fff;
}

body#more ul#navigation li.active, body#more ul#navigation li:hover{
background-image:url(../images/backgrounds/more-menu-arrow.jpg);
}
body#more ul#navigation a{
color:#ebdab9;
text-decoration:none;
}
body#more ul#navigation a:hover{
color:#663300;
}
body#more ul#navigation li.active a{
color:#663300;
}


/* end navigation */

#container{
width:996px;
margin-left:auto;
margin-right:auto;
background-repeat:repeat-y;
}
#container .topcap{
height:8px;
}
body#home #container{
background-image:url(../images/backgrounds/home-container.jpg);
}
body#home #container .topcap{
background-image:url(../images/backgrounds/home-top-cap.jpg);
}
body#portfolio #container{
background-image:url(../images/backgrounds/portfolio-container.jpg);
}
body#portfolio #container .topcap{
background-image:url(../images/backgrounds/portfolio-top-cap.jpg);
}
body#about #container{
background-image:url(../images/backgrounds/about-container.jpg);
}
body#about #container .topcap{
background-image:url(../images/backgrounds/about-top-cap.jpg);
}
body#more #container{
background-image:url(../images/backgrounds/more-container.jpg);
}
body#more #container .topcap{
background-image:url(../images/backgrounds/more-top-cap.jpg);
}

#footer{
margin:20px 46px 0px 26px;
padding:10px 10px;
height:100px;
font-size:80%;
}
#footer a:link{
color:#CCCCCC;
}
body#more #footer{
color:#663300;
}
body#portfolio #footer{
background-color:#282828;
color:#777;
margin:20px 45px 0 27px;
}
body#home #footer{
color:#666666;
}
body#about #footer{
color:#3d1a1c;
background-color:#9d7c7e;
}
#footer div{
float:left;
margin:10px 10px 10px 0px;
border-top:1px solid;
padding:0px 3px;
width:287px;
}
#footer div.last{
margin-right:0;
}

#footer h2{
font-weight:bold;
margin:10px 0px;
}


.bottomCap{
height:20px;
}
body#home .bottomCap{
background-image:url(../images/backgrounds/home-bottom-cap.jpg);
}
body#portfolio .bottomCap{
background-image:url(../images/backgrounds/portfolio-bottom-cap.jpg);
}
body#about .bottomCap{
background-image:url(../images/backgrounds/about-bottom-cap.jpg);
}
body#more .bottomCap{
background-image:url(../images/backgrounds/more-bottom-cap.jpg);
}






/* styles for the homepage only */
#carousel{
float:left;
margin:8px 5px 0px 36px;
}
#featureReflection{
float:left;
width:675px;
height:28px;
background-image:url(../images/backgrounds/feature-reflection.jpg);
background-position:top right;
margin:0px 5px 0px 36px;
background-repeat:no-repeat;
}
.extCntrl{
font-size-adjust:80%;
float:left;
margin:2px 5px 0px 1px;
text-align:center;
padding:3px 4px;
border:1px solid #333;
line-height:.8;
cursor:pointer;
}
.extCntrl.selected{
color:#FFFFFF;
background-color:#333333;
}

#whoWeAre{
background-color:#f3f3f3;
width:201px; 
font-size:90%;
}
#whoWeAre .topi{
background-image:url(../images/backgrounds/top-rounded-right.jpg);
height:10px;
}
#whoWeAre p{
margin:3px 9px;
line-height:1.3;
}
#whoWeAre h2{
margin:-10px 5px 1px 5px;
border-bottom:1px solid #ccc;
color:#FF6600;
font-weight:bold;
}
#whoWeAre .bottom{
background-image:url(../images/backgrounds/bottom-rounded-right.jpg);
height:10px;
}

#postit{
width:205px;
background-color:#fff8bf;
float:right;
background-image:url(../images/backgrounds/post-it-top.jpg);
background-position:top;
background-repeat:repeat-x;
margin-top:15px;
font-size:90%;
}
#postit h2{
margin:3px 8px 5px 8px;
padding:0px 1px 5px;
color:#666666;
border-bottom:1px solid #666;
}
#postit p{
margin:1px 8px 3px 8px;
line-height:1.3;
}
#postit p a.letsgo{
color:#FF9900;
display:block;
text-align:right;
font-size:16px;
margin:5px 0px 10px;
}
#postit .bottom{
height:13px;
background-image:url(../images/backgrounds/post-it-bottom.jpg);
}

#blog{
float:left;
width:675px;
margin:8px 5px 0px 36px;
}
.post{
border-top:1px solid #CCCCCC;
clear:both;
padding:10px 0px;
}
.post .date{
float:left;
width:130px;
color:#666666;
}
.post p, .post h2{
float:right;
width:450px;
margin-right:90px;
}
.post h2{
font-weight:bold;
margin-bottom:4px;
color:#990000;
}
#recentProjects{
border-top:1px solid #ccc;
margin-top:10px;
width:205px;
}
#recentProjects h2{
color:#FF6600;
margin-bottom:5px;
font-size:80%;
font-weight:bold;
padding-top:3px;
}
#recentProjects a{
float:left;
border:3px solid #f3f3f3;
margin:2px 7px 2px 0px;
width:55px;
height:55px;
}
#recentProjects a:hover{
border:3px solid #660000;
}
#recentProjects a img{
border:0px;
width:55px;
}

/* portfolio specific styles */

body#portfolio h1{
font-size:24px;
color:#ccc;
padding-top:15px;
margin-bottom:15px;
}
body#portfolio h2{
color:#777777;
margin:6px 3px;
}
body#portfolio .rightCol{
width:220px;
margin-top:0;
}
body#portfolio .bigLeft div{
float:left;
border-top:1px solid #777777;
margin-right:20px;
height:210px;
width:205px;
}
body#portfolio .bigLeft div.web{
width:635px;
}
body#portfolio .bigLeft div.last{
margin-right:0;
}
body#portfolio .rightCol p{
border-top:1px solid #777777;
margin-right:10px;
padding-top:3px;
}
body#portfolio .rightCol ul{
list-style:circle;
list-style-type:circle;
margin:3px 3px 0px 3px;
}
body#portfolio .rightCol p span{
display:block;
margin:3px 10px 5px;
}
body#portfolio .rightCol p span.quote{
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:20px;
line-height:1.2;
color:#66FFFF;
}
body#portfolio .rightCol p span.attr{
text-align:right;
font-size:10px;
padding-bottom:8px;
border-bottom:1px dotted #ccc;
margin-bottom:10px;
}

body#portfolio .web a{
display:block;
border:5px solid #444;
margin:3px 10px 8px 0px;
float:left;
}
body#portfolio .web a:hover{
border:5px solid #0066CC;
}
body#portfolio .web a.last{
margin-right:0px;
}
body#portfolio .web a img{
width:60px;
height:60px;
}


body#portfolio .identity a, body#portfolio .promotion a, body#portfolio .emailMarketing a{
display:block;
border:5px solid #444;
margin:3px 11px 8px 0px;
float:left;
}
body#portfolio .identity a:hover, body#portfolio .promotion a:hover, body#portfolio .emailMarketing a:hover{
border:5px solid #0066CC;
}
body#portfolio .identity a.last, body#portfolio .promotion a.last, body#portfolio .emailMarketing a.last{
margin-right:0px;
}
body#portfolio .identity a img, body#portfolio .promotion a img, body#portfolio .emailMarketing a img{
width:50px;
height:50px;
}

/* about specific styles */
body#about .rightCol{
width:205px;
margin-top:0;
}
body#about h1.topper{
font-size:24px;
color:#270f2c;
padding-top:15px;
margin-bottom:5px;
margin-left:50px;
}
body#about p{
border-top:1px dotted #270f2c;
padding:3px 3px 3px 3px;
margin:0px 0px 10px 0px;
}
body#about p.first{
padding-right:80px;
padding-top:10px;
}
body#about .txt{
float:right;
margin: 0px 80px 20px 0px;
width:430px;
}
body#about .mleft{
width:160px;
margin-right:10px;
color:#270f2c;
font-weight:bold;
}
body#about .rightCol h2{
border-top:1px dotted #270f2c;
padding:3px 3px 3px 3px;
margin:0px 0px 4px 0px;
font-weight:bold;
color:#270f2c;
}
body#about .rightCol dl{
border-top:none;
margin:0px 3px 10px 3px;
color:#270f2c;
}
body#about .rightCol dl dt{
margin:0px 3px 3px 3px;
background-image:url(../images/backgrounds/bullet_arrow_right2.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:16px;
color:#270f2c;
cursor:pointer;
}
body#about .rightCol dl dt.expanded{
background-image:url(../images/backgrounds/bullet_arrow_down2.gif);
}
body#about .rightCol dl dd{
margin:0px 3px 3px 20px;
display:none;
color:#270f2c;
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:1.1em;
}
body#about .rightCol dl dd em{
font-weight:bold;
}
body#about .rightCol dl dd.open{
display:block;
}

body#about .rightCol dl dt a:link{
color: #270f2c;
}

body#about .rightCol dl dt a:visited{
color: #270f2c;
}

body#about .rightCol dl dt a:hover{
color: #270f2c;
text-decoration: underline;
}

body#about .rightCol dl dt a:active{
color: #270f2c;
}




/* more specific styles */
body#more h1.topper{
font-size:24px;
color:#663300;
padding-top:15px;
margin-bottom:5px;
margin-left:50px;
}
body#more .threeCol{
float:left;
margin:0px 10px 0px 0px;
}
body#more .threeCol p{
margin:5px 0px 3px 0px;
}
body#more .threeCol.first{
width:550px;
margin:0px 20px 0px 50px;
}
body#more .threeCol.last{
margin-right:0px;
width:315px;
}
body#more .threeCol h2{
border-top:1px dotted #663300;
padding-top:10px;
color:#663300;
font-weight:900;
font-size:90%;
}
body#more a.product{
float:left;
margin:3px 10px 0px 0px;
}
body#more #container ul.prodlist{
float:left;
width:275px;
margin-top:15px;
}
body#more #container ul.prodlist li{
height:60px;
line-height:4;
margin-bottom:5px;
margin-top:5px;
}
body#more ul.prodlist li img.prodIcon{
height:45px;
width:auto;
}
body#more #container ul.blogs{
float:left;
width:150px;
margin:5px 10px 0px 0px;
font-size:90%;
}
body#more #container ul.blogs li{
margin:4px 0px;
}


/* styles for inside popup box */

#TB_window .fullSceenshot{
float:right;
width:500px;
border-top:1px dotted #ccc;
margin:10px 0px 0px 0px;
padding-top:15px;
}
#TB_window .description{
float:left;
width:270px;
border-top:1px dotted #ccc;
margin:10px 0px 0px 0px;
padding-top:10px;
color:#666666;
}
#TB_window .fullSceenshot img{width:500px; height:auto;}
.formlabel{
color:#666666;
display:block;
}

body#contact{
padding:10px;
}
body#contact p{
margin:4px 0px;
}