/*
Theme Name: Fluorous
Theme URI: http://www.fluorous.com
Description:  Based on the existing site of Fluorous Technologies Inc.
Version: 1.0
Author: Jeffrey Irwin
Author URI: NA

*/

@import url("common.css");

body{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
margin:0; 									
padding:0;
text-align:center;							
}

#wrap{
width:872px;
text-align:left;
margin:0 auto 0 auto;
/*background:#eee;*/							
}

/*------------------------Header Start----------------------------*/
#header{
height:82px; 
}

#logo{
position:absolute;

}

#topNav {
height:28px;
margin-bottom:3px;
}
#topNav ul{
list-style-type:none;
margin:0;
padding:0;
}
#topNav li{
float:left;
margin-right:4px;
}
#topNav li.last{
margin-right:0;
}
#topNav li a:link, #topNav li a:visited, #topNav li a:active{
background:url("images/tab-bg.gif");
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#77787a;
text-align:center;
width:142px;
height:28px;
display:block;
line-height:28px;
text-decoration:none;
font-weight:bold;
text-transform:uppercase;
}

#topNav li a:hover{
background-position:0 -28px;
text-decoration:none;
color:#000000;
}

#topNav li a.selected:link, #topNav li a.selected:visited, #topNav li a.selected:active{
background-position:0 -28px;
cursor:default;
color:#970301;
}

#search{
float:right;
padding-top:29px;
}
#search input{
border:1px solid #a60701;
background: #f7ffb6;
width:215px;
height:19px;
line-height:19px;
color:#4a4c36;
font-size:12px;
padding:2px 5px 0 5px;
margin-right:5px;
float:left;
}
#search button{
background:url("images/search-but.gif");
width:23px;
height:23px;
border:none;
cursor:pointer;
}

#phoneNo{
position:absolute;
left:50%;
background:url("images/phone-num.jpg");
width:133px;
height:28px;
top:25px;
margin-left:-50px;
}

/*------------------------Header End----------------------------*/


#banner{
background:url(images/banner-people.jpg);
background-repeat:no-repeat;
padding-left:435px;
padding-top:13px;
height:172px;
margin-bottom:2px;
}
#banner div{
height:75px;
overflow:hidden;
display:block;
}
#banner div#flashContent{
height:185px;
overflow:hidden;
margin-top:-13px;
}
#banner ul{
margin:0;
padding:7px 0 0 400px;
list-style:none;
}

#banner li{
line-height:14px;
font-weight:bold;
padding-left:20px;
padding-bottom:9px;
/*font-family:Arial, Helvetica, sans-serif;*/
}


/* Flash #########################################################################*/
#flashContent{
background:#fff /*url(../images/flash-bg.jpg)*/;
background-repeat:no-repeat;
height:192px;
text-align:left;
overflow:hidden;
}
#flashContent div{
padding:20px;
color:#000000;
}


/*------------------------Middle Start ----------------------------*/

#middle{
margin:0 0 4px 0;
background:url(images/middle-bg.gif);
background-repeat:repeat-y;
}

#leftCol{
float:left;							 		
width:219px;
margin:0;
display:block;
height:auto !important;
height:300px;
min-height:300px;
background: #ffe9a5;
}

#leftCol h2{
background: url(images/left-header-bg.gif);
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
height:28px;
line-height:28px;
margin:0;
padding:0;
text-align:center;
text-transform:uppercase;
}

#leftMenu{
list-style-type:none;
margin:0;
padding:0;
}

/*#leftMenu li{
background:url(../images/left-menu-bg.gif);
background-repeat:no-repeat;
width:190px;
height:126px;
display:block;
padding:0 0 0 28px;
text-align:left;
text-transform:uppercase;
text-decoration:none;
color:#39771d;
font-size:12px;
line-height:26px;
font-weight:bold;
cursor:pointer;
}*/
#leftMenu li{
height:auto !important;
height:26px;
min-height:26px;
}

#leftMenu li a:link, #leftMenu li a:active, #leftMenu li a:visited{
font-family:Arial, Helvetica, sans-serif;
background:url(images/left-menu-bg.gif);
background-repeat:no-repeat;
background-position:-28px 0;
width:190px;
height:26px;
display:block;
padding:0 0 0 0;
text-align:left;
text-transform:uppercase;
text-decoration:none;
color:#39771d;
font-size:12px;
line-height:26px;
font-weight:bold;
float:left;
}
/*#leftMenu li span{
float:left;
display:block;
width:28px;
border:1px solid red;
height:26px;

}*/
#leftMenu li a.arrow:link, #leftMenu li a.arrow:active, #leftMenu li a.arrow:visited{
background-position:0 0;
float:left;
display:block;
width:28px;
}

#leftMenu li a:hover{
background-position:-28px -26px;
}
#leftMenu li a.arrow:hover{
background-position:0 -26px;
}
#leftMenu ul{
margin:0;
padding:26px 0 0 0;
#padding:0 0 0 0;
display:none;
background:#fff2c9;
}
#leftMenu li li{
padding:5px 0 5px 0;
background:url(images/left-sub-sep.gif);
background-repeat:no-repeat;
background-position:bottom;
height:auto !important;
height:16px;
min-height:16px;
}
#leftMenu li li a:link, #leftMenu li li a:active, #leftMenu li li a:visited{
background:none;
display:block;
margin-left:0;
color:#666150;
text-transform:capitalize;
font-size:11px;
height:auto;
line-height:16px;
padding-left:26px;
float:none;
}
.leftContactInfo{
background:url(images/left-contact-info-bg.jpg);
width:189px;
height:94px;
padding:10px 15px 10px 15px;
color:#FFFFFF;
font-family:Tahoma, Arial;
font-size:14px;
line-height:18px;
margin:20px 0 20px 0;
}

.leftContactInfo a:link, .leftContactInfo a:active, .leftContactInfo a:visited{
color:#FFFFFF;
}
.leftContactInfo a:hover{
color:#CCFF00;
text-decoration:none;
}

.leftContent{
padding:5px;
color:#804500;
}
.leftContent h3{
padding:5px 0 0 15px;
font-size:11px;
}
.leftContent ul{
margin:10px 0 0 30px;
padding:0;
}
.leftContent ul ul{
margin:5px 0 5px 20px;
padding:0;
}
.leftContent li{
padding-bottom:5px;
font-size:11px;
}

.leftContent li li{
padding-top:5px;
}

.leftContent li a:link, .leftContent li a:active, .leftContent li a:visited{
color:#804500;
text-decoration:none;
}
.leftContent li a:hover{
color:#000000;
text-decoration:underline;
}

.leftContent hr{
background-image:url(images/dot-sep.gif);
background-repeat:repeat-x;
border:none;
}

.breadcrumb{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#2e0b06;
text-align:right;
padding:0 0 2px 0;
margin:0;
/*border:1px solid red;*/
}

.breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#2e0b06;
text-decoration:none;
} 

.breadcrumb a:hover{
text-decoration:underline;
}

.breadcrumb span{
font-weight:bold;
}


#contentArea{
padding:40px 30px 30px 30px;
float:left;
display:block;
width:590px;
background:url(images/content-bg.gif);
background-repeat:repeat-x;
}

#contentArea h1{
color:#649a2f;
padding:10px 0 0 0;
margin:0;
font-family:Tahoma, Arial;
font-size:24px;
font-weight:normal;
}

#contentArea h3{
color:#4d7838;
padding:10px 0 0 0;
margin:0;
font-family:Tahoma, Arial;
font-size:12px;
font-weight:normal;
}


#contentArea h1.lsa{
font-family:Arial;
font-weight:bold;
color:#456f1f;
font-size:18px;
float:left;
padding:2px 50px 20px 0;
background:url(images/sms-head-arrow.gif);
background-repeat:no-repeat;
background-position:right top;
}

h2{
font-size:13px;
color:#4d7838;
padding-top:10px;
}

#contentArea img.floatRight { 
    float: right; 
    margin: 4px; 
}


#contentArea p{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
color:#2b1f1b;
text-align:justify;
line-height:18px;
}

#contentArea p a:link, #contentArea p a:active, #contentArea p a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#2b1f1b;
text-align:justify;
margin:0;
padding:0;
text-decoration:underline;
}

#contentArea p a:hover{
text-decoration:none;
}

#contentArea li{
list-style:none;
font-size:11px;
line-height:14px;
font-weight:bold;
padding-left:20px;
padding-bottom:7px;
color:#808080;
background:url(images/bullet1.gif);
background-repeat:no-repeat;
background-position:0 3px;
}

#contentArea table.product{
display: table
}

/*------------------------Middle End----------------------------*/

/*------------------------Footer Start----------------------------*/

#footer{
background:url(images/footer-bar.gif);
background-repeat:no-repeat;
clear:both;
padding-top:10px;
text-align:center;
}


#footer ul{
list-style-type:none;
margin:0;
padding:0;
background:url(images/footer-bg.gif);
background-repeat:repeat-x;
height:28px;
}

#footer li{
display:inline;
margin:0;
padding:0;
}

#footer li a:link, #footer li a:active, #footer li a:visited {
background:url(images/footer-dividers.gif);
background-repeat:no-repeat;
color:#445B2D;
font-size:11px;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:28px;
height:18px;
padding:5px 10px 5px 10px;
}
#footer li a:hover {
text-decoration:underline;
color:#000000;
}

/*------------------------Footer End----------------------------*/

#copyright{
text-align:center;							
color:#666;
padding:10px 0 0 0;
font-size:10px;
}

#copyright a:link, #copyright a:active, #copyright a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
text-decoration:underline;
}

#copyright a:hover{
color:#003300;
text-decoration:none;
}



/* NEWS Blog #########################################################################*/
#banner.news{
background:url(images/news-banner.jpg);
background-repeat:no-repeat;
height:130px;
width:872px;
padding-left:0;
}

#banner.news li{
color:#866c13;
background:url(images/bullet1.gif);
background-repeat:no-repeat;
background-position:0 3px;
}

#banner.sms li strong{
color:#564000;
}

#contentArea h1.sms{
font-family:Arial;
font-weight:bold;
color:#862810;
font-size:18px;
float:left;
padding:2px 50px 20px 0;
background:url(images/sms-head-arrow.gif);
background-repeat:no-repeat;
background-position:right top;
}

#footer.sms{
background:url(images/sms-footer-bar.gif);
background-repeat:repeat-x;
}
/* SMSSUB #########################################################################*/
#banner.smssub{
background:url(images/app-fms-banner.jpg);
background-repeat:no-repeat;
height:75px;
width:872px;
padding-left:0;
}

#banner.smssub ul{
margin-left:100px;
}

#banner.smssub li{
color:#866c13;
background:url(images/bullet1.gif);
background-repeat:no-repeat;
background-position:0 3px;
}

#banner.smssub li strong{
color:#564000;
}




/* BS #########################################################################*/
#banner.bs{
background:url(images/bs-banner-main.jpg);
background-repeat:no-repeat;
height:130px;
width:872px;
padding-left:0;
}

#banner.bs li{
color:#00528b;
background:url(images/bullet2.gif);
background-repeat:no-repeat;
background-position:0 3px;
}

#banner.bs li strong{
color:#564000;
}

#contentArea h1.bs{
font-family:Arial;
font-weight:bold;
color:#075d79;
font-size:18px;
float:left;
padding:2px 50px 20px 0;
background:url(images/bs-head-arrow.gif);
background-repeat:no-repeat;
background-position:right top;
}

#footer.bs{
background:url(images/bs-footer-bar.gif);
background-repeat:repeat-x;
}
/* BSSUB #########################################################################*/
#banner.bssub{
background:url(images/bs-banner-main.jpg);
background-repeat:no-repeat;
height:75px;
width:872px;
padding-left:0;
}

#banner.bssub ul{
margin-left:100px;
/*overflow:auto;*/
}

#banner.bssub li{
color:#09598d;
background:url(images/bullet2.gif);
background-repeat:no-repeat;
background-position:0 3px;
}

#banner.bssub li strong{
color:#00265e;
}




/* LSA #########################################################################*/

#banner.lsa{
background:url(images/lsa-banner-main.jpg);
background-repeat:no-repeat;
height:130px;
width:872px;
padding-left:0;
}

#banner.lsa li{
color:#44821f;
background:url(images/bullet3.gif);
background-repeat:no-repeat;
background-position:0 3px;
}

#banner.lsa li strong{
color:#0e4b00;
}

#contentArea h1.lsa{
font-family:Arial;
font-weight:bold;
color:#456f1f;
font-size:18px;
float:left;
padding:2px 50px 20px 0;
background:url(images/lsa-head-arrow.gif);
background-repeat:no-repeat;
background-position:right top;
}

#footer.lsa{
background:url(images/lsa-footer-bar.gif);
background-repeat:repeat-x;
}
/* LSASUB #########################################################################*/
#banner.lsasub{
background:url(images/lsa-banner-main.jpg);
background-repeat:no-repeat;
height:75px;
width:872px;
padding-left:0;
}

#banner.lsasub ul{
margin-left:50px;
height:68px;
/*overflow:auto;*/
}

#banner.lsasub li{
color:#44821f;
background:url(images/bullet3.gif);
background-repeat:no-repeat;
background-position:0 3px;
}

#banner.lsasub li strong{
color:#0e4b00;
}

/* TECH #########################################################################*/
#banner.tech{
background:url(images/tech-banner.jpg);
background-repeat:no-repeat;
height:180px;
width:872px;
padding-left:0;
}

#banner.tech li{
color:#866c13;
background:url(images/bullet1.gif);
background-repeat:no-repeat;
background-position:0 3px;
}

#banner.tech li strong{
color:#564000;
}

#contentArea h1.tech{
font-family:Arial;
font-weight:bold;
color:#862810;
font-size:18px;
float:left;
padding:2px 50px 20px 0;
background:url(images/sms-head-arrow.gif);
background-repeat:no-repeat;
background-position:right top;
}

#banner.techsub{
background:url(images/tech-banner.jpg);
background-repeat:no-repeat;
height:130px;
width:872px;
padding-left:0;
}

#banner.techsub li{
color:#866c13;
background:url(images/bullet1.gif);
background-repeat:no-repeat;
background-position:0 3px;
}

#banner.techsub li strong{
color:#564000;
}
/* Support #########################################################################*/
#banner.support{
background:url(images/support-banner.jpg);
background-repeat:no-repeat;
height:120px;
width:872px;
padding-left:0;
}

#banner.support li{
color:#866c13;
background:url(images/bullet1.gif);
background-repeat:no-repeat;
background-position:0 3px;
}

/* Support #########################################################################*/
#banner.corp{
background:url(images/corporate-banner.jpg);
background-repeat:no-repeat;
height:120px;
width:872px;
padding-left:0;
}

#banner.corp li{
color:#866c13;
background:url(images/bullet1.gif);
background-repeat:no-repeat;
background-position:0 3px;
/*div{
border:1px solid red;
}*/