 /* BODY STYLES */
* {font-family:arial, helvetica, sans-serif;font-size:100.01%;}
body {margin:0;padding:0;background:#000 url(../images/mainBackground.jpg) top left no-repeat;}
p{margin:10px 0 10px 0}
a{color:#aaa;text-decoration:none;border:0px;}
a:hover{color:#FF6600;cursor:hand;c\ursor:pointer;text-decoration:none;}
h1, h2, h3, h4, h5 {color:#fff;margin:0; padding:0; font-size:100.01%;}
img {border:0px;}

.clear {clear:both; height:0;}
* html .clear {display:inline; height:auto;}
.left {float:left;}
.right {float:right;}
.none {clear:none;}

/* CLEARFIX */
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}

/* HIDDEN TEXT */
.hidden, caption {position:absolute; left:0px; top:-10000px; width:0px; height:0px; overflow:hidden;}

/* IMAGE REPLACEMENT */
.replace {position:relative; overflow:hidden;}
.replace em, .replace a {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-repeat:no-repeat;}
* html>body .replace {overflow:visible; font-size:5px;}

.paginate {font-size:12px;color:#575757;}
.paginate a {color:#999;text-decoration:none;border:0px;padding:2px 4px 2px 5px;background:#444;}

/*========= sIFR HEADINGS =========*/

/* css headings */
.sifrBlack {color:#FFF;}
.sifrWhite {color:#FFF;}
.sifrOrange {color:#FFF;}
.sifrLightGrey {color:#FFF;}
.sifrDarkGrey {color:#FFF;}
.sifrNavLink {color:#FFF;}


/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility:visible !important; margin:0;}
.sIFR-replaced {visibility:visible !important;}
span.sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}

/* These "decoy" styles are used to hide the browser text before it is replaced*/}
.sIFR-hasFlash .sifrBlack {visibility:hidden;}
.sIFR-hasFlash .sifrWhite {visibility:hidden;}
.sIFR-hasFlash .sifrOrange {visibility:hidden;}
.sIFR-hasFlash .sifrLightGrey {visibility:hidden;}
.sIFR-hasFlash .sifrDarkGrey {visibility:hidden;}
.sIFR-hasFlash .sifrNavLink {visibility:hidden;}
.sIFR-hasFlash h1, h2, h3, h4, h5 {visibility:hidden;}

/*========================================================================
	FORMS
=========================================================================*/

#mainContainer fieldset {clear:left; border:solid 0; padding:0 10px 10px 0; margin:0;}
#mainContainer fieldset label {display:block;font-size:14px; color:#fff; margin:10px 0px 5px 0px;}
#mainContainer fieldset input.text {width: 190px;}
#mainContainer INPUT {display:block; margin:10px 0px 5px 0px;}
#mainContainer .form_error {color:#ff0000; padding:0 0 5px 0; margin:0;}

/*========================================================================
	CONTAINER
=========================================================================*/

/* ========= CONTAINERS ========= */

/* MAIN CONTAINER */
#mainContainer{width:960px;margin:0 auto;text-align:left;width:960px;}

/* HEADER CONTAINER (+LOGO) */
#mainHeader {margin:0;padding:55px 0 10px 0;}
#mainHeader .logo{float:left;width:118px;height:33px;background:url(../images/quinnLogo.gif) top left no-repeat;padding:0 0 20px 0;}
#mainHeader h1{font-size:15px;margin:0;padding:0;color:#fff;}

/*========================================================================
	HOME CONTAINER
=========================================================================*/

/* home main image */
#home #mainImage {float:left;width:100%;padding:50px 0 0 0;}
#home #mainImage img{background:#333;height:310px;border-top:4px solid #999;}
#home #mainImage img:hover{background:#333;height:310px;border-top:4px solid #ff6600;}
#home #mainImage h2{font-size:18px;margin:0;padding:0;color:#fff;}
#home #mainImage h4{font-size:9px;margin:0;padding:0;color:#999;}

/* home left side content */
#home #leftContent {float:left;width:360px;color:#999;margin:0;padding:30px 0 0 0;}
#home #leftContent h2{font-size:12px;margin:0;padding:0 0 2px 0;color:#999;}
#home #leftContent .wrapper{border-top:4px solid #999;margin:0 0 0 0;padding:10px 0 10px 0;overflow: hidden}
#home #leftContent .wrapper:hover{border-top:4px solid #FF6600;}
#home #leftContent p{font-size:12px;color:#575757;font-weight:normal;line-height:2em;padding:0 20px 10px 0;}
#home #leftContent p:hover{color:#575757;cursor:hand;c\ursor:pointer;text-decoration:none;}
#home #leftContent a{color:#575757;}
#home #leftContent a:hover{color:#575757;}

/* home right side content */
#home #rightContent {float:right;width:570px;color:#fff;margin:0;padding:30px 0 0 0;}
#home #rightContent h2{font-size:12px;margin:0;padding:0 0 2px 0;color:#999;}
#home #rightContent .wrapper{border-top:4px solid #999;margin:0 0 0 0;padding:10px 0 0 0;}
#home #rightContent .wrapper:hover{color:#fff;border-top:4px solid #FF6600;}
#home #rightContent p.title{font-weight:normal;font-size:15px;color:#999;padding:10px 0 5px 0;letter-spacing: 1px;}
#home #rightContent p{font-size:12px;line-height:21px;color:#575757;padding:0 50px 10px 0;margin:0;}
#home #rightContent a.link{color:#999;text-decoration:none;border:0px;padding:2px 4px 2px 10px;background:#444 url(../images/arrowGrey2.gif) 2px 2px no-repeat;}
#home #rightContent a.link:hover{color:#FF6600;cursor:hand;c\ursor:pointer;text-decoration:none;}

/*========================================================================
	THOUGHTS BLOG CONTAINER
=========================================================================*/

/* thoughts left side content */
#thoughts #leftContent {float:left;width:570px;color:#999;margin:0;padding:40px 0 0 0;}
#thoughts #leftContent h2{font-size:15px;margin:0;padding:0;color:#999;}
#thoughts #leftContent h4{font-size:10px;margin:0;padding:0;color:#999;}
#thoughts #leftContent .wrapper{border-top:4px solid #999;margin:0 0 30px 0;padding:0 0 10px 0;background:#111111;overflow: hidden}
#thoughts #leftContent p.leader{font-size:16px;font-weight:bold;line-height:1.8em;padding:0 20px 10px 0;}
#thoughts #leftContent p{font-size:12px;line-height:1.8em;padding:0 20px 10px 0;}
#thoughts #leftContent a.link{color:#999;text-decoration:none;border:0px;padding:2px 4px 2px 10px;background:#444 url(../images/arrowGrey2.gif) 2px 2px no-repeat;}
#thoughts #leftContent a.link:hover{color:#FF6600;cursor:hand;c\ursor:pointer;text-decoration:none;}
#thoughts #leftContent a.linkPDF{color:#999;text-decoration:none;border:0px;padding:2px 4px 2px 25px;background:#333 url(../images/pdf.gif) 4px 0px no-repeat;}
#thoughts #leftContent a.linkPDF:hover{color:#FF6600;cursor:hand;c\ursor:pointer;text-decoration:none;}


/* thoughts right side content */
#thoughts #rightContent {float:right;width:360px;color:#fff;margin:0;padding:50px 0 0 0;}
#thoughts #rightContent h2{font-size:15px;margin:0;padding:0;color:#999;}
#thoughts #rightContent h3{font-size:110%;line-height:1.1em;font-weight:normal;margin:0;padding:0;color:#999;}
#thoughts #rightContent .wrapper{border-top:4px solid #999;margin:0 0 0 0;padding:0 0 10px 0;background:#111111;overflow: hidden}
#thoughts #rightContent .clearwrapper{border-top:4px solid #999;margin:2px 0 0 0;padding:0 0 0 0;}
#thoughts #rightContent p{font-size:12px;line-height:1.8em;color:#999;padding:0 10px 0 0;}
#thoughts #rightContent a.link{color:#999;text-decoration:none;border:0px;padding:0 0 0 8px;background:#000 url(../images/arrowGrey.gif) top left no-repeat;}
#thoughts #rightContent a.link:hover{color:#FF6600;cursor:hand;c\ursor:pointer;text-decoration:none;}

/* thoughts right side content */
#thoughts #rightSubContent {float:right;width:360px;color:#fff;margin:0;padding:34px 0 0 0;}
#thoughts #rightSubContent h2{font-size:15px;margin:0;padding:0;color:#999;}
#thoughts #rightSubContent h3{font-size:110%;line-height:1.1em;font-weight:normal;margin:0;padding:0;color:#999;}
#thoughts #rightSubContent .wrapper{border-top:4px solid #999;margin:2px 0 0 0;padding:10px 0 5px 0;background:#202324;}
#thoughts #rightSubContent .clearwrapper{border-top:4px solid #999;margin:2px 0 0 0;padding:0 0 0 0;}
#thoughts #rightSubContent p{font-size:12px;line-height:1.8em;color:#999;padding:0 10px 0 0;}
#thoughts #rightSubContent a{color:#999;text-decoration:none;border:0px;padding:0 0 0 8px;background:#000 url(../images/arrowGrey.gif) top left no-repeat;}
#thoughts #rightSubContent a:hover{color:#FF6600;cursor:hand;c\ursor:pointer;text-decoration:none;}

/*========================================================================
	PORTFOLIO CONTAINER
=========================================================================*/

/* thoughts left side content */
#portfolio #leftContent {float:left;width:960px;color:#999;margin:0;padding:50px 0 0 0;}

/* steelworks workaround to correct wrapping/padding issue */
#portfolio #leftContent .project1 {display:block;float:left;width:300px;height:340px;padding:0 30px 0 0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project2 {display:block;float:left;width:300px;height:340px;padding:0 30px 0 0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project3 {display:block;float:left;width:300px;height:340px;padding:0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project4 {display:block;float:left;width:300px;height:340px;padding:0 30px 0 0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project5 {display:block;float:left;width:300px;height:340px;padding:0 30px 0 0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project6 {display:block;float:left;width:300px;height:340px;padding:0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project7 {display:block;float:left;width:300px;height:340px;padding:0 30px 0 0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project8 {display:block;float:left;width:300px;height:340px;padding:0 30px 0 0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project9 {display:block;float:left;width:300px;height:340px;padding:0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project10 {display:block;float:left;width:300px;height:340px;padding:0 30px 0 0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project11 {display:block;float:left;width:300px;height:340px;padding:0 30px 0 0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project12 {display:block;float:left;width:300px;height:340px;padding:0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project13 {display:block;float:left;width:300px;height:340px;padding:0 30px 0 0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project14 {display:block;float:left;width:300px;height:340px;padding:0 30px 0 0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project15 {display:block;float:left;width:300px;height:340px;padding:0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project16 {display:block;float:left;width:300px;height:340px;padding:0 30px 0 0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project17 {display:block;float:left;width:300px;height:340px;padding:0 30px 0 0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project18 {display:block;float:left;width:300px;height:340px;padding:0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project19 {display:block;float:left;width:300px;height:340px;padding:0 30px 0 0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project20 {display:block;float:left;width:300px;height:340px;padding:0 30px 0 0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project21 {display:block;float:left;width:300px;height:340px;padding:0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project22 {display:block;float:left;width:300px;height:340px;padding:0 30px 0 0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project23 {display:block;float:left;width:300px;height:340px;padding:0 30px 0 0;margin:0 0 30px 0;overflow:hidden;}
#portfolio #leftContent .project24 {display:block;float:left;width:300px;height:340px;padding:0;margin:0 0 30px 0;overflow:hidden;}

#portfolio #leftContent h2{float:left;font-size:15px;margin:0;padding:0;color:#fff;}
#portfolio #leftContent .wrapper{border-top:4px solid #999;margin:0 0 30px 0;padding:0 0 10px 0;background:#111111;height:100%;overflow:hidden}
#portfolio #leftContent .wrapper:hover{border-top:4px solid #ff6600;margin:0 0 30px 0;padding:0 0 10px 0;background:#111111;overflow: hidden}
#portfolio #leftContent p{color:#999;font-size:12px;line-height:1.8em;padding:0 20px 10px 0;}
#portfolio #leftContent a:hover{color:#999;cursor:hand;c\ursor:pointer;text-decoration:none;}

/*========================================================================
	PROJECT DETAIL CONTAINER
=========================================================================*/

#projectDetail h2{float:left;font-size:15px;margin:0;padding:0;color:#999;}

/* project detail left side content */
#projectDetail #leftContent {float:left;width:570px;color:#999;margin:0;padding:50px 0 0 0;}
#projectDetail #leftContent h2{font-size:15px;margin:0;padding:0;color:#999;}
#projectDetail #leftContent .wrapper{border-top:4px solid #999;margin:0 0 30px 0;padding:0 0 10px 0;background:#111;overflow: hidden}
#projectDetail #leftContent .imgwrapper{width:570px;background:#202324;}
#projectDetail #leftContent p.leader{font-size:12px;padding:10px 20px 0 0;margin:0;}
#projectDetail #leftContent p{font-size:12px;line-height:1.6em;color:#999;padding:0 10px 20px 0;}

#projectDetail #leftContent .pdfLink {font-size:12px;float:right;margin:10px 0 0 0;padding:4px 4px 4px 25px;background:#242A2F url(../images/pdf.gif) 4px 2px no-repeat;}


/* project detail right side content */
#projectDetail #rightContent {float:right;width:360px;color:#fff;margin:0;padding:50px 0 0 0;}
#projectDetail #rightContent h2{font-size:15px;margin:0;padding:0;color:#999;}
#projectDetail #rightContent h3{font-size:110%;line-height:1.1em;font-weight:normal;margin:0;padding:0;color:#999;}
#projectDetail #rightContent .wrapper{border-top:4px solid #999;margin:0 0 0 0;padding:10px 0 0 0;background:#202324;}
#projectDetail #rightContent .clearwrapper{border-top:4px solid #999;margin:5px 0 0 0;padding:0 0 0 0;}
#projectDetail #rightContent p.leader{font-size:16px;font-weight:bold;line-height:1.8em;padding:0 10px 10px 0;}
#projectDetail #rightContent p{font-size:12px;line-height:1.8em;color:#999;padding:0 10px 20px 0;}

/* top left side sub navigation */
#projectDetail #leftContent h5 {font-size:.7em;}
#projectDetail #leftContent ul#subnavList {float:left;margin:0;padding:10px 0 10px 0;white-space:nowrap;}
#projectDetail #leftContent #subnavList li {display:inline;list-style-type:none;}
#projectDetail #leftContent #subnavList .all {text-transform:uppercase;float:left;width:50px;padding:7px 5px 5px 0; margin:0 2px 0 0;}
#projectDetail #leftContent #subnavList a {font-size:14px;text-transform:uppercase;float:left;width:6px;padding:7px 10px 5px 10px; margin:0 2px 0 0;}
#projectDetail #leftContent #subnavList #active a {background-color:#ffffff;color:#3D4145;}

#projectDetail #leftContent #subnavList a:link, #subnavList a:visited {color:#fff;background-color:#242A2F;text-decoration:none;}
#projectDetail #leftContent #subnavList a:hover {color:#fff;background-color:#FF6600;text-decoration:none;}

/*========================================================================
	LOGIN CONTAINER
=========================================================================*/

/* login left side content */
#login #leftContent {float:left;width:570px;color:#999;margin:0;padding:50px 0 0 0;}
#login #leftContent h2{font-size:15px;margin:0;padding:0;color:#999;}
#login #leftContent h4{font-size:9px;margin:0;padding:0;color:#999;}
#login #leftContent .wrapper{border-top:4px solid #999;margin:0 0 30px 0;padding:0 0 10px 0;background:#111111;overflow: hidden}
#login #leftContent p.leader{font-weight:bold;font-size:21px;color:#BEBEBE;line-height:1.4em;padding:0 20px 10px 0;}
#login #leftContent p{font: 90% arial,sans-serif;line-height:1.6em;padding:0 20px 10px 0;}

/* login right side content */
#login #rightContent {float:right;width:360px;color:#fff;margin:0;padding:65px 0 0 0;}
#login #rightContent h2{font-size:15px;margin:0;padding:0;color:#999;}
#login #rightContent h3{font-size:110%;line-height:1.1em;font-weight:normal;margin:0;padding:0;color:#999;}
#login #rightContent .wrapper{border-top:4px solid #999;margin:2px 0 0 0;padding:10px 0 0 0;background:#202324;}
#login #rightContent .clearwrapper{border-top:4px solid #999;margin:2px 0 0 0;padding:0 0 0 0;}
#login #rightContent p{font-size:.8em;line-height:1.8em;color:#999;padding:0 10px 20px 0;}
#login #rightContent a{color:#999;text-decoration:none;border:0px;padding:0 0 0 8px;background: url(../images/arrowGrey.gif) top left no-repeat;}
#login #rightContent a:hover{color:#FF6600;cursor:hand;c\ursor:pointer;text-decoration:none;}

/*========================================================================
	CONTACT US CONTAINER
=========================================================================*/

/* contact left side content */
#contact #leftContent {float:left;width:570px;color:#999;margin:0;padding:50px 0 0 0;}
#contact #leftContent h2{font-size:15px;margin:0;padding:0;color:#999;}
#contact #leftContent h3{float:left;font-size:15px;margin:0;padding:2px 0 2px 0;color:#999;}
#contact #leftContent h4{float:left;font-size:11px;margin:0;padding:2px 8px 2px 0;color:#999;}
#contact #leftContent .wrapper{border-top:4px solid #999;margin:0 0 30px 0;padding:20px 0 10px 0;background:#111111;overflow: hidden}
#contact #leftContent p.leader{font-weight:bold;font-size:21px;color:#BEBEBE;line-height:1.4em;padding:0 20px 10px 0;}
#contact #leftContent p{font: 90% arial,sans-serif;line-height:1.6em;padding:0 20px 10px 0;}

/* contact right side content */
#contact #rightContent {float:right;width:360px;color:#fff;margin:0;padding:65px 0 0 0;}
#contact #rightContent .clearwrapper{border-top:4px solid #999;margin:2px 0 0 0;padding:0 0 0 0;}

/*========================================================================
	FOOTER CONTAINER
=========================================================================*/

/* FOOTER CONTAINER */
#footer{font-size:80%;clear:both;padding:50px 0 50px 0;margin:0;width:100%;color:#999}
#footer .footerLeft{float:left;margin:0;padding:0;white-space:nowrap;}
#footer .footerRight{float:right;margin:0;padding:0;white-space:nowrap;}
#footer .footerRight .rolloverRIBA{text-decoration:none;display:block;width:149px;height:18px;background:url(../images/mainRIBALogo.gif) top left no-repeat;}
#footer .footerRight .rolloverRIBA:hover{background-position: 0 -19px;}

/*========================================================================
	NAVIGATION
=========================================================================*/

/* top left side navigation */
#navContainerLeft h5 {font-size:.7em;}
#navContainerLeft ul#navList {float:left;margin:0;padding:0;white-space:nowrap;}
#navContainerLeft #navList li {display:inline;list-style-type:none;}
#navContainerLeft #navList a {float:left;}

#navContainerLeft #navList a:link, #navList a:visited {color:#fff;background-color:#3D4145;text-decoration:none;}
#navContainerLeft #navList a:hover {color:#fff;background-color:#FF6600;text-decoration:none;}

#navContainerLeft #navList li a.home {padding:0;margin:0 2px 0 0;width:95px;height:23px;background:url(/images/home.gif) top left no-repeat;}
#navContainerLeft #navList li a.homeActive {padding:0;margin:0 2px 0 0;width:95px;height:23px;background:url(/images/home__.gif) top left no-repeat;}
#navContainerLeft #navList li a:hover.home {background:url(/images/home_.gif) top left no-repeat;}
#navContainerLeft #navList li a.portfolio {padding:0;margin:0 2px 0 0;width:95px;height:23px;background:url(/images/portfolio.gif) top left no-repeat;}
#navContainerLeft #navList li a.portfolioActive {padding:0;margin:0 2px 0 0;width:95px;height:23px;background:url(/images/portfolio__.gif) top left no-repeat;}
#navContainerLeft #navList li a:hover.portfolio {background:url(/images/portfolio_.gif) top left no-repeat;}
#navContainerLeft #navList li a.thoughts {padding:0;margin:0 2px 0 0;width:95px;height:23px;background:url(/images/thoughts.gif) top left no-repeat;}
#navContainerLeft #navList li a.thoughtsActive {padding:0;margin:0 2px 0 0;width:95px;height:23px;background:url(/images/thoughts__.gif) top left no-repeat;}
#navContainerLeft #navList li a:hover.thoughts {background:url(/images/thoughts_.gif) top left no-repeat;}
#navContainerLeft #navList li a.resources {padding:0;margin:0 2px 0 0;width:95px;height:23px;background:url(/images/resources.gif) top left no-repeat;}
#navContainerLeft #navList li a.resourcesActive {padding:0;margin:0 2px 0 0;width:95px;height:23px;background:url(/images/resources__.gif) top left no-repeat;}
#navContainerLeft #navList li a:hover.resources {background:url(/images/resources_.gif) top left no-repeat;}

/* top left side sub navigation */
#navContainerLeft ul#subnavList {float:left;margin:0;padding:0;white-space:nowrap;}
#navContainerLeft #subnavList li {display:inline;list-style-type:none;}
#navContainerLeft #subnavList .all a {font-size:90%;float:left;width:19px;padding:7px 8px 2px 10px; margin:0 2px 0 0;}
#navContainerLeft #subnavList .wide a {font-size:90%;float:left;width:20px;padding:7px 2px 4px 10px; margin:0 2px 0 0;}
#navContainerLeft #subnavList a {font-size:90%;float:left;width:19px;padding:7px 10px 2px 10px; margin:0 2px 0 0;}
html>body #navContainerLeft #subnavList .all a {font-size:90%;float:left;width:18px;padding:7px 10px 4px 10px; margin:0 2px 0 0;}
html>body #navContainerLeft #subnavList a {font-size:90%;float:left;width:5px;height:12px;padding:7px 10px 4px 10px; margin:0 2px 0 0;}
#navContainerLeft #subnavList #active a {background-color:#ffffff;color:#3D4145;}

#navContainerLeft #subnavList a:link, #subnavList a:visited {color:#fff;background-color:#242A2F;text-decoration:none;}
#navContainerLeft #subnavList a:hover {color:#fff;background-color:#FF6600;text-decoration:none;}


/* top left side sub navigation */
#navContainerLeft ul#subnavBlogList {float:left;margin:0;padding:0;white-space:nowrap;}
#navContainerLeft #subnavBlogList li {display:inline;list-style-type:none;}
#navContainerLeft #subnavBlogList .all a {text-transform:uppercase;float:left;width:18px;padding:7px 10px 4px 10px; margin:0 2px 0 0;}
#navContainerLeft #subnavBlogList a {text-transform:uppercase;float:left;width:95px;padding:7px 10px 4px 10px; margin:0 2px 0 0;}
#navContainerLeft #subnavBlogList #active a {background-color:#ffffff;color:#3D4145;}

#navContainerLeft #subnavBlogList a:link, #subnavList a:visited {color:#fff;background-color:#242A2F;text-decoration:none;}
#navContainerLeft #subnavBlogList a:hover {color:#fff;background-color:#FF6600;text-decoration:none;}


/* top right side navigation */
#navContainerRight h5 {font-size:.7em;}
#navContainerRight ul#navList {float:right;margin:0;padding:0;white-space:nowrap;}
#navContainerRight #navList li {display:inline;list-style-type:none;float:left;}
#navContainerRight #navList a {float:left;}


#navContainerRight #navList li a.contactus {padding:0;margin:0 2px 0 0;width:90px;height:23px;background:url(/images/contactus.gif) top left no-repeat;}
#navContainerRight #navList li a.contactusActive {padding:0;margin:0 2px 0 0;width:90px;height:23px;background:url(/images/contactus_.gif) top left no-repeat;}
#navContainerRight #navList li a:hover.contactus {background:url(/images/contactus_.gif) top left no-repeat;}

#navContainerRight #navList li a.login {padding:0;margin:0 2px 0 0;width:90px;height:23px;background:url(/images/clientlogin.gif) top left no-repeat;}
#navContainerRight #navList li a.loginActive {padding:0;margin:0 2px 0 0;width:90px;height:23px;background:url(/images/clientlogin_.gif) top left no-repeat;}
#navContainerRight #navList li a:hover.login {background:url(/images/clientlogin_.gif) top left no-repeat;}

