@charset "UTF-8";
/* CSS Document */

body {
	
	font-family:Arial;
	
	margin: 0px auto;

	padding: 0px;
	
	line-height: normal;

	background-color: #000000;

	z-index: 0;

}

img {

	display: block;

	border: none;

}

h1,h2,p{
	margin: 0px auto;
	
}

h1,h2{
	font-size:14px;
}

p{
	font-size:12px;
	padding-bottom:8px;
}

.hidden {

	display: none;

}

*:focus { outline: 0; } /* remember to define focus styles! */
ol, ul {
	list-style: none;
	font-size:12px;
	position:relative;
	display:inline-block;
}

#doList li, #clientList li{
	background-image:url(../_images/bullet_gear.png);
	background-repeat:no-repeat;
	background-position:0px 0px; 
	padding-left:20px;
	padding-bottom:5px;
}

.brand{
	padding-left:20px;	
}

caption, th, td { text-align: left;font-weight: normal; }
blockquote, q { quotes: none; }

fieldset {
	
	border:0px;
	
}

fieldset input,textarea,button{
	
	font-family: Arial, Sans-Serif;
	font-size:12px;
}

fieldset input{
	
	width:275px;
	
}

fieldset textarea{
	
	width:279px;
	max-width:279px;
	
}

/***********NAV***********/

#nav{
	position:relative;
	list-style: none;
	background:url(../_images/tabstack.gif) 0 0 no-repeat;
	height:26px;
	width:333px;
	position:absolute;
	display:block;
	margin: 0 auto;
	top:95px;
	left:0;
}

#nav li{ 
	list-style: none;
	position: absolute;
}


#nav li a{
	display:block;
	height:26px;
}

#tab_about{
	width: 80px; left: 0px;	
}

#tab_work{
	width: 72px; left: 80px;	
}

#tab_clients{
	width: 85px; left: 152px;	
}

#tab_contact{
	width: 94px; left: 238px;	
}

#tab_about:hover,#tab_about.selected{
	background: transparent url(../_images/tabstack.gif) 0 -26px no-repeat;	
}

#tab_work:hover,#tab_work.selected{
	background: transparent url(../_images/tabstack.gif) -80px -26px no-repeat;	
}

#tab_clients:hover,#tab_clients.selected{
	background: transparent url(../_images/tabstack.gif) -152px -26px no-repeat;	
}

#tab_contact:hover,#tab_contact.selected{
	background: transparent url(../_images/tabstack.gif) -238px -26px no-repeat;	
}

/*call-out*/
.callout{
	position:absolute;
	display:block;
	width: 167px;
	left: 335px;
	font-size:12px;
	margin-top:-8px;
	padding-left:5px;
	color:#fff;
}

.callout a:visited  {color: #fff; text-decoration: underline}
.callout a:link  {color: #fff; text-decoration: underline}
.callout a:active  {color: #fff; text-decoration: underline}
.callout a:hover   {color: #212121; background-color: #fff; text-decoration: none; padding:1px;}

/***************************/

#main{

	margin:0px auto;

	position:relative;
	
	z-index: 10;

}

.header{
	width:1000px;
	height:96px;
	z-index: 20;
}

#header_home,#header_work,#header_clients,#header_contact{
	height:109px;
	overflow:visible;
	z-index:30;
}

#header_home{
	background-image:url(../_images/header_blue_2.gif);
}
#header_work{
	background-image:url(../_images/header_magenta_2.gif);
}
#header_clients{
	background-image:url(../_images/header_orange_2.gif);
}
#header_contact{
	background-image:url(../_images/header_green_2.gif);
}

/**********HOME,WORK,CONTACT**********/

#blueGear,#magentaGear,#orangeGear,#greenGear{
	position:absolute;
	top:170px;
	left:225px;
	height:61px;
	width:62px;
	z-index: 40;
}

#home,#work,#clients,#contact{
	position:absolute;
	color:#212121;
	margin-top:85px;
	margin-left:299px;
	width:465px;
}

#home,#work,#clients,#contact h1{
	padding-bottom:5px;
	
}

#home h1, #clients h1{
	padding-top:10px;
	padding-bottom:8px;
	margin:0;
}

#work1, #work2, #work3, #work4{
	position:relative;
	margin-bottom:10px;
}

#work1 .text h1,#work2 .text h1,#work3 .text h1,#work4 .text h1{
	padding-bottom:5px;
}


#work1 .text,#work2 .text,#work3 .text,#work4 .text{
	width:295px;
	min-height:125px;
}

.logo_box{
	position:absolute;
	background-color:#fff;
	right:0;
	top:0;
	width:158px;
	height:100%;
	z-index:70;
}

.content{
	position:relative;
	background-color:#9b9b9b;
	width:inherit;
	height:inherit;
	background-image: url(../_images/content_gray_sliver.gif); background-repeat: repeat-x;
}

.text{
	position:relative;
	z-index:60;
	padding:6px;
	background-image: url(../_images/gears_box_background.png); background-repeat: no-repeat; background-position:bottom right;
}

.text a:visited  {color: #212121; text-decoration: underline}
.text a:link  {color: #212121; text-decoration: underline}
.text a:active  {color: #fff; text-decoration: underline}
.text a:hover   {color: #fff; background-color: #212121; text-decoration: none; padding:1px;}

#company_info {
	position:absolute;
	top:13px;
	right:28px;
}

#company_info h1{
	font-weight:normal;
	margin-bottom:-5px;
}

.company_info {
	font-size:11px;
}

.bar_top,.bar_bottom{
	position:relative;
	width:100%;
	height:13px;
	background-color:#4f4f4f;
	background-image: url(../_images/graybar_background.gif); background-repeat: repeat-x;
}

.bar_top_left,.bar_bottom_left{
	float:left;
}

.bar_top_right,.bar_bottom_right{
	float:right;
}


/********************/
.imgTest {
	width:250px;
	height:189px;
	background-image: url(../_images/texFlexWeb_02.png); background-repeat: no-repeat;
}