﻿
/* For all pages */
body { background-color:#EEEEEE; font-family:Tahoma, Arial, Sans-Serif; font-size:11px; margin:0px; }

img { border:0px; }

a { color:#444444; text-decoration:none; }

a:hover { text-decoration:underline; }

h1 { font-size:18px; }
h1.pageTitle { margin:0px 0px 40px 0px; }
h2 { font-size:14px; }
h3 { font-size:11px; font-weight:bold; }

ul { margin-left:10px; padding-left:5px;}


#Main { width:924px; }

#LeftBorder { width:8px; }
#LeftBorderBottom { vertical-align:top; background-image: url(../images/SiteLeftBorderBottom.gif); background-repeat:repeat-y;}

#TopBorder { width:904px; height:45px; background-image: url(../images/SiteTopBorder.gif); background-repeat:repeat-x; }
#BottomBorder { height:16px; background-image: url(../images/SiteBottomBorderBg.gif); background-repeat:repeat-x; }

#RightBorder { width:12px;}
#RightBorderBottom { vertical-align:top; background-image: url(../images/SiteRightBorderBottom.gif); background-repeat:repeat-y; } 
#RightInsideBorder { width:28px; background-color:#FFFFFF;}

#Footer { padding:5px 0px 5px 25px; }
#Footer tr { height:24px; }
#Footer td.toprow {width:900px; border-bottom:Solid 1px #BBBBBB; }
#Footer img { padding:0px 5px 0px 0px; }
#Footer .footerline { float:left; border:solid 1px #BBBBBB; }
#Footer .menuseperator { color:#AAAAAA; }
#Footer .copyright { color:#AAAAAA; }

#Phone { width:904px; height:32px; text-align:right; color:#444444; background-color:#FFFFFF; }
#Phone a:hover { color:#1155BB; text-decoration:none; }
#Phone div {height:22px;}
#Phone .phone:hover { font-size:16px; }

/* Body Section */
#Body { width:904px; background-color:#FFFFFF; vertical-align:top; min-height:400px; }
#BodyInsideBorder { width:28px; background-color:#FFFFFF; }

#Body .bodyColumn1 { width:201px; vertical-align:top; }

#Body .bodyColumn2 { width:515px; vertical-align:top; }
#Body .bodyColumn2 .bodyText { color:#333333; line-height:16px; padding:28px 124px 0px 0px; }
#Body .bodyColumn2 .bodyText .author { color:#444444; font-style:normal; font-size:12px; font-family:Times New Roman, Serif; text-align:right; }
#Body .bodyColumn2 .bodyText p.grayBar { height:19px; color:#CCCCCC; border:0px; background-color:#CCCCCC; }
#Body .bodyColumn2 img.bottomGrayBar { margin-top:40px; }
#Body .bodyColumn2 .bodyText h1 { color:#666666; margin-top:0px; }

#Body .bodyColumn3 { width:188px; vertical-align:top; padding-bottom:40px; }
#Body .bodyColumn3 .chgText { clear:right; padding:10px 0px 20px 0px; }
#Body .bodyColumn3 img.buyPic {  }

/* Menu Section */
#MenuLinks { width:904px; background-color:#DDDDDD; color:#444444; vertical-align:top; }
#MenuLinksSide { width:28px; background-color:#DDDDDD; }

#MenuTable tr.menuColumns td { vertical-align:bottom; padding-bottom:10px;}
#MenuTable tr.menuColumns td.column0 { padding-bottom:0px; }

#MenuTable a { font-weight:bold; color:#111111; }
#MenuTable a:hover { color:#1155BB; text-decoration:none; }

#MenuTable .column0 { width:201px; }
#MenuTable .column1 { width:131px; height:42px; }
#MenuTable .column2 { width:170px; }
#MenuTable .column3 { width:180px; }
#MenuTable .column4 { width:80px; }
#MenuTable .column5 { width:143px; }

#MenuPics { text-align:right; background-color:#DDDDDD; }
#MenuPicsSide { width:28px; background-color:#DDDDDD; }

#MenuShadow { width:904px; text-align:right; height:12px; background-color:#FFFFFF; }

#InsideBorder { width:28px; background-color:#FFFFFF; }

.Logos .details { width:450px; background-color:#CCCCCC; }
.Logos .itemTypes { width:40px; background-color:#CCCCCC; }
.Logos .vertDottedLine { width:40px; }
.Logos .thumbnails { background-color:#CCCCCC; }

/* Form Styles */
.formBody { background-color:#DDDDDD; width:390px; margin-top:30px; padding:10px 20px 10px 10px; }
.formHeader { width:390px; padding-bottom:10px; }
.formLabel { display:block; width:90px; float:left; text-align:right; padding:0px 20px 5px 0px; }
.formField { padding:0px 0px 5px 0px; }
.formField input, textarea {width:250px; }
.formFooter { padding-left:110px; width:390px; }

/* Portfolio Section */
.portfolioLogos { background-color:#CCCCCC; }
.portfolioLogos td.itemTypes { vertical-align:top; }


.portfolioLogos td.itemTypes .repeater { width:100px; padding-right:15px; }

.portfolioLogos td.itemTypes .repeater td.top { vertical-align:bottom; height:310px; border-bottom:dotted 2px #555555; }
.portfolioLogos td.itemTypes .repeater td.top { padding-bottom:5px; }
.portfolioLogos td.itemTypes .repeater td.bottom { padding-top:5px; }

.portfolioDetails { vertical-align:top; padding:10px 10px 0px 10px; }
.portfolioDetails table.details { width:380px; }
.portfolioDetails .details td.picture { width:380px; height:300px; background-color:White; text-align:center; }
.portfolioDetails .details .companyName { font-weight:bold; padding-top:10px; }

.vertDottedLine { vertical-align:top; background-image:url(../images/portfolioPic1.gif); }
.bottomShade { background-color:#DDDDDD; height:50px; }


/* Portfolio Thumbnails */
.thumbnails { width:173px; vertical-align:top; border:solid 5px transparent; }
.imgThumbnails {  }
.portfolioThumbnails {  }
.portfolioThumbnails td { padding:3px; }
.thumbnails .dlPaging { vertical-align:bottom; }
.thumbnailSelected { border:solid 1px Black; }

.dlPaging { text-align:center; padding-top:10px; padding-bottom:10px; }
.dlPaging .previous { padding-right:30px; }
.dlPaging .next { padding-left:30px; }

/* Other Common Styles */
.textQuote { color:#DD0000; font-family:Times New Roman, Serif; font-size:17px; line-height:22px; font-style:italic; padding:0px; margin:0px; }
.italic { font-style:italic; }
.link {color:#1155BB; }
.topofpage { color:#1155BB; font-size:10px; }
.bold { font-weight:bold; }
.importantMessage { color:Red; font-weight:bold;}

/* Right side column controls */

div.spice {color:#555555; margin-bottom:20px; background-color:#FFFFFF !Important;}
div.spice img { float:left; padding-top:2px;}
div.spice div { margin-left:20px; vertical-align:text-top;}

div.insight { background-color:#DDDDDD; margin-top: 20px; margin-bottom:20px; }
div.insight p { margin-top:10px; padding:0px 10px 20px 20px; }

div.subBlog { margin-bottom:20px; }
div.subBlog img { float:left; padding-top:2px; }
div.subBlog a {margin-left:10px; }

div.rightSideBlock { width:188px; margin-bottom:20px; }
div.rightSideBlock div {  }
div.rightSideBlock img { float:left; }

div.leadGen { margin-bottom:20px; }
div.leadGen img { float:left; padding-top:2px; }
div.leadGen a {margin-left:10px; }


#Body .bodyColumn3 p.grayBlock {margin:10px 0px 10px 0px; padding:18px 22px 18px 15px; height:100px; background-color:#DDDDDD; font-size:12px; }

