@charset "UTF-8";
/* CSS Document */

/*INFORMATION DESIGN CSS DOCUMENT */

/* MAIN LAYOUT */

body {text-align:center; background:#CCC; font: 76%/160% Tahoma, Geneva, sans-serif; line-height:130%;}

#wrap {border:2px solid #666; text-align:left; background:#FFF; padding:16px; width:920px; 
margin:0 auto; /*center hack*/
text-align:left; /*center hack*/}
text-align:left; /*center hack*/}

#top {height:40px;
padding:0 5px 0 5px}


#header{
background:url(../images/header.png) no-repeat left;
vertical-align:top;
height:80px;
padding-top:20px;
}

/* TOP NAVIGATION */
#topnav {width:920px; height:42px; padding:12px 5px 5px 60px; border-bottom:2px solid #CCC;}

#nav_main ul { margin: 0;padding: 0 0 20px 10px;}

#nav_main ul, #nav_main li { display:block; margin: 0; list-style-type:none; font-size:1.2em; color:#666; }

#nav_main a:link, #nav_main a:visited 
{ display:block; float:left;  padding-right:10px; line-height:1.8em; border-bottom:#CF3 3px solid; margin-right:20px;}

#nav_main a:hover, #nav_main li a:active{ display:block; border-bottom:#CCC 3px solid; padding-bottom:2px; color:#CF3}

#nav_main li.active a {display:block; color:#CF3; border-bottom:#CF3 3px solid; padding-left:4px; background:#666}

#nav_main a:focus{ display:block; color:#000; border-bottom:#CCC 3px solid; padding-bottom:2px; color:#CF3}


/* QOUTES */
#quotes {height:30px; padding:0 20px 0 5px ; margin:-17px 0 0px 0 ; border-bottom:0px solid #ccc; }

/* CONTENT */

#left{ float:left; width:290px; margin-left:65px; padding:0 10px 0 0; border-right:1px solid #CCC; min-height:800px;}

#content{float:right; width:530px; margin:0 8px 0 10px; padding:0; min-height:600px;}

/* FOOTER */

#footer {width:900px; clear:both; padding:0 8px 0 8px; border-top:2px solid #CF3; height:120px;}

/* FOOTER MENU */

#footer ul {text-align:left; list-style:none}
#footer ul li{margin: 0px; padding: 0px; display:inline;background: none;}
#footer ul li a, #footernav ul li a:visited, #footernav ul li .separator{margin: 0px; padding: 0px; padding-left: 10px; padding-right: 10px; color: #0091d5; font-weight: bold; text-decoration: none; border-left: 1px solid #0091d5;}


/* BASIC LINKS */
a:link {display:block; list-style-type:none; text-decoration:none; color:#666;}
a:visited { color:#666; text-decoration:none; }
a:hover {color#CF3}
a:active { color#CF3}
a:focus {color#CF3}

/* Content LINKS */
#content a:link {text-decoration:none color:#333; border-bottom:#CF3 solid 2px;}
#content a:visited { color:#333; border-bottom:#CF3 solid 1px;}
#content a:hover {color#CF3}
#content a:active { color#CF3}
#content a:focus {color#CF3}


/* TYPOGRAPHY */
h1
{font-weight:lighter; color: #FFF; font-size:1.4em; margin-bottom:0; background:#999; padding:5px; line-height:1.4em; }
h2
{font-weight:bold; color: #666; font-size:1.2em; margin-bottom:0; line-height:1.4em;}
h3
{font-weight:bold; color: #666; font-size:1.2em;  padding:5px; line-height:1.2em; margin-bottom:0;}
h4
{font-weight:bold; color: #CF3; font-size:1.2em;  padding:5px; line-height:1.2em; margin-bottom:0;}
h5, h6 {font-weight:bold; color:#CF3; margin-bottom:0; }

h3+p, h2+p, h4+p .contentheading+p { margin-top:0;}

p, li {letter-spacing:0.05em; color:#333; font-size:100%; line-height:140%}

.bold {font-weight:bold;}

.contentheading {color:#666; font-size:1.4em; line-height:1em; padding-top:10px;  margin-bottom:0;}

.quote {margin-left:60px; background:#ccc; font-size:1.4em; line-height:30px; padding-left:10px;}

.refer {padding-top: 0px; padding-left:16px; border-left:2px solid #CF3; } 


/* MODULES */
.moduletable h3 {color:#666; font-weight:lighter; font-size:1.6em; margin-left:-3px;}

.moduletable left {border:2px solid #999;}

/* IMAGES */
img {border:1px solid #999; padding:4px; margin-top:8px;}

.imgnoborder{border:1px solid #FFF; padding:4px; margin-top:8px;}

.image_left
{margin-right: 8px; float: left; border: 1px solid #999; padding: 4px;}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}

/* SPECIFIC LINK STYLE FOR LEFT COLUMN */
#left .moduletable_portfoliolinks a {border-bottom:2px solid #CF3; color:#000; display:block; width:180px; padding-left:0px; font-size:1.2em; line-height:1.6em;}
#left .moduletable_portfoliolinks a:hover, a:active {border-bottom:2px solid #CF3; color:#000; background-color:#DDFFAC; }
#left .menu_portfoliolinks  li{list-style:none;}

.applicationlinks a {border-bottom:2px solid #CF3; color:#000; display:block; width:180px; padding-left:0px; font-size:1.2em; line-height:1.6em;}
.applicationlinks a:hover, a:active {border-bottom:2px solid #CF3; color:#000; background-color:#DDFFAC; }
.applicationlinks li{list-style:none;}

.link a {color:#000; font-weight:bold;}
.link a:hover {color:#CF3; font-weight:bold;}

#left .moduletable_externalink {padding:0 5px; /*padding for inside text*/ background:#FFC;}
#left .moduletable_externalink a {color:#000; font-weight:bold;}
#left .moduletable_externalink a:hover {text-decoration:underline;}


#left .moduletable_signup {padding:0 5px; border-left:5px #CF3 solid; margin-top:8px;}

/* EASY CONTACT BOX ON HOME PAGE */
#left .moduletable_easycontact{
margin-top:5px;
font-weight:bold;
padding:0 8px; /*padding for inside text*/ 
border:2px #CF3 solid;
background:#FFC;
}

#left .moduletable_easycontact 

a{font-size:1.2em; line-height:120%; height:30px; width:260px; margin-top:-10px; border-bottom:0px;}
#left .moduletable_easycontact a:hover
{color:#000; border-bottom:1px solid #fff; background-color:#ccc;} 

/* FOOTER LINKS */
#footer a{float:left; border-bottom:0px solid #FFF; padding:0 6px 0 6px; border-right:1px solid #CF3; color:#000; display:block; min-width:0;}
#footer a:hover{float:left; background-color:#DDFFAC; color::#FFF; padding:0 6px 0 6px; border-right:1px solid #000; display:block; min-width:0;}

/* CONTACT PAGE */
#component-contact {font-size:1em; line-heght:1.2em; font-weight:normal;}
#component-contact input {padding:5px;  border:solid 1px #333; color:#000; height:1.2em;}
#component-contact textarea {padding: 0 .60em; border:solid 1px #333; color:#000; height:8em;}
#component-contact form {border:2px solid #ccc; padding:8px; font-size:12px;}
#component-contact input:hover {border:solid 2px #000;}
#component-contact textarea:hover {border:solid 2px #000; }



/* SEARCH */
div.search {position:relative; top:-10px; left:60px;}