/* CSS Document */

/* the body and html sections set basic settings for the entire page */
body{
	font-family:"Trebuchet MS", "Helvetica Neue", Arial, sans-serif;
	font-size:12px;
	background-color:#102b70;
	background-image:url(Images/background2.gif);
	background-repeat:repeat-x;
}


/* This creates a centered div that will hold all the sections of the site*/
#site_container{
	width: 774px;
	margin:auto;
}
 /*This div holds the rays on the left side of the content*/
#url_holder{
	float:right;
	margin-top:31px;
	width: 708px;
	height: 20px;
	background-image:url(Images/url.gif);
	background-repeat:no-repeat;
	background-position:right;
}
#leftrays{
	float: left;
	margin-top:1px;
	width:64px;
	height:254px;
	background-image: url(Images/rays.gif);
}

/*This div holds everything besides the rays in the page, puts the background image in place, and creates the white border*/
#centercontent {
	background-image:url(Images/HomePage3.jpg);
	width:708px;
	float:left;
	height:543px;
	border: white 1px solid;
}

/*This div positions the text and dropdown menus on the page*/
#page_content{
	color:white;
	height:470px;
	width:708px;
}

*html #page_content{
	height:520px;
}

/*This div positions the text on the page*/
#tab_holder{
	height: 29px;
	background-image:url(Images/homepagetabs/shadows.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:299px;
	margin:0 0 0 63px;
	width: 586px;
	padding:6px 0 0 0;
	}
	
	div#tab_holder ul{
		list-style:none;
	}
	div#tab_holder li{
		display:block;
		float:left;
		height:17px;
		width:83px;
		padding:6px 0 0 30px;
		margin:0 2px 0 2px;
		background-image:url(Images/homepagetabs/tab_off.jpg);
		background-repeat:no-repeat;
	}
	
	div#tab_holder li:hover{
		background-image:url(Images/homepagetabs/tab_on.jpg);
	}
	
	div#tab_holder li:hover a{
		color:#cf6d43;
	}
	
	div#tab_holder li:hover div#dropdown{
		visibility:visible;
	}
	
	div#tab_holder a{
		color:#fefdfc;
		text-decoration:none;
		font-size:14px;
	}
.dropdown_header{
	color:#fefdfc;
	font-size:14px;
	cursor:pointer;
	}
	
	.dropdown_header:hover{
	color:#cf6d43;
	}
	
.dropdown{
	height:27px;
	float:left;
	position:absolute;
	top:29px;
}	
	
#tech_dropdown{
	width:477px;
	background-image:url(Images/homepagetabs/dropdown2.jpg);
	left:107px;
	}

#cont_dropdown{
	width:243px;
	background-image:url(Images/homepagetabs/contact_dropdown.jpg);
	left:341px;
	}

	div#tab_holder li ul{
		list-style:none;
		margin-left:0px;
	}
	div#tab_holder li ul li{
		display:block;
		float:left;
		width:109px;
		padding-left:10px;
		padding-top:4px;
		background-image:none;
		text-align:center;
		margin:0;
	}
	
	div#tab_holder li ul li:hover{
		background-image:none;
	}
	
	div#tab_holder li ul li a{
		color:white;
		text-decoration:none;
		font-size:12px;
		font-weight:normal;
	}	
	
/*This div positions dropdown menus on the page*/	
#content{
	color:white;
	width:340px;
	margin:56px 0px 25px 330px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	div#content a{
		color:white;
		}
	
	div#content a:hover{
		color:orange;
		}
	div#content ul{
		padding:0;
		padding-left:20px;
		margin:5px 0 5px 0;
		list-style-type:disc;
		}

/*This div creates a place for the footer of the page*/
#footer{
	height:15px;
	width:708px;
	color:#CCCCCC;
	position:absolute;
	top:570px;
	
	}
	
	/*settings for any links found in the footer*/
	div#footer a{
		color:#CCCCCC;
		text-decoration:none;
		}
	/*settings for what happens when any link found in the footer is hovered over*/
	div#footer a:hover{
		color:orange;
		}
	
	/*settings for size of each sub section in the footer*/
	.footer_section{
		font-size:11px;
		float:left;
		padding-left:35px;
	}