@import url("layout.css");

@media all { 

/* =The above @media rule hides this stylesheet from the discontinued Microsoft Internet Explorer for Mac. */
/* =universals - These rules are applied to all elements unless otherwise specified below. */
* { margin : 0; padding : 0; }
h2, h3, h4, h5, p, ul, ol  { margin : 0 ; }
div#content_main p { margin : 0 ; padding : 0 1.5em 1.5em 1.5em ; }
html { background : #f5f5f5;  }
.clear {height: 1px; clear: both;}


.blue {
	color: #54758B;
	font-weight: bold;
}


/* -body */

/* body text, h2 and custom menu properties */
body { font : 100% "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color : #2a2a2a;   margin:0;   background :url(../images/bcg.png) no-repeat ; background-position: bottom left; text-align : center; }

 /* -p   - i have no idea what this style is for or how to use it - made it pink to identify on site but nothing shows up */
div#box_kwiklook p, div#box_kwiklook2 p {margin: 15px 0 0 5px; font-size: 0.9em; color: #cc066; line-height:14pt; text-align: center;}

/* - i have no idea what this style is for or how to use it - made it pink to identify on site but nothing shows up */
div#box_visitorid p {margin: 15px 20px 0 10px; font-size: 0.9em; color: #cc066; line-height : 1.2;text-align: center;}
div#content_sub p   { text-align: left; line-height : 1.8; }
ul#about p { font-size: 0.9em; line-height:10pt; padding: 10px 5px 0 5px; }


/* -headers */

/* -h1 */
h1 { z-index : 3; position : absolute; left : 0px; top : 0; width: 746px; height : 97px; background : url(../images/FITHeaderImage.png) no-repeat; }

/* =h2 */
h2 { font-size : 1.3em; font-weight: lighter; padding: 0 0 15px 15px; margin-left:0.1em;}
h2.kwiklook { font-size : 1.3em; font-weight: lighter; padding: 0 0 15px 15px; color: #2a2a2a; }

/* -h3 */
h3 { font-size : 0.8em; padding: 0 0 10px 18px; font-weight: bold;}

h3 { font-size : 0.8em; padding: 0 0 10px 18px;}

/* this styles the vertical side menus */
#content_sub h3 {  width: 161px; height : 21px; margin: 0 0 5px 0; padding : 3px 0 0 10px; background :#999999 url(../images/arrow.png) no-repeat; background-position:145px 5px;  border: 2px solid #FFF; }

p {font-size: 0.7em;}

#content_main2 ul {margin: 0 4em; list-style-type: circle; font-size: 0.7em;}
#content_main2 li {}

#portfolio ul {margin: 0; font-size: 1em;}
#portfolio li {list-style-type: none; background: url(../images/arrowTrans.gif) no-repeat left center; border: 1px solid #D1CCC8; background-color: #F5F5F5; margin-bottom: 5px; padding:5px 15px;  font-size: 0.7em;}


div#box_kwiklook h3, div#box_kwiklook2 h3 {width: 207px; height : 181px; margin : 20px 0 0 35px; padding : 0; background: url(../images/kwiklook_logo.png) no-repeat; text-indent : -9999px; }
div#box_visitorid h3  { width: 207px; height : 181px; margin : 20px 0 0 35px; padding : 0; background: url(../images/visitorid_logo.png) no-repeat; text-indent : -9999px; }


/* horizontal page header navigation menu */
#nav_main { margin: 0px 0 10px 0; padding: 3px 0 0 0px ; width: 563px; height: 22px; background: #fff;  }
#nav_main ul { margin-left: 30px;}
#nav_sub { margin: 0 ; padding: 10px 0 0 10px ; width: 800px; height: 15px; font-size: .7em; font-weight: bold; } 	

div#content_sub ul { margin : 0; list-style-type : none; }

/* -li */
#nav_main li {display: block; margin: 0; padding: 0; float: left; width: auto; font-size: 1em; font-weight: normal;}
#nav_sub li {display: block; margin: 0; padding: 0; float: left; width: auto; }

/* -a */
/*main header menu and side menus */
#nav_main a { color: #2a2a2a; display: inline; width: auto; text-decoration: none; margin: 0; padding: 5px 10px;}

#nav_main a:hover, #nav_main a:active {  color: #999999; font-weight: normal}
#nav_main li.active a { position: relative; z-index: 102; color: #333333; font-weight: bold; }

/*page footer menu */
#nav_sub a { color: #2a2a2a; display: inline; width: auto; text-decoration: none; margin: 0; padding: 10px 5px 0 5px; font-weight: normal; }
#nav_sub a:hover, #nav_sub a:active { color: #999999; }
#submenu li.active a { position: relative; z-index: 102; color: #2A2A2A; font-weight: bold; }

/* -default hyperlinks style*/
a { color : #666666; text-decoration: none; }
a:hover { color : #999999;}

#top_url a {
	color : #2A2A2A;
}

#top_url a:hover {
	color : #2A2A2A;
}

h1 a { display : block; text-indent : -9999px; }

li#who a, li#who p { color : #a88b7e; text-decoration: none; }
li#why a, li#why p  { color : #a2a88c; text-decoration: none; }
li#what a, li#what p { color : #7e97a8; text-decoration: none; }

li#who p {
	height: 100px;
}

li#why p {
	height: 100px;
}

li#what p {
	height: 100px;
}


/* -blockquote - WHAT IS THIS? */
#blockquote blockquote { width: 173px; text-align: center; margin: 0; padding: 0; font : italic 120% "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color : #00FF00;letter-spacing: -1px; line-height: 1em; color: #00FF00; background: #eee url(../images/fi_top.gif) no-repeat top left; }
	
#blockquote #quote { margin: 0 10px 0 0; padding: 20px 10px 10px 20px; background: url(../images/fi_bottom.gif) no-repeat right bottom; line-height: 130%; }

/* -img */
img, img a { border : none }
abbr, acronym { text-decoration : none; border : none; }


/* -li*/
li#why, li#who, li#what { float : left; margin: 0 5px 0 0; padding : 0 ; width: 180px; min-height: 91px; background: url(../images/why.png) no-repeat #fafafa; border: 2px solid #FFF; list-style-type:none; }
li#why:hover, li#who:hover, li#what:hover, li#why:focus, li#who:focus, li#what:focus {border: 2px solid #f8f7f7; }


div#content_sub li  {font-size: 0.7em; font-weight: normal; margin-bottom: 1em;}
span.more {text-align: right;display: block;float:right;margin-top: -1.2em;}
span.more a {text-decoration: underline;}
span.moreleft {clear:right;display:block;}

/* -ul*/


}
}