/* CSS Document */


body {
	margin: 0;
	padding: 0;
	margin-top: 0px;
	text-align: center;
	font-family: Verdana, Tahoma, Georgia, Helvetica, Sans-serif;
	font-size: 12px;
	background-image: url(../images/maingradient.png);
	background-repeat: no-repeat;
	background-color: #000000;
	line-height: 120%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
}

h1 {
	font-size:130%;
	color: #CC0000; /* Official firefrog color */
}
h2 {
	font-size:120%;
	color: #000000;
}
h3 {
	font-size:110%;
	color: #000000;
}

p{
	font-size: .9em;
	
}

ul{ 
	list-style-type: none;/* this declaration fixes unwanted left margin issue with the rotating banner  */
	padding: 0px;/* this declaration fixes unwanted left margin issue with the rotating banner  */
	margin: 0px;/* this declaration fixes unwanted left margin issue with the rotating banner  */
}

li{
	font-size: .9em;
}

a {
	color:#2970A6;
	text-decoration:none;
	text-align:center; /* aligns navi menu text to the center  */
}
a:hover {
	text-decoration:underline;
}

/****************START SITE LAYOUT **************************/
#wrapper {
	margin: 0 auto;
	margin-top: 0;
	text-align: left;
	width: 920px;
	background-color: #FFFFFF;
}

#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 0px 10px 10px 10px;
 /*border: 1px solid #ccc;*/
 height: 75px;
 margin: 10px 0px 5px 0px;
 /*background-color: #FFFFFF;*/
  background-image:url(../images/header.png);
 background-repeat: no-repeat;	
}

#logo{
 /*height: 75px;
 background-image:url(../images/firefroglogo.png);
 background-repeat: no-repeat;
 width: 300px;
 float: left;*/
}

#navigation{
	height: 30px;
	width: 900px;
	float: left;
	/*background-image:url(../images/navback.png);
	background-repeat: no-repeat;*/
}

#threecolumnleft { 
 color: #333;
 border: 1px solid #ccc;
 /*background: #E7DBD5;*/
 margin: 0px 5px 5px 0px;
 padding: 10px;
 /*height: 350px;*/
 width: 464px;
 float: left;
 background-color: #FFFFFF;	
}

#threecolumnmiddle { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 /*background: #F2F2E6;*/
 margin: 0px 5px 5px 0px;
 padding: 10px;
 /*height: 350px;*/
 width: 190px;
 display: inline;
 background-color: #FFFFFF;	
}

#threecolumnright { 
 color: #333;
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 /*height: 350px;*/
 width: 190px;
 float: left;
 background-color: #FFFFFF;	
}

#middleareawrapper { 
 width: 920px;
 clear: both;
 color: #333;
 margin: 0px 0px 5px 0px;
}

#middlearealeft {
 width: 281px;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 float: left;
 border: 1px solid #ccc;
 height: 120px;
}

#middleareamiddle { 
 width: 281px;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 float: left;
 border: 1px solid #ccc;
 height: 120px;

}

#middlearearight { 
 width: 281px;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 float: left;
 border: 1px solid #ccc;
 height: 120px;

}

#twocolumn{
 width: 675px;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 float: left;
 border: 1px solid #ccc;
}

#twocolumnright { 
 color: #333;
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 /*height: 350px;*/
 width: 190px;
 float: left;
 background-color: #FFFFFF;	
}

#onecolumn{
	width: 900px;
	margin: 5px 3px 5px 3px;
	padding: 0px;
	float: left;
	height: auto; 
}

#footer { 
 width: 898px;
 clear: both;
 color: #333;
 /*border: 1px solid #ccc;
 background: #BD9C8C;*/
 margin: 0px 0px 10px 0px;
 padding: 5px 10px 5px 10px;
}
/****************END SITE LAYOUT **************************/

/****************START NAVIGATION **************************/
#nav {
	heigth: 20px;
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-weight: bold;
}

#nav a {
	display: block; /* displays  2nd elements under  1st elements for IE */
	color:#000000;
	font-size: 1.2em;
}

#nav li {
	float: left;  /* 1st elements: from vertical to horizontal transfer*/
	width: 147px; /*  1st elements: from vertical to horizontal transfer*/
	position: relative; /* 3rd elements relative to 2nd elements */
}


#nav li ul { /* sub navigation*/
	position: absolute; /* aligns 2nd elements under 1st elements */
	float: left;
	width: 147px;
	line-height: 20px; /* affects both 2nd and 3rd lvl elements */
	left: -999em; /* hides 2nd elements */
	margin-left: 0px;
	font-weight: normal;
	
	/*background-color: #CCCCCC; */
}

#nav ul ul {
  position: absolute;
  top: 0; /* top of the 3rd elements aligns with top of the 2nd elements*/
  
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { /* shows 2nd elements under 1st elements when mouse over */
	left: -999em;
	margin-left: 107px; /* moves 3rd elements  to the right */
	
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* shows 2nd elements under 1st elements when mouse over */
	left: auto;
	font-size: .9em;
}

#home a#home, #services a#services, #portfolio a#portfolio, #about a#about, #contact a#contact, #quote a#quote, #webdesign a#process, #academics a#solutions{ /* current menu item highlights */
	color: #2970A6;
	background-image:url(../images/navbackactive.png);
 	background-repeat: no-repeat;	
}
/****************END NAVIGATION **************************/

/* ************START ROTATING BANNER********************* */
.rotator {
	position: relative;
	height: 250px;
	width: 900px;
	margin: 0px 5px 5px 6px;	
}

.rotator ul li {
	position: absolute;
	padding: 0px;
	list-style: none;
}

.rotator ul li img {
	padding: 0px;
	background: #FFF;
}

.rotator ul li.show {
	z-index:10;
}
/* ****************END ROTATING BANNER*************************/

/* ****************START PORTFOLIO VIEWER**********************/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* ****************END PORTFOLIO VIEWER**********************/