/*************************************
*
*
*
*
*
**************************************/

/* Page Settings and Defaults */
body { 
    font-size: 10pt;
    font-family: Verdana, Tahoma, Helvetica, sans-serif;
    background-color: #ffffff; 
    padding: 0px;
    margin: 0px;
}

/********************
Main Elements
*********************/
#pageMain { margin:0px auto; padding: 0px; background: transparent url('/img/pageBack.gif') repeat-x; }
#header { margin:0px auto; }
#header #inner { width: 950px; position: relative; height: 90px; margin: 0px auto;  background: transparent url('/img/skylineback.gif') 77% 100% no-repeat;  }
#contentMain { background: #ffffff; overflow:visible !important; overflow:hidden; }
#contentInner { clear:both; width:950px; margin: 0px auto; background: #ffffff url('/img/backWithMenu.gif') top left repeat-y; }
#leftMenu { display:inline; float:left; width:200px; overflow:visible !important; overflow:hidden; background: transparent; padding-bottom: 40px; }
#contentArea { display:inline; float:left; width:720px; margin:0 0 0 20px; overflow:visible !important; overflow:hidden; }
#hpFeaturedItems { width: 720px; display: inline; float: left; clear: both; overflow:visible !important; overflow:hidden; margin: 0px; padding: 0px; margin-bottom: 20px; }

#footerMain { background-color: #24286d; font-size: 8pt; color: #93b5e8; clear:both; overflow:visible !important; overflow:hidden; margin:0; padding: 0px;}
#footerInner { text-align: right; font-size: 8pt; width: 950px; margin: 0px auto; padding-top: 10px; padding-bottom: 10px; }

#pageMain:after, #header:after, #breadCrumbs:after, #contentMain:after, #contentInner:after, #leftMenu:after, #contentArea:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#hpFeaturedItems:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }

#topSearchBarOuter {
    margin: 0px;
    padding: 0px;
    padding-right: 10px;
    position: relative;
    float:right;
    top: 8px;
    right: 0px;
    width: 195px;
}

#topSearchBarOuter form {
    margin: 0px;
    padding: 0px;
}

#topSearchBarOuter form input {
    color: #ffffff;
    background: #a9bed7 url(img/dolphin_bg.gif) repeat-x 100% 10%;
    border-top: 1px solid #24286d;
    border-left: 1px solid #24286d;
    border-bottom: 1px solid #a9bed7;
    border-right: 1px solid #a9bed7;
    width: 160px;
}

#topSearchBarOuter form input.topButton {
    background: transparent;
    border: none;
    vertical-align: middle;
    margin-bottom: 1px;
    width: 18px;
}

#contentArea h1 {
    margin: 0px;
    margin-bottom: 15px;	
    margin-top: 15px;
    padding: 0px;
    padding-bottom: 5px;
    font-size: 12pt;
    font-weight: bold;
    border-bottom: 2px solid #d69f39;
}

h2 {
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px;
    font-weight: bold;
    font-size: 10pt;
}

h3 {
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px;
    padding-bottom: 5px;
    font-size: 10pt;
    font-weight: normal;
}

#representing {
    margin: 0px auto;
    width: 900px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 6.5pt;
    zindex: 0;
/*    color: #6289b7; */
    color: #83a5d8;
}
#representing div {
    float: left;
    display: inline;
    height: 16px;
    padding-right: 5px;
    font-weight: bold;
    text-transform: uppercase;
}

#manDetailImage {
    float: right;
    padding-left: 10px;
    padding-bottom: 10px;
}


#welcomeMessage { 
    float: left; 
    width: 330px !important; 
    width: 317px;
    margin-top: 5px; 
    padding: 8px !important;
    padding: 10px;
}

#welcomeMessage h1 {
    margin: 0px;
    margin-bottom: 15px;	
    padding: 0px;
    padding-bottom: 5px;
    font-size: 12pt;
    font-weight: bold;
    border-bottom: 2px solid #d69f39;
}

.twoColWideCol1 {
    width: 500px;
    float: left;
}

.twoColWideCol2 {
    float: right; 
    margin-bottom: 10px;
    width: 200px; 
}

.twoColWideCol2 ul {
    list-style-type: none;
    padding: 0px;
    padding-left: 10px;
    margin-left: 0px;
}

.twoColWideCol2 ul li {
    padding-bottom: 2px;
}

.twoColCol1 {
    width: 350px;
    display: inline;
    float: left;
}

.twoColCol2, .whatsNew { 
    float: right; 
    margin-bottom: 10px;
    width: 167px; 
}

.whatsNew {
    padding: 10px;
    margin-top: 3px !important;
    margin-top: 10px;
}

.twoColCol2 {
    width: 335px;
    font-size: 8pt;
}
.twoColCol2 .office {
    display: inline;
    float: left;
    padding: 3px;
    margin: 0 auto;
    margin-left: 3px;
    margin-bottom: 15px;
    width: 156px;
}

.whatsNew h2{
    font-size: 8pt;
    margin: 0;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 2px solid #d69f39;
}

.whatsNew h2{
    font-size: 8pt;
    margin: 0;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 2px solid #d69f39;
}

.whatsNew h2 a {
    color: #000000;
}

.twoColCol2 h1 {
    margin: 0px;
    padding: 0px;
}

.contactItemHead {
    font-weight: bold;
    padding-bottom: 3px;
}

.whatsNewItem {
    color: #966f09;
    list-style: circle inside ; 
    margin:0px 0px 5px 10px;
}

.whatsNewName {
    font-size: 8pt;
    font-weight: bold;
    margin-bottom: 2px;
    padding-bottom: 2px;
    text-indent: 0px;
}

a { color: #966f09; text-decoration: none; }

a:hover { color: #ff6f09; }

.manListMoreInfo a{
    float: right;
}

.whatsNewDescription {
    font-size: 8pt;
    padding: 0px;
    margin: 0px;
    color: #666666;
}

#featuredInstallations {
    display: inline;
    float: left;
    margin: 0px;
    padding: 0px;
    margin-left: 14px;
    margin-top: 0px;
    padding: 5px;
    width: 340px;
    height: 110px;
    color: #ffffff;
    background: #93630d url('/img/featuredInstallationsBack.gif') top left no-repeat;	
    overflow:visible !important; 
    overflow:hidden; 
}

#featuredInstallations h1 {
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    margin-bottom: 4px;
    padding-bottom: 2px;
    font-size: 12px;
}

#featuredInstallations a {
    text-decoration: none;
    color: #ffffff;
}

#featuredInstallationsInner1, #featuredInstallationsInner2 {
    position: relative;
    top: 0px;
    display: inline;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;    
    height: 86px;
    vertical-align: middle;
    width: 320px;
}

#featuredInstallationsInner2  {
    top: -86px !important;
    top: -86px;
}

#featuredInstallationsText1, #featuredInstallationsText2 {
    display: inline;
    float: left;
    width: 180px;
}

#featuredInstallations img {
    float: right;
    padding-left: 4px;
    padding-bottom: 4px;
}

#highlights {
    float: left;
    margin: 0px;
    padding: 0px;
    margin-left: 22px;
    margin-top: 0px;
    padding: 10px;
    width: 345px;
    height: 110px;
    color: #ffffff;
    background: #d69f39 url('/img/InfoBackground.gif') no-repeat;	
}

#highlightsData {
    padding-left: 65px !important;
    padding-left: 75px;
    padding-right: 10px;
    font-weight: bold;
}

#highlightsData p {
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
}

#highlightsData li {
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
}


#highlightsData div div {
    position:relative;
    top:-50%;
}

.featuredItem {
    padding: 4px;
    margin-bottom: 4px;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    background: #ffffff url('/img/featuredBack.gif') no-repeat;
    background-position: right bottom;
    overflow:visible !important; overflow:hidden; 
}

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

.featuredItemBody {
    font-size: 8pt;
    overflow:visible !important; overflow:hidden; 
}

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

.featuredItem h2 {
    font-size: 8pt;
    text-align: center;
}

.featuredItemBodyImage {
    display: inline;
    float: left;
    padding-right: 8px;
    padding-bottom: 8px;
    overflow:visible !important; overflow:hidden; 
}

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

.featuredItemBodyMoreInfo {
    text-align: right;
    padding-top: 4px;
    clear: both;
}
.featuredItemBodyMoreInfo:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }

#hpFeaturedItems h2 {
    font-size: 8pt;
    margin: 0;
    padding: 0;
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #d69f39;
}

.HomeFeaturedItem {
    text-align: left;
    display: inline;
    float: left; 
    margin-top: 10px; 
    margin-left: 5px; 
    margin-right: 5px;
    padding: 10px;
    width: 208px;
    height: 128px; 
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    background: #ffffff url('/img/featuredBack.gif') no-repeat;
    background-position: right bottom;
    overflow:visible !important; overflow:hidden; 
}

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

.HomeFeaturedHead {
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
}

.HomeFeaturedItemBody {
    font-size: 8pt;
}

.HomeFeaturedItemBodyImage {
    text-align: center;
    float: left;
    height: 120px;
    padding: 0px;
    padding-right: 8px;
}

.HomeFeaturedItemBodyImage a img {
}

.HomeFeaturedItemBodyDescription {
    text-align: left;
}
.HomeFeaturedItemBodyMoreInfo {
    vertical-align: bottom;
    text-align: right;
    display: inline; 
    float: right; 
    padding-top: 6px;
}

#header #inner a#logo {
    position: absolute;
    margin: 0px; padding: 0px;
}

#header #inner h1#slogan {
    position: absolute;	 
    top:10px; right: 275px;
    width: 370px;
    display: none;
    color: #cc9966;
    text-align: center;
    font-size: 12pt;
}

#header #inner form.searchForm {
    position: absolute;
    top: 10px; right: 0px;
}

form.searchForm {
    background: transparent;
    border: none;
    margin: 0; padding: 0;
    height: 30px;
}

form.searchForm input.text { 
    margin: 0; 
    margin-left: 10px;
    width: 150px;
    border: 1px solid #999999; 
    background: #e0f0ff;
    color: #333333; 
    font-size: 10px;
    height: 12px;
}

form.searchForm input.button { 
    margin: 0; 
    margin-left: 5px;
    margin-top: 5px;
    padding: 2px 3px; 
    height: 19px;
    font-size: 10px;
    border: 1px solid #999999; 
    background: #e0f0ff;
    color: #333333;	
    width: 60px;
}

#header ul {
    z-index: 999999;
    position: absolute;
    margin:0; padding: 0;
    list-style:none;
    right: 0; 
    bottom: 0px !important; bottom: 0px;
    font: bold 11px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
}

#header li {
    display:inline;
    margin:0; padding:0;
    margin-left: 2px;
}

#header ul a {
    float:left;
    background: #24286d;
    text-decoration:none;
    margin-left: 2px;
}

#header ul li a span {
    float:left;
    display:block;
    background: #24286d;
    padding:2px 10px 2px 10px;
    color: #ffffff;
}

#header ul a:hover {
    /*background-position: 0% -81px;*/
    background-color: #d69f39;
}

.topMenuLink {
    color: #ffffff;
    padding:2px 10px 2px 10px;
}

.topMenuLink:visited {
    color: #ffffff;
}


#topMenuMain {
    background-color: #24286d;
    margin: 0px;
}

#topMenuInner {
    width: 950px;
    text-align: right;
    margin: 0px;
}

#breadCrumbs {
    clear:both; 
    padding: 5px; 
    background: #ffffff;
}


#footerInner #memberships {
    text-align: left;
}

.manTable {
    width: 100%;
    margin: 0px;
    padding: 0px;
    cell-padding: 0px; 
    cell-spacing: 0px;
}

.manListBox {
    display: table-cell;
    /*    width: 199px;*/
    width: 50%;
    padding: 8px;
    margin: 0px;
    border: 1px solid #cccccc;
    vertical-align: top;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    background: #ffffff url('/img/featuredBack.gif') bottom right no-repeat;
}

.manListImage {
    display: inline;
    float: right;
    padding-left: 5px;
    padding-bottom: 5px;
}

.manListBox div h2 {
    margin: 0px;
    padding: 0px;
    color: #000000;
    font-size: 10pt;
}

.manListBox div p {
    margin: 0px;
    margin-top: 8px;
    color: #666666;
}

#shortDescription {
    margin-top: 15px;
}

#description {
    margin-top: 15px;
}

#manUrl {
    margin-top: 10px;
    margin-bottom: 10px;
}

#manDetailProducts {
    
}

#prodListSortBox {
    width: 250px;
    display: inline;
    float: right;
}

#prodListSortBox input {
    vertical-align: middle;
}

.prodListImage {
    text-align: center;
    vertical-align: center;
    width: 70px;
    padding: 4px;
    margin: 4px;
    border-bottom: 1px solid #999966;
}

.listItem {
    width: 500px;
    padding-bottom: 6px;
    padding-top: 6px;
    margin-top: 6px;
    margin-bottom: 6px;
    border-bottom: 1px solid #d69f39;
}

.listItemImage {
    width: 70px;
    text-align: center;
    display: table-cell !important;
    display: inline;
    float: none !important;
    float: left;
    vertical-align: middle;
    position: relative;
    top: 50%;
}

.listItemImageRight {
    display: inline;
    float: right;
}

.listItemImage img {
    border: none;
    vertical-align: middle;
    position: relative; top: -50%;
}


.listItemDetail {
    display: table-cell !important;
    display: inline;
    float: none !important;
    float: left;
    width: 400px;
    padding-left: 10px;
}

/*.listItem:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }*/

.listItemName {
    font-size: 10pt;
    font-weight: bold;
    padding-bottom: 6px;
}

.listItemShortDescription {
    margin-top: 6px;
}

.listItemMoreDetailsLink {
    text-align: right;
    padding: 6px;
}

.mainImageRight {
    display: inline;
    float: right;
    padding-left: 10px;
    padding-bottom: 10px;
}

.prodListMain{
    text-align: left;
    vertical-align: top;
    padding-top: 4pt;
    padding-bottom: 6pt;
    border-bottom: 1px solid #999966;
}

.prodListManufacturer {
    font-size: 10pt;
}

.prodListProductName{
    font-weight: bold;
    padding-top: 1pt;
    font-size: 10pt;
}

.prodListProductShortDescription{
    padding-top: 3pt;
    font-size: 8pt;
}

.prodListTypeCat{
    border-bottom: 1px solid #999966;
    text-align: left;
    vertical-align: top;
    padding-top: 4pt;
    padding-bottom: 6pt;
    width: 100;
}

.prodListType{
    padding-top: 1pt;
    font-size: 8pt;
}

.prodListCategory{
    padding-top: 5pt;
    font-size: 8pt;
}

.prodDetailProdImage {
    float: right;
    padding-left: 10px;
    padding-bottom: 10px;
}

.prodDetailRelatedOuter {
    width: 100%;
    text-align: center;
    margin-top: 40pt;
    clear: both;
}

.prodDetailRelatedBox {
    width: 100%;
}


.prodDetailRelatedFill {
    background-color: #ffffff;
    border-left: 1px solid #cccc88;
    float: right;
    width: 53%;
    padding: 4;
    margin: 0;
    text-decoration: line-through;
}

.prodDetailRelatedHead {
    background-color: #ffffdd;
    border-left: 1px solid #cccc88;
    border-right: 1px solid #cccc88;
    border-top: 1px solid #cccc88; 
    border-bottom: 1px solid #ddddcc;
    text-align: left;
    font-weight: bold;
    padding: 4;
    margin: 0;
}

.prodDetailRelatedContent {
    border-left: 1px solid #cccc88;
    border-right: 1px solid #cccc88;
    border-bottom: 1px solid #cccc88;
    background-color: #fffffa;
    text-align: left;
    padding: 8px;
    list-style: none;
}


.productsDescriptions {
    font-size: 9pt;
    margin-bottom: 8px;
}


form {
    font-size: 9pt; 
    padding: 2px; 
    margin: 2px;
    margin-top: 10px;
}

textarea, input, select {
    font-size: 9pt;
    color: #000000;
    padding: 2px;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
}

form .label, form .requiredLabel{
    text-align: right;
    height: 25px;
    background: #ffffff url('/img/featuredBack.gif') bottom right no-repeat;
}

form .requiredLabel {
    font-weight: bold;
}

table.contactFormTable {
    display: table;
    width: 100%;
    border-spacing: 4px;
}

form.contactForm .label {
    width: 170px;
}
form.contactForm input, form.contactForm textarea, form.contactForm select {
    width: 97%;
}

form.contactForm textarea {
    height: 200px;
}

form.contactForm input.button {
    width: 120px;
    color: #000000;
}

.employeeBio {
    padding-left: 10px;
    padding-right: 25px;
}

.employeeBio p {
    margin: 0px;
    padding: 0px;
    padding-bottom: 10px;
}

.employeeBio h2 {
    font-size: 10pt;
    letter-spacing: 1pt;
    padding-bottom: 4px;
    margin-top: 10px;
    border-bottom: 1px solid #d69f39;
    
}

.biosContactInfo {
    padding: 2px;
    padding-left: 15px;
    font-size: 8pt;
    width: 220px;
}

.bioText {
    padding-left: 15px;
    margin-top: 15px;
}

.biosContactInfo span {
}

.articleImage {
    display: inline;
    float: right;
    padding-left: 10px;
    padding-bottom: 10px;
}

.articleBody {
    margin-top: 10px;
    margin-bottom: 10px;    
}

/* ---------------------- Dolphin nav ---------------------- */
#dolphincontainer{padding: 0px; margin: 0px; position:relative; color:#E0E0E0;background:#24286d;width:100%;  overflow:visible !important; overflow:hidden;}
#dolphininner {padding: 0px; margin: 0px auto; width: 950px; }
#dolphinnav{position:relative;height:33px;font-size:12px;text-transform:capitalize;font-weight:bold;background:#ffffff url(img/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(img/dolphin_bg-OVER.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#2f65a0 url(img/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#2f65a0 url(img/dolphin_right-ON.gif) no-repeat top right;height:33px;}
/* ---------------------- END Dolphin nav ---------------------- */

#slideShow {
    padding: 5px;
    margin: 0px;
    display: inline; 
    position: absolute;
    right: 0px;
    bottom: 10px;
    background: #ffffff; 
    border: 1px solid #e4edf6; 
    width: 70px; 
    height: 60px; 
    color: #ff0000;
}

#ssdiv1, #ssdiv2 {
    position: absolute; 
    width: 70px; 
    height: 60px; 
    display: inline;
    float: right; 
    zindex: 9999; 
    background: #ffffff;
}
#ssdiv2 {
    zindex: 9998;
}

/* Left Menu */
#leftMenu h1{
    clear:both; 
    margin:0px; 
    margin-right: 15px;
    padding:15px 14px 5px 0px; 
    font-weight:bold; 
    font-size:10pt;
    border-bottom: 2px solid #d69f39;
}

#dhtmlgoodies_menu{
	width: 100%;	/* Width of main menu */
        margin: 0px;
        padding: 0px;
        font-size: 9pt;
}
#dhtmlgoodies_menu	li{	/* Main menu <li> */
        font-family: arial;
	list-style-type:none;	/* No bullets */
	margin:0px;	/* No margin - needed for Opera */
}
#dhtmlgoodies_menu ul{
	margin:0px;	/* No <ul> air */
	padding:0px;	/* No <ul> air */
}
#dhtmlgoodies_menu ul li {
    padding: 0px;
    margin: 0px;
}

#dhtmlgoodies_menu ul li ul{	/* Styling for those who doesn't have javascript enabled */
	padding-left:10px;
}
#dhtmlgoodies_menu	li a{	/* Main menu links */
	text-decoration:none;	/* No underline */
	color:#966f09;	

	height:17px;	/* 20 pixel height */
	line-height:17px;	/* 20 pixel height */
	vertical-align:middle;	/* Align text in the middle */
	margin:1px;	/* A little bit of air */
	padding:1px;	/* Air between border and text inside */
	display:block;
}
#dhtmlgoodies_menu	li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
	color:#ff6f09;
}
.dhtmlgoodies_subMenu{
	visibility:hidden;
	position:absolute;
	overflow:hidden;
	border:1px solid #999999;
	background-color:#ffffff;
	font-family:arial;
        font-size: 9pt;
	text-align:left;
}
.dhtmlgoodies_subMenu ul{
	margin:0px;
	padding:0px;
}
.dhtmlgoodies_subMenu ul li{
	list-style-type:none;
	margin:0px;
	padding:1px;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
}
.dhtmlgoodies_subMenu ul li a{	/* Sub menu items */
	white-space:nowrap;	/* No line break */
	text-decoration:none;	/* No underline */
	color:#966f09;	/* Black text color */

	height:16px;	/* 16 pixels height */
	line-height:16px;	/* 16 pixels height */
	padding:1px;	/* 1px of "air" inside */

	display:block;	/* Display as block - you shouldn't change this */
}
.dhtmlgoodies_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
	color:#ff6f09;	/* White text */
}

#footerInner #memberships {
    text-align: left;
}

#footerInner #copyright {
    clear: both;
}

#footerInner a {
    color: #83a5d8;
}

#footerOffice {
    margin-left: 200px;
}

.officeFooter {
    display: inline;
    text-align: left;
    float: left;
    width: 200px;
    font-size: 7pt;
}

.headColor {
    background-color: #a9bed7;
}

.adminCrumbs {
    width: 100%;
    margin-bottom: 10px;
}