/* AuroraFX Studios */
/* Programmed By: Jesse Leite */
/* http://www.aurorafxstudios.com/ */
/* ------------------------------- */


/* SETS THE CSS DEFAULTS IN EACH BROWSER TO BE EQUIVALENT */

html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr{
	margin:0px;
	padding:0px;
	border:0px;
	border-collapse:separate;
	border-spacing:0px;
	}


/* FIXES SCROLLING PROBLEM WHEN WINDOW IS SMALLER THAN SITE */
/* (Only needed for vertical centering) */

#body_container {
	width:100%;
	height:100%;
	min-width:750px;
	min-height:530px;
	position:absolute;
	left:0px;
	top:0px;
	padding:0px;
	border:0px;
	}
	

/* HIDES TEXT THAT WAS REPLACED WITH IMAGES, HIDES UNNECESSARY CONTENT FOR STYLE */

#logo span, #welcome_info h2 span, .text_about span, #navigation span, #hourly_rate span, #recommended_links h2 span, #copyright span, #screen_container span, #title span {
	display:none;
}

#navigation li, #recommended_links li {
	list-style-type:none;
}

	
/* STYLE AND LAYOUT FOR MAIN CONTENT */

body {
	background-color:#757e83;
	font-family:Arial, Verdana, Georgia, Times;
	}

p {
	padding:8px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	}

#main_container {
	width:750px;
	height:530px;
	position:absolute;
	margin-left:-375px; /* sets the position reference to the middle of the div instead of at 0,0 */
	margin-top:-265px;
	top:50%; /* centers the div */
	left:50%;
	padding:0px;
	border:0px;
	background:url(bg_1024x768.png) no-repeat;
	z-index:0;
	}

#logo {
	width:341px;
	height:215px;
	position:absolute;
	top:45px;
	left:202px;
	padding:0px;
	border:0px;
	background:url(index-screen.jpg) no-repeat;
	z-index:1;
	}

/*#swf_video {
	width:341px;
	height:215px;
	position:absolute;
	top:45px;
	left:202px;
	padding:0px;
	border:0px;
	z-index:10;
	}*/

#screen_container {
	width:327px;
	height:211px;
	position:absolute;
	left:204px;
	top:47px;
	padding:0px;
	border:0px;
	z-index:1;
	}

#btn_close {
	width:100px;
	height:12px;
	position:absolute;
	right:0px;
	bottom:12px;
	padding:0px;
	border:0px;
	text-align:right;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	z-index:2;
	}

#screen_container a:link {color: #96ff00; text-decoration:none;}
#screen_container a:visited {color: #96ff00; text-decoration:none;}
#screen_container a:hover {color: #0066ff; text-decoration:none;}
#screen_container a:focus {color: #0066ff; text-decoration:none;}
#screen_container a:active {color: #FFFFFF; text-decoration:none;}
#btn_close a:link {color: #96ff00; text-decoration:none;}
#btn_close a:visited {color: #96ff00; text-decoration:none;}
#btn_close a:hover {color: #0066ff; text-decoration:none;}
#btn_close a:focus {color: #0066ff; text-decoration:none;}
#btn_close a:active {color: #FFFFFF; text-decoration:none;}


/* LINKS & ICONS */

#navigation a, #recommended_links a {
	display:block;
	width: 100px;
	height:100px;
	position:absolute;
	padding:0px;
	z-index:2;
	}

#navigation a:hover, #recommended_links a:hover { 
	background-position: 0 -100px;
	}

#navigation a:active, #recommended_links a:active {
	background-position: 0 -100px;
	}

.btn_cad a {
	left:35px;
	top:15px;
	background:url(icon_cad-trans.png) no-repeat;
	cursor:hand;
	}

.btn_graphic a {
	left:35px;
	top:115px;
	background:url(icon_graphic-trans.png) no-repeat;
	cursor:hand;
	}

.btn_portfolio a {
	left:35px;
	top:215px;
	background:url(icon_portfolio-trans.png) no-repeat;
	cursor:hand;
	}
	
.btn_contact a {
	left:35px;
	top:400px;
	background:url(icon_contact-trans.png) no-repeat;
	cursor:hand;
	}
	
.btn_adobereader a {
	left:615px;
	top:300px;
	background:url(icon_adobereader-trans.png) no-repeat;
	cursor:hand;
	}

.btn_firefox a {
	left:615px;
	top:400px;
	background:url(icon_firefox-trans.png) no-repeat;
	cursor:hand;
	}
	
/*.btn_video a {
	display:block;
	width: 60px;
	height:60px;
	position:absolute;
	left:478px;
	top:47px;
	padding:0px;
	background:url(playvideo-trans.png) no-repeat;
	cursor:hand;
	z-index:2;
	}*/

/* IE6 HACK: Switches PNGs to JPGs because of PNG transparency problem with hover images in IE6 */

* html .btn_cad a {
	background:url(icon_cad-NOTtrans.jpg) no-repeat;
	}

* html .btn_graphic a {
	background:url(icon_graphic-NOTtrans.jpg) no-repeat;
	}

* html .btn_portfolio a {
	background:url(icon_portfolio-NOTtrans.jpg) no-repeat;
	}
	
* html .btn_contact a {
	background:url(icon_contact-NOTtrans.jpg) no-repeat;
	}
	
* html .btn_adobereader a {
	background:url(icon_adobereader-NOTtrans.jpg) no-repeat;
	}

* html .btn_firefox a {
	background:url(icon_firefox-NOTtrans.jpg) no-repeat;
	}


/* HOVER WINDOWS (BLURBS) */

.tooltip_video, .tooltip_firefox, .tooltip_adobereader  {
	display:none;
	position:absolute;
	padding:5px;
	background-color:#4c585f;
	border-style:dashed;
	border-color:#FFFFFF;
	border-width:1px;
	z-index:3;
	}

.tooltip_video{
	width:114px;
	left:100px;
	top:5px;
	}

.btn_video a:hover span {
	display:block;
	}

.tooltip_adobereader {
	width:118px;
	left:-15px;
	bottom:115px;
	text-align:left;
	}

.btn_adobereader a:hover span {
	display:block;
	}
	
.tooltip_firefox {
	width:118px;
	left:-15px;
	bottom:215px;
	}

.btn_firefox a:hover span {
	display:block;
	}

.btn_video a, .btn_adobereader a, .btn_firefox a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
	}