/*********************************************** BODY ***********************************************/


body 	{background-image: url(bg.jpg);
	background-repeat: repeat;
	font-size: 62.5%;
	color: #5ae0f8;	
	margin: 0;
	font-family: arial, helvetica, sans-serif;}

#background
	{position: relative; top: 0px;left: 50%;
	width: 100%;	
	margin-top: 0px;
	margin-left: -50%;
	background-color: #243e52; 
	border: 0px solid blue;}


/*********************************************** BODY ELEMENTS ***********************************************/

a, a:link, a:hover

	{text-decoration: none;}


a	{color: #ffffff;}

a:hover	{color: #5ae0f8;}

html , p , 
h1 , h2 , h3 , h4 , h5 , h6 , 
form , fieldset , img , ul
	{margin: 0; 
	padding: 0; 
	border: 0; 
	background-repeat: no-repeat;
	list-style-type:none;}

img	{margin: 0; border: 0;}

p	{padding: 10px 0 0 0;
	color: #5ae0f8;}

h1	{font: 1em arial, helvetica, sans-serif;
	margin: 10px 0 10px 0;
	color: #5ae0f8;}

.sml	{font-size: 0.9em;}



/*********************************************** HEADER ***********************************************/

#top	{position: relative; top: 0px; 
	width: 100%;
	height: 150px;
	background: url(top_bg.jpg) repeat-x;
	border: 0px solid red;}

#header	
	{position: relative; top: 0px; left: 50%;
	width: 790px;
	margin-left: -395px;
	height: 150px;
	border: 0px solid red;}

#logo	{position: absolute;
	top: 0; left: 320px;
	width: 140px; height: 150px;}

/***********************************************  CONTAINER ***********************************************/

#container 
	{position: relative; top: 0px; height: 425px;
  	width: 100%;
	background: url(vert_grad.jpg) repeat-x;
	border: 0px solid green;
	padding-bottom: 0px;}

#content 
	{position: relative; top: 10px; left: 50%;
	width: 790px;
	margin-left: -395px;
	height: 415px;
	border: 0px solid yellow;}

#nav	{position: absolute; top: 0px; right: 0px;
	height: 415px; width: 195px;
	border: 0px solid yellow;
	background: url(nav_bg.jpg) no-repeat;}


/*********************************************** NAVIGATION ***********************************************/

#normalnav
	{position: absolute; top: 22px; left: 15px;
	margin: 0;
	padding: 0;}
 
#normalnav li a, #normalnav li
	{position: relative;
	float: left;
	margin: 0;
	padding: 0px;
	width: 165px; height: 30px;
	background: #93b4ee;
	color: #888;
	border: 0px solid red;}


li#n_prof a
	{background: url(nav_prof__.jpg) no-repeat;}

li#n_prof a:hover, li#n_prof a:active
	{background: url(nav_prof__.jpg) 0 -30px no-repeat;}


li#n_port 
	{background: url(nav_port.jpg) no-repeat;}


li#n_twin a
	{background: url(nav_twin__.jpg) no-repeat;}

li#n_twin a:hover, li#n_twin a:active
	{background: url(nav_twin__.jpg) 0 -30px no-repeat;}


li#n_rel a
	{background: url(nav_rel__.jpg) no-repeat;}

li#n_rel a:hover, li#n_rel a:active
	{background: url(nav_rel__.jpg) 0 -30px no-repeat;}


li#n_elys a
	{background: url(nav_elys__.jpg) no-repeat;}

li#n_elys a:hover, li#n_elys a:active
	{background: url(nav_elys__.jpg) 0 -30px no-repeat;}


li#n_fid a
	{background: url(nav_fid__.jpg) no-repeat;}

li#n_fid a:hover, li#n_fid a:active
	{background: url(nav_fid__.jpg) 0 -30px no-repeat;}


li#n_hbv2 a
	{background: url(nav_hbv2__.jpg) no-repeat;}

li#n_hbv2 a:hover, li#n_hbv2 a:active
	{background: url(nav_hbv2__.jpg) 0 -30px no-repeat;}


li#n_jbp a
	{background: url(nav_jbp__.jpg) no-repeat;}

li#n_jbp a:hover, li#n_jbp a:active
	{background: url(nav_jbp__.jpg) 0 -30px no-repeat;}



li#n_allot a
	{background: url(nav_allot__.jpg) no-repeat;}

li#n_allot a:hover, li#n_allot a:active
	{background: url(nav_allot__.jpg) 0 -30px no-repeat;}


li#n_hbfa a
	{background: url(nav_hbfa__.jpg) no-repeat;}

li#n_hbfa a:hover, li#n_hbfa a:active
	{background: url(nav_hbfa__.jpg) 0 -30px no-repeat;}


li#n_cont a
	{background: url(nav_contact__.jpg) no-repeat;}

li#n_cont a:hover, li#n_cont a:active
	{background: url(nav_contact__.jpg) 0 -30px no-repeat;}


li#n_links a
	{background: url(nav_links__.jpg) no-repeat;}

li#n_links a:hover, li#n_links a:active
	{background: url(nav_links__.jpg) 0 -30px no-repeat;}


/*********************************************** MAIN ***********************************************/

#main	{position: absolute; top: 0px; left: 0px;
	height: 415px; width: 595px;
	border: 0px solid green;
	background: url(main_bg.jpg) no-repeat;}

#feat	{position: absolute; top: 15px; left: 35px;
	height: 375px; width: 545px;
	font-size: 1.3em; }

.main	{position: absolute; top: 15px; left: 20px;
	border: 0px solid red;
	height: 340px; width: 505px;}

#valid	{position: absolute; bottom: 2px; right: 15px;
	font-size: 10px;}

/*********************************************** FX.SCROLL ***********************************************/

#wrapper 
	{margin: 0px auto;
	overflow: hidden; 
	height: 375px; 
	width: 545px;
	border: 0px solid blue;
	position: relative;}
 
#inner {position: relative;}
 

#content3, #content4, #content5, #content6, #content7, #content8,#content9, #content10, #content1, #content11, #content12
	{position: relative;
	height: 375px; width: 545px;
	left: 0px; 
	top: 0px;
	border: 0px solid red;}

#content3, #content4, #content5, #content6, #content7, #content8, #content9, #content10
	{background: url(feat_bg.png);}

#content1, #content11, #content12
	{background: url(feat_cont_1.png);}


#m_fid, #m_jbp, #m_hbfa, #m_twin, #m_hbv2, #m_rel, #m_elys, #m_allot	
	{position: absolute; top: 52px; left: 17px;
	width: 510px; height: 270px;}

/*********************************************** PROFILE ***********************************************/

#left	{float: left;
	width: 245px; height: 200px;
	border: 0px solid red;
	background: url(navybox.jpg) no-repeat;
	padding-left: 5px;
	margin-top: 15px;}

ul#leftlist
	{margin: 15px 0 0 5px;
	width: 225px;
	border: 0px solid red;}

ul#leftlist li	
	{background: url(bullet.jpg) left center no-repeat;
	padding: 0 0 5px 20px;
	height: 13px;}

#right	{float: right;
	width: 245px; height: 200px;
	background: url(navybox.jpg) no-repeat;
	margin-top: 15px;
	border: 0px solid red;}

ul#rightlist
	{float: left;
	padding-left: 10px;
	margin: 15px 0 0 5px;
	width: 100px;
	border: 0px solid green;}

ul#rightlist li	
	{padding: 0 0 14px 0;}

ul#starlist
	{border: 0px solid green;
	margin-top: 15px;}

ul#starlist li
	{margin-bottom: 7px;}

/*********************************************** PORTFOLIO  ***********************************************/

.title	{position: absolute; top: 15px; left: 15px;
	color: #ffffff;}

.visit1	{position: absolute; top: 15px; left: 420px;
	color: #ffffff;}	

.visit2 a, .visit3
	{position: absolute; top: 350px; left: 15px;
	color: #ffffff;}

.visit2 a:hover
	{color: #4e7caf;} 

.viewtx {position: absolute; top: 350px; left: 420px;
	color: #ffffff;}

.go	{position: absolute; top: 6px; left: 499px;
	width: 34px; height: 34px;}

.view	{position: absolute; top: 341px; left: 499px;
	width: 34px; height: 34px;}

.next	{position: absolute; top: 341px; left: 499px;
	width: 34px; height: 34px;}

/*********************************************** CONTACT ***********************************************/

#title_img
	{position: relative;
	width: 90px; height: 40px;}

.inline	{display: inline;}

#form	{position: relative; top: 20px; left: 0px;
	height: 180px;
	width: 500px;
	padding: 15px;
	background: url(contactbox.jpg) no-repeat;}

label	{float: left;
	width: 80px;
	border: 0px solid white;
	color: #5ae0f8;
	clear: both;
	margin: 5px 5px 0 0;}

input	{float: right;
	width: 200px;
	padding: 2px;
	margin: 6px 160px 0 0;
	background-color: #355176;
	border: none;
	color: #5ae0f8;}

textarea	
	{position: relative; float: right;
	width: 320px; height: 40px;
	padding: 2px;
	margin: 6px 40px 0 0;
	background-color: #355176;
	border: none;
	overflow: auto;
	color: #5ae0f8;
	font-family: arial, helvetica, sans-serif;}

input#send
	{position: relative; float: right;
	border: none;
	margin: 6px 320px 0 0;
	padding: 0;
	width: 47px; height: 30px;
	clear: both;
	background-color: #243f58;}

/*********************************************** LINKS ***********************************************/

ul.listcols
	{float: left; 
	border: 0px solid red;
	display: inline;
	margin: 10px 10px 10px 0;}