/* NameBridge Winter 2009 
   Coded by Kevin Shoesmith 
   http://www.venncommunications.com
*/

/* Layout --------------------------------------- */

html { margin: 0; padding: 0; }
body { background:#FFFFFF url(/namebridge/images/bg_body.gif) repeat-x 0px 2px; border-top: 2px solid #559944; font: normal 70% "Lucida Grande", Arial, sans-serif; color:#333; margin:0; padding:0; text-align:center; }
#branding { width: 940px; height: 60px; padding: 15px 20px; text-align: left; }
#utilities { font-size: 105%; float: right; text-align: right; padding: 0px 0px 5px 0px; }
#logo { float: left; }
#banner_major { background: url(/namebridge/images/banner-major.jpg) no-repeat center top; border-bottom: 2px solid #D1D1D1; border-top: 1px solid #D1D1D1; clear: both; height: 314px; padding-bottom: 1px; position: relative; width: 960px; }
#banner_minor { background: url(/namebridge/images/banner-minor.jpg) no-repeat center top; border-bottom: 2px solid #D1D1D1; border-top: 1px solid #D1D1D1; clear: both; height: 150px; padding-bottom: 1px; position: relative; width: 960px; }
#banner_services, #banner_industries, #banner_technologies, #banner_whitepapers, #banner_news, #banner_case_studies, #banner_minor, #banner_blog { border-bottom: 2px solid #D1D1D1; border-top: 1px solid #D1D1D1; clear: both; height: 144px; padding-bottom: 1px; position: relative; width: 960px; }
#banner_services { background: url(/namebridge/images/) no-repeat center top; }
#banner_industries { background: url(/namebridge/images/) no-repeat center top; }
#banner_news { background: url(/namebridge/images/) no-repeat center top; }
#banner_case_studies { background: url(/namebridge/images/) no-repeat center top; }
#banner_blog { background: url(/namebridge/images/) no-repeat center top; }

#wrapper { background: transparent url(/namebridge/images/bg_wrapper.gif) no-repeat 0px 0px; margin: 0px auto; text-align: left; width: 980px; overflow: visible; padding-left: 10px; }
#content { height: auto; padding: 0px 0px 25px 0px; overflow: auto; width: 960px; }
.oneColumn { background: #FFF url(/namebridge/images/bg_oneColumn.gif) center top; }
.twoColumn { background: #FFF url(/namebridge/images/bg_twoColumn.gif) center top; }
.twoColumnRight { background: #FFF url(/namebridge/images/bg_twoColumnRight.gif) center top; }
.threeColumn { background: #FFF url(/namebridge/images/bg_threeColumn.gif) center top; }
.threeColumnRight { background: #FFF url(/namebridge/images/bg_threeColumnRight.gif) center top; }
.fourColumn { background: #FFF url(/namebridge/images/bg_fourColumn.gif) center top; }

/* COLUMN LAYOUT */
#left { float: left; height: auto; position: relative; width: 480px; }
#homeLeft { background: #FFF url(/namebridge/images/bg_home.jpg) repeat-x left top; float: left; height: auto; margin-left: 1px; position: relative; width: 479px; }
#right { float: right; height: auto; position: relative; width: 480px; }
#leftLeft { float: left; position: relative; width: 240px; }
#leftRight { float: right; position: relative; width: 240px; }
#rightLeft { float: left; position: relative; width: 240px; }
#rightRight { float: right; position: relative; width: 240px; }

/* CRAZY UNIQUE STYLES AND STUFF */
#box1 { /* grey */ width: 90%; border: 1px solid #D1D1D1; background: #EFEFEF /*url(/namebridge/images/bg-box-1.jpg) repeat-x left bottom*/; margin: 10px auto; }
#box2 { /* blue */ width: 90%; border: 1px solid #D1D1D1; background: #2745CB url(/namebridge/images/bg-box-2.jpg) repeat-x left bottom; margin: 10px auto; text-align: center; }
.box2 { color:#FFF }
.box2 a:link, a:visited { color: #FFF; border-bottom: 1px dotted #FFF; }
.box2 a:hover { color: #FFF; border-bottom: 0px; }
#tips { width: 90%; border: 1px solid #D1D1D1; background: #EFEFEF; margin: 10px auto; }
.block { /* Used on the Services index page for teasers */ position: relative; height: 250px; }
.block190 { /* Used on the Services index page for teasers */ position: relative; height: 190px; }
.archives { font-weight: bold; float: right; }
.steps { color: #000; clear: both; float: left; font: normal 155%/170% "Lucida Grande", Arial, sans-serif; margin: 0 10px 0 20px; }

/* LAYOUT OBJECTS */
#footer { background: #DDDDDD; clear: both; height: 70px; width: 960px; }
.menu { padding-left: 12px; }
.toolbar { font: normal 100%/170% "Lucida Grande", Arial, sans-serif; text-align: center; padding: 5px 0px 5px 0px; height: auto; width: 85%; margin: 0 auto 10px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; }
.comments { width: 90%; padding: 10px 5px 0px 0px; background-color: #E8F3FF; border-top: 1px solid #999; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #999; margin: 10px 15px; }
#subServices fieldset { border: 1px solid #e3e3e3; margin: 8px 0px 8px 20px; line-height: 0.9em; width: 70%; padding-top: 0pt; padding-right: 5px; padding-bottom: 3px; padding-left: 15px; }
#subServices legend { color: #0066CC; margin-left: 9px; text-transform: uppercase; font-size: 1.1em; }
input { font-size: 110%; padding: 2px; }

/* TEXT MATTERS */
h1 { font-weight: bold; margin: 10px 12px 16px 15px; font-size: 160%; color: #559942; letter-spacing: -0.05em; }
h1.sub { font-weight: bold; margin: 45px 12px 16px 15px; color: #333; }
h2 { font-weight: bold;  }
h1 a:link { border: 0px; }
h1 a:visited { border: 0px; color: #559942; }
h1 a:hover { border-bottom: 1px dotted #559942; color: #559942; }
h2 { font-size: 135%; color: #559942; margin: 10px 12px 10px 15px; }
h2.white { color: #F5F5F5; }
h3 { font-size: 110%; color: #559942; margin: 15px 12px 10px 15px; }
h4 { font-size: 110%; font-weight: bold; color: #0066CC; }
h5 { margin: 7px; font-size: 140%; font-weight: bold; letter-spacing: -0.03em; color: #666; margin: 3px 7px 5px 7px; }
p, .vcard { color: #333333; font: normal 105%/170% "Lucida Grande", Arial, sans-serif; margin: 0px 12px 10px 15px; padding: 0px 10px 0px 0px; }
a:link { color: #559942; text-decoration: none; border-bottom: 1px dotted #559942; }
a:visited { color: #666; text-decoration: none; border-bottom: 1px dotted #666; }
a:hover { text-decoration: none; border-bottom: none; }
.publishInfo { font: normal 100%/150% "Lucida Grande", Arial, sans-serif; margin: 8px 15px 18px 15px; color: #666; }
.commentInfo { font: normal 100%/150% "Lucida Grande", Arial, sans-serif; margin: 0px 12px 10px 10px; color: #333; }
.tagline { font: bold normal 100%/150% "Lucida Grande", Arial, sans-serif; margin: -10px 15px 15px 15px; color: #666; }
.attribute { text-align: right; }
.rss a:link { color: #FF8B20; border-bottom: 1px dotted #FF8B20; }
.footer { font: normal 85%/110%; padding: 15px 0px 15px 0px; }
.footer a { color: #559942; }
#content ul { font: normal 105%/170% "Lucida Grande", Arial, sans-serif; list-style: square; margin-bottom: 25px; }
#content ol { font: normal 105%/170% "Lucida Grande", Arial, sans-serif; margin-bottom: 25px; }
#content li { margin: 0px 15px 7px 5px; }
blockquote { padding: 0px 0px 10px -15px; }
.howLinks { margin: 0px 12px 0px 15px; }

/* Navigation **********************************/
#navigation { background: #EFEFEF; clear: both; height: 25px; width: 960px; font: normal 105% Arial, Helvetica, sans-serif; line-height: normal; position: relative; }
#navigation ul { margin: 0px; padding: 0px; list-style: none; position: relative; width: 960px; }
#navigation li { float:left; margin: 0px; }
#navigation a { float: left; display: block; background: #EFEFEF url(/namebridge/images/tab_bg.gif) no-repeat right bottom; border: none; height: auto; padding: 5px 15px; text-decoration: none; color: #333; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a { float:none; }
/* End IE5-Mac hack */

#navigation a:hover { color: #999; }
#navigation #current { background: #559942; }
#navigation #current a { background: #559942; color: #FFF; padding-bottom: 5px; }

/* Sub Navigation **********************************/
#subnavigation { background: #559942; clear: both; font: normal 100%/160% Arial, sans-serif; width: 960px; }
#subnavigation ul { background: #559942; height: 25px; margin: 0px; padding: 0px; list-style: none; position: relative; }
#subnavigation li { background: #559942; float:left; margin: 0px; }
#subnavigation a { float: left; display: block; border: none; padding: 4px 10px 3px 10px; text-decoration: none; color: #FFF; }
/* Selected style for internal page menus -- on Services pages for example ****************/
.selected a { background: url(/namebridge/images/arrow_selected.gif) no-repeat right center; border-left: 3px solid #559942; border-bottom: 0px; color: #47771C; font-weight: bold; padding: 0px 13px 0px 4px; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#subnavigation a { float:none; }
/* End IE5-Mac hack */

#subnavigation a:hover { color: #E9E9E9; }
#subnavigation #current { background: #559942; }
#subnavigation #current a { color: #FFF; font-weight: bold; background: #447935; margin-top: 3px; margin-left: 2px; padding: 0px 3px; border: 1px solid #86C274; }

/* FORMS STYLES */
textarea, input { font: normal 110%/150% "Lucida Grande", Arial, sans-serif; padding: 7px; }
.submit { padding: 5px 0px 0px 0px; border: 0px; }
form { margin:0; padding:0; display:inline; }
fieldset { border: 1px solid #ccc; clear: both; padding-top: 20px; }
.fieldset { margin: 20px; width: 430px; }
legend { font-size: 120%; color: #559942; }
.form { background: #559942; color: #FFFFFF; font-weight: normal; padding: 3px 0 3px 5px; width: 95%; }

/* IMAGES */
.request { border: 0; margin: 10px; }

/* TABLE */
table { border-collapse: collapse; margin-bottom: 10px; width: 90%; border: 1px solid #a5a5a5; margin: 0 10px;}
th { padding: 0.2em 0.5em; border: 1px solid #a5a5a5; background-color: #EFEFEF;}
td { padding: 0.3em 0.5em; border: 1px solid #a5a5a5; }
thead { background: #CCC; border-top: 1px solid #a5a5a5; }
tr:hover { background-color: #DDDDDD; }
thead tr:hover { background-color: #CCCCCC; color: inherit; }