/*/// GLOBAL RESETS ///*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline; } :focus { outline: 0; } ol, ul { list-style: none; }  table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }

/*/// GLOBAL ELEMENTS ///*/

html { font: 62.5% arial, tahoma, helvetica;}

body	{ background: url('../images/blueBar.gif') repeat-x #111; color:#fff; margin:0; padding:0; font-size: 1.2em; text-align: center;}

p { margin: .5em 0;}

h1 { font-size: 1.8em; color:#ca7a02; font-weight: normal; background: transparent;}
h2 { font-size: 1.5em; color:#ca7a02; font-weight: normal; background: transparent;}
h3 { font-size: 1.2em; color:#fff; font-weight: normal; background: transparent;}
h4 { font-size: 1.2em; color:#fff; font-weight: normal; background: transparent;}
h5 { font-size: 1.2em; color:#fff; font-weight: normal; background: transparent;}
h6 { font-size: 1.2em; color:#fff; font-weight: normal; background: transparent;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}

img { border: none; vertical-align: bottom;}

/*/// TEMPLATE ELEMENTS ///*/

input, textarea, select { border: 1px solid #000; background: #fffffe; color: #333;}	

.formLayout { float:left; width:120px;}
.submitButton { position: relative; float: left; margin-left: 10px;}
* html .submitButton { display: inline;}
.submitButtonLeft { float: left; width: 3px; height: 20px; background: url('../images/submitButton-left.gif') no-repeat;}
.submitButtonMiddle { float: left; padding: 0 3px; line-height: 20px; width: auto; height: 20px; background: url('../images/submitButton-middle.gif'); color: #202020;}
.submitButtonMiddle a:link { text-decoration: none; color:#202020;}
.submitButtonMiddle a:hover { color:#817e7e;}
.submitButtonRight { float: left; width: 3px; height: 20px; background: url('../images/submitButton-right.gif') no-repeat;}

.googleMap { margin: 15px 0 0; height: 370px; width: 500px;}  
#googlePopUp{ font-family: georgia; color: #000; }
#googlePopUp input { background: #c5c5c6; color: #000; border: 1pc solid #000;}


/*/// LAYOUT ///*/

/* Base layout */
#container { margin: 0 auto; width: 864px; background: url('../images/containerBg.gif') repeat-y; padding: 0 0 5px; text-align: left; position: relative /* needed for absolute positioned MainColumn Partner Logos */;}

/* Main Column */
#mainColumn { float: left; width: 615px; background: url('../images/blueBar.gif') repeat-x transparent; padding: 22px 0 50px;}

ul#tabNav { width: 598px; background: url('../images/tabsBottom.gif') no-repeat bottom left; margin: 28px 0 0 10px; padding-bottom: 3px; float: left;}
* html ul#tabNav { display: inline;}
ul#tabNav li { display: inline;}
ul#tabNav li a { display: block; width: 111px; height: 25px; background: url('../images/tabs.gif') transparent no-repeat; float: left; color: #fff; text-decoration: none; text-align: center; padding: 9px 4px 0 0; font-weight: bold;}
ul#tabNav li a:hover { color: #cd7c03; }
ul#tabNav li a.currentPage { background: url('../images/tabs.gif') transparent no-repeat 0 -68px; color: #fff; font-weight: bold;}

#swfObject { padding: 28px 0 0 9px;}

#latestWork { width: 597px; min-height: 260px; height: auto; margin-left: 10px; float: left;}
* html #latestWork { height: 260px; display: inline;}
#latestWorkContent { width: 185px; margin: 0 0 0 15px; padding-top: 45px;}
#latestWorkContent h5 { font-size: 1.9em; padding-bottom: 10px;}
#latestWorkContent p { font-size: 1.2em; margin-bottom: 20px;}
#latestWorkContent a { color: #fff; font-size: 1.2em; line-height: 1.4em; background: transparent;}
#latestWorkContent a:hover { color: #cd7c03;}
#latestWork.chinatownzone { background: url('../images/chinatownzoneWork.jpg') no-repeat bottom left;}

#content { width: 100%; font-size: 1.1em; padding-bottom: 10px; margin-bottom: 10px;}
#contentText { width: 570px; margin: 0 0 0 20px; text-align: justify; line-height: 1.3em;}
#content img.mainImage { border: 1px solid #4a4a4a; width: 613px;}

#contentText ul {list-style-type:disc; padding-left:20px;}
#contentText ul li {padding-left:10px;}

#content h1 { margin: 30px 0 10px;}
#content h1.pageTitle { margin: 25px 0 20px 20px;}
#content h2 { margin: 15px 0 7px;}
#content h2.white { color: #fff; background: transparent;}
#content a { color: #fff; text-decoration: underline; background: transparent;}
#content a:hover { color: #cd7c03;}


/* New Features */
#featurespg:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#featurespg {display:inline-block; margin-bottom: 10px;}

#featurespg a { float: left; width: 194px; height: 94px; padding: 10px 10px 0 70px; font-size: 1.6em; text-decoration: none; text-align: left;}
#featurespg a:hover { color: #fcfcfc; background-position: bottom left;}
#featurespg a span { display: block; font-size: .55em !important; margin-top: 7px; line-height: 1.2em;}

#featureCreativeServices a { background: url('../images/featureBulb.gif') #232323 no-repeat top left; }
#featureCreativeServices { float: left; margin-right: 20px; margin-bottom: 10px;}
#featureWebDesign {float: left; margin-bottom: 10px;}
#featureWebDesign a { background: url('../images/featureHand.gif') #232323 no-repeat top left;}
#featureInternetMarketing a { background: url('../images/featureGlobe.gif') #232323 no-repeat top left;}
#featureInternetMarketing { float: left; margin-right: 20px;}
#featurePrintDesign a { background: url('../images/featureFile.gif') #232323 no-repeat top left;}
#featurePrintDesign { float: left;}



/* sideColumn */
#sideColumn { float: right; width: 249px;background: url('../images/blueBar.gif') repeat-x transparent;}
img#logo { margin: 7px 0 0 14px;}
#sideColumn h3 { display: block; min-height: 35px; line-height: 35px; height: auto; width: 220px; background: url('../images/sideColumnHeader.png') no-repeat; font-size: 1.6em; padding: 0 0 0 15px; margin: 5px 0 0 14px;}
#sideColumn h4 { color: #689ad1; font-size: 1.3em; width: 205px; margin: 10px 0 0 30px; font-weight: bold;}
#sideColumn p { width: 205px; margin: 10px 0 0 30px; padding-bottom: 10px;}

#sideColumn h4#relatedLinks_starQuality { margin-top: 10px;}
#sideColumn h4#relatedLinks_starQuality a { color: #689ad1; font-size: 1.3em; background: url('../images/star.gif') no-repeat; padding: 12px 0 7px 55px; font-weight: bold; text-decoration: none; display: block;}
#sideColumn h4#relatedLinks_starQuality a:hover { background-position: 0 -109px; color: #d98c00;}

#sideColumn h4#relatedLinks_logoRebranding { margin: 10px 0 0 19px; width: 230px;}
#sideColumn h4#relatedLinks_logoRebranding a { color: #689ad1; font-size: 1.2em; background: url('../images/lifesaver.gif') no-repeat;  padding: 12px 0 7px 55px; font-weight: bold; text-decoration: none; display: block;}
#sideColumn h4#relatedLinks_logoRebranding a:hover { background-position: 0 -110px; color: #d98c00;}

#mailingListContainer { text-align: center; color: red; margin-top: 5px;}
#mailingListContainer h3 { text-align: left;}
#mailingListForm { padding-left: 13px; width: 218px; vertical-align: middle; margin-top: 15px;}
#mailingListForm:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#mailingListForm {display:inline-block;}

input#mailinglist_txtEmail { float: left; background: #fff; border: 1px solid #ccc; color: #111; padding: 1px 4px 2px 5px; width: 130px; vertical-align: middle; margin: 0 0 0 10px;}
input#mailinglist_btnSubmit { float: left; background: url('../images/mailingListButton.jpg') transparent no-repeat; color: #111; text-align: center; margin: 0 0 5px 5px; padding: 0; width: 58px; height: 22px; border: 0; cursor: pointer;}
input#mailinglist_btnSubmit:hover { background-position: -58px 0;}
span#lblEmailInfo { vertical-align: middle;}


#newsContainer { margin-top: 25px;}
#newsContainer a {  color: #fff; background: transparent; text-decoration: none; display: block;}
#newsContainer a:hover { color: #ca7a02;}

#sideColumn .newsLink { width: 205px; margin: 10px 0 0 30px;}
#sideColumn .newsLink a {color: #689ad1; font-size: 1.3em; font-weight: bold; text-decoration: none; }
#sideColumn .newsLink a:hover { color: #ca7a02;}
#sideColumn .newsAbstract { width: 205px; margin: 10px 0 0 30px; padding-bottom: 10px;}

/* Instant Chat */
#livechat { padding-bottom: 5px; margin: 40px 0 0 14px; }

/* Telephone */
#telephone { padding-bottom: 5px; margin-top: 30px;}
#telephone p { color: #6393c7; font-size: 1.4em;}

/* Visit Blog */
#visitBlog h3 { background: url('../images/visitBlog.png') no-repeat;}
#visitBlog a {  color: #fff; background: transparent; text-decoration: none; display: block; width: 100%; height: 100%;}
#visitBlog a:hover { color: #ca7a02;}






/*SideColumn Partner Logos */
#sideColPartners { width: 233px; background: url('../images/sideColPartners.gif') no-repeat; margin: 20px 0 0 15px; padding-top: 10px;}
#sideColPartners img { float: left;}

/* MainColumn Partner Logos */
#mainColPartners { position: absolute; float: left; bottom: 0; left: 0; width: 610px; padding: 0 0 0 5px;}
#mainColPartners img { margin: 0 5px;}

#bottomContentBorder { position: absolute; float: left; bottom: 50px; left: 0; width: 615px; background: url('../images/contentBottom.gif') repeat-x top left; height: 2px; line-height: 2px; overflow: hidden;}





/* mainNav */
ul.rpRootGroup { margin: 10px 0 0 0px !important; width: 235px !important; padding-bottom: 20px !important;}
ul.rpRootGroup li { background: url('../images/mainNavDoubleLine.gif') no-repeat bottom left; padding: 0 0 2px!important;}
ul.rpRootGroup li.noDivider { background: transparent!important;}
ul.rpRootGroup li a { background: url('../images/mainNavItemBg.gif') transparent no-repeat; display: block; width: 235px; min-height:22px; height: auto; padding: 6px 0 2px 0; font-size: 1.1em; text-align: right; color: #fff; text-decoration: none; font-weight: bold;}
* html ul.rpRootGroup li a { height: 22px;}
ul.rpRootGroup li a:hover { background-position: -235px 0; color: #cd7c03;}
ul.rpRootGroup li a.rpSelected { background-position: -235px 0;}
ul.rpRootGroup li a.rpSelected span.rpText { color: #da8302 !important;}
ul.rpRootGroup li a.rpExpanded { background-position: -470px 0 !important;}
ul.rpRootGroup li a.rpExpanded span.rpText { color: #da8302 !important;}
ul.rpRootGroup span.rpText { display: block; padding-right: 41px; width: 194px;}
.RadPanelBar { white-space: nowrap; width: 249px !important; }
ul.rpLevel1 { background: url('../images/mainNavDoubleLine.gif') no-repeat top left; padding: 2px 0 10px !important;}
ul.rpLevel1 li a { background: url('../images/subNavItemBg.gif') no-repeat 5px 0% !important; min-height: 15px !important;}
* html ul.rpLevel1 li a { height: 15px;}
ul.rpLevel1 li { background: none !important; padding: 0px 0 0 !important;}
ul.rpLevel1 li.noDivider { background: transparent!important;}
ul.rpLevel1 li a.rpSelected span.rpText { color: #c9c7c8 !important;}
ul.rpRootGroup ul.rpLevel1 span.rpText { display: block; padding-right: 45px; width: 190px;}



/* Page Controls */
.webPortItem { background: url('../images/doubleDivider.gif') repeat-x bottom left; padding: 0 0 30px; margin: 0 0 27px;}
.webPortImage { margin-top: 10px;}
.webPortAbstract { margin-top: 10px;}
.webPortLink { margin-top: 5px;}


.logoPortItem { background: url('../images/doubleDivider.gif') repeat-x bottom left; padding: 0 0 20px; margin: 0 0 20px;}
.printPortItem { background: url('../images/doubleDivider.gif') repeat-x bottom left; padding: 0 0 20px; margin: 0 0 20px;}


/* news page groups */
#content .newsLink { margin-bottom: 5px; font-size: 1.1em;}
#content .newsLink a { color: #CA7A02;}
#content .newsLink a:hover { color: #fff; background: transparent;}
#content .newsAbstract { margin-bottom: 30px;}



/* Footer */
#footer { width: 864px; margin: 0 auto; padding: 0 0 15px;}
#valid { float: left; height: auto; width: auto; margin: 15px 0 0;}
#valid img { margin-right: 5px;}
ul#minorNav {float: left; margin: 15px 0 0 10px; font-size: .9em;}
ul#minorNav li { display: inline; }
ul#minorNav li a {padding: 0 7px 0 5px; color: #fff; text-decoration: none; background: url('../images/minorNavDivider.gif') no-repeat center right transparent;}
ul#minorNav li a:hover, ul#minorNav li a.currentPage { color: #ca7a02;}
ul#minorNav li.noDivider a { background: none;}

ul#copyright { margin: 15px 0 0; float: right; margin-right: 40px;}
ul#copyright li { display: inline; padding: 0 7px 0 5px; background: url('../images/minorNavDivider.gif') no-repeat center right transparent;}
ul#copyright li a { color: #fff; text-decoration: none; background: transparent;}
ul#copyright li a:hover { color: #ca7a02;}
ul#copyright li.last { background: none;}


* html #copyright { display: inline;}

/* -------------- Sitemap ------------------ */
ul.sitemap { list-style: disc; margin: 0 0 0 0px; padding: 0;}
ul.sitemap li { margin: 0; padding: 0; font-size: 1.1em; font-weight: bold;}
ul.sitemap li a { text-decoration: none !important;}
ul.sitemap li a:hover { text-decoration: underline; color: #CD7C03 !important;}
ul.sitemap li ul { list-style: circle !important; margin: 0 0 0 20px; padding: 0;}
ul.sitemap li ul li { margin: 0; padding: 0; font-size: 1.0em; font-weight: normal;}


/* Contact Us Form */
#contactUsForm { width: 460px; margin-top: 25px;}
#contactUsForm .formField { width: 100%; float: left; margin-bottom: 10px;}
#contactUsForm .formLeft { width: 100px; float: left;}
#contactUsForm .formRight { float: left;}
#contactUsForm input, #contactUsForm textarea { border: 1px solid #706f6f; background: #ccc; color: #000;}
#contactUsForm input#pgeContent_ctl00_btnSubmit {  margin-left: 100px; cursor: pointer;}
#contactUsForm input#pgeContent_ctl00_btnSubmit:hover {  background: #c8b9a5;}
#contactUsForm span { display: block; float: left;}

div.contactAdditionalContent {float: left; width:100%;}

/* Buttons */
#content a.visitDesignPortButton { display: block; height: 38px; width: 279px; background: url('../images/visitDesignPortButton.png') no-repeat; text-indent: -9999px; margin-top: 10px;}
#content a.visitLogoPortButton { display: block; height: 38px; width: 310px; background: url('../images/visitLogoPortButton.png') no-repeat; text-indent: -9999px; margin-top: 10px;}
#content a.visitWebPortButton { display: block; height: 38px; width: 335px; background: url('../images/visitWebPortButton.png') no-repeat; text-indent: -9999px; margin-top: 10px;}
#content a.visitTestimonialsButton { display: block; height: 38px; width: 335px; background: url('../images/visitTestimonialsButton.png') no-repeat; text-indent: -9999px; margin-top: 10px;}
#content a.emailButton { display: block; height: 47px; width: 178px; background: url('../images/emailButton.png') no-repeat; text-indent: -9999px; margin-top: 10px;}
#content a.callButton { display: block; height: 47px; width: 282px; background: url('../images/callButton.png') no-repeat; text-indent: -9999px; margin-top: 10px;}

#content a.visitDesignPortButton:hover, 
#content a.visitLogoPortButton:hover, 
#content a.visitWebPortButton:hover, 
#content a.emailButton:hover,
#content a.callButton:hover
 { background-position: top right;}

#content div.backButton a { float: left; height: 47px; width: 224px; background: url('../images/backButton.png') no-repeat; text-indent: -9999px;}
#content div.backButton a:hover { background-position: top right;}

#content .visitDesignPort0 a { display: block; height: 38px; width: 279px; background: url('../images/visitDesignPortButton.png') no-repeat; text-indent: -9999px; margin-top: 10px;}
#content .visitDesignPort1 a { display: block; height: 38px; width: 310px; background: url('../images/visitLogoPortButton.png') no-repeat; text-indent: -9999px; margin-top: 10px;}
#content .visitDesignPort2 a { display: block; height: 38px; width: 335px; background: url('../images/visitWebPortButton.png') no-repeat; text-indent: -9999px; margin-top: 10px;}
#content .visitDesignPort0 a:hover, #content .visitDesignPort1 a:hover, #content .visitDesignPort2 a:hover { background-position: top right;}





/* Error */
p#error { width: 100%; text-align: center; padding: 30px 0;}
#errorCopyright { padding: 10px 0 0 230px;}


/* Prw */
/* Added an <a> tag to Latest News Image */
/* Dont want it to underline */
a h3 {text-decoration:none;}