/* page */
body{
	margin: 0px;
	padding: 0px;
	font-size: 62.5%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	height: 100%;
}

/* holding */
#container {
	width: 740px;
	height: 480px;
	position: relative;
	left: 0px;
	top: 0px;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
	z-index: 3;

}


/* text styles and positioning */

p
{
	color: #000000;
	font-size: 1.1em;
	line-height: 1.3em;
	background-color: #FFFFFF;
}


.bold
{
	color: #000000;
	font-size: 1.1em;
	line-height: 1.4em;
	background-color: #FFFFFF;
	font-weight: bold;
}

.flash
{
	color: #000000;
	font-size: 1.1em;
	line-height: 1.4em;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: blink;
}

.navigation
{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3em;
	}

.subnavigation
{
	font-size: 1em;
	line-height: 1.3em;
}

.h1
{
	font-size: 1.4em;
	color: #000000;
	font-weight: bold;
	background-color: #FFFFFF;
}

.subhead
{
	font-size: 0.9em;
	color: #000000;
	font-weight: bold;
	letter-spacing: 0.1em;
	background-color: #FFFFFF;
}

.bannertxt
{
	font-size: 1.0em;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	padding-left: 20px;
	position: absolute;
	top: 4px;
	background-color: #000000;
	width: 500px;
	height: 14px;
}

.describe
{
	font-size: 0.3em;
	color: #FFFFFF;
}


/* links */

a
{
	color : #999999;
	text-decoration : none;
	background-color: #FFFFFF;
} 

a:hover 
{
	color : #000000;
	background-color: #FFFFFF;

}

/* logo */
#logo {
	width: 165px;
	height: 55px;
	position: absolute;
	top: 45px;
	left: 556px;
	background-repeat: no-repeat;
	background-image: url(images/onebslogo.gif);
}

/* navigation */
#home {
	width: 70px;
	height: 20px;
	position: absolute;
	top: 50px;
	left: 50px;
}

#about {
	width: 70px;
	height: 20px;
	position: absolute;
	top: 50px;
	left: 123px;
}

#gallery {
	width: 70px;
	height: 20px;
	position: absolute;
	top: 50px;
	left: 196px;
}

#skins {
	width: 70px;
	height: 20px;
	position: absolute;
	top: 50px;
	left: 276px;
}

#links {
	width: 70px;
	height: 20px;
	position: absolute;
	top: 50px;
	left: 346px;
}

#contact {
	width: 75px;
	height: 20px;
	position: absolute;
	top: 50px;
	left: 412px;
}

/* sub navigation */
#column1 {
	width: 105px;
	height: 80px;
	position: absolute;
	top: 80px;
	left: 50px;
	z-index: 1;
}

#column2 {
	width: 105px;
	height: 80px;
	position: absolute;
	top: 80px;
	left: 144px;
	z-index: 1;
}

#column3 {
	width: 120px;
	height: 80px;
	position: absolute;
	top: 80px;
	left: 260px;
	z-index: 1;
}

#column4 {
	width: 130px;
	height: 80px;
	position: absolute;
	top: 80px;
	left: 380px;
	z-index: 1;
}

#flash {
	width: 434px;
	height: 48px;
	position: absolute;
	top: 120px;
	left: 50px;
}


/* headings */
#heading {
	width: 270px;
	height: 20px;
	position: absolute;
	top: 200px;
	left: 50px;
}

/* text area */
#main {
	width: 270px;
	height: 200px;
	position: absolute;
	top: 230px;
	left: 50px;
}


/* page images */
#portfoliopic{
	width: 448px;
	height: 220px;
	position: absolute;
	top: 201px;
	left: 274px;	
}

#monitor{
	width: 400px;
	height: 300px;
	position: absolute;
	top: 150px;
	left: 330px;
	z-index: 0;
}


#link1{
	width: 100px;
	height: 50px;
	position: absolute;
	top: 200px;
	left: 350px;
	z-index: 0;
}

#link2{
	width: 100px;
	height: 50px;
	position: absolute;
	top: 200px;
	left: 480px;
	z-index: 0;
}

#link3{
	width: 100px;
	height: 50px;
	position: absolute;
	top: 200px;
	left: 610px;
	z-index: 0;
}

#link4{
	width: 100px;
	height: 50px;
	position: absolute;
	top: 257px;
	left: 350px;
	z-index: 0;
}

#link5{
	width: 100px;
	height: 50px;
	position: absolute;
	top: 257px;
	left: 480px;
	z-index: 0;
}

#link6{
	width: 100px;
	height: 50px;
	position: absolute;
	top: 257px;
	left: 610px;
	z-index: 0;
}

#link7{
	width: 100px;
	height: 50px;
	position: absolute;
	top: 315px;
	left: 350px;
	z-index: 0;
}

#link8{
	width: 100px;
	height: 50px;
	position: absolute;
	top: 315px;
	left: 480px;
	z-index: 0;
}

#link9{
	width: 100px;
	height: 50px;
	position: absolute;
	top: 315px;
	left: 610px;
	z-index: 0;
}

#link10{
	width: 100px;
	height: 50px;
	position: absolute;
	top: 372px;
	left: 350px;
	z-index: 0;
}

#link11{
	width: 100px;
	height: 50px;
	position: absolute;
	top: 372px;
	left: 480px;
	z-index: 0;
}

#link12{
	width: 100px;
	height: 50px;
	position: absolute;
	top: 372px;
	left: 610px;
	z-index: 0;
}


#monitorup{
	width: 400px;
	height: 300px;
	position: absolute;
	top: 130px;
	left: 330px;	
	z-index: 0;
}

#redge{
	width: 400px;
	height: 300px;
	position: absolute;
	top: 155px;
	left: 370px;	
	z-index: 0;
}

#redgeup{
	width: 400px;
	height: 300px;
	position: absolute;
	top: 135px;
	left: 370px;	
	z-index: 0;
}



/* bottom banner */
#btmbanner {
	width: 740px;
	height: 20px;
	position: absolute;
	top: 460px;
	left: 0px;
	color: #FFFFFF;
	background-color: #000000;
}

#btmbannercsslogo {
	width: 83px;
	height: 22px;
	position: absolute;
	top:463px;
	left: 574px;
}

#btmbannerxhtlmlogo {
	width: 86px;
	height: 22px;
	position: absolute;
	top:463px;
	left: 657px;
}

#description {
	width: 740px;
	height: 5px;
	position: absolute;
	top: 485px;
	left: 0px;
}