body
{
padding:0;
margin:0px auto;
color:#000;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size:73%;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5em;
}

hr {
 height: 1px;
color: #DDD;
 background-color: #DDD;
 border: 0;
 margin: 5px 0 10px 0;
}

hr.space {
 height: 1px;
 color: #DDD;
 background-color: #DDD;
 border: 0;
 margin: 15px 0 15px 0;
}

h1	{
	
	background: url(images/hrline.gif) bottom left no-repeat;
}


h1, h2, h3, h4, h5 {
font-weight: bolder;
color: #222222;
 margin: 0 0 8px 0;
}

h1 { font-size: 30px; letter-spacing: -1px; }
h2 { font-size: 24px; letter-spacing: -.9px; }
h3 { font-size: 18px; letter-spacing: -.5px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; margin-bottom: 3px; }

p {
 line-height: 2em;
 padding: 0;
 margin: 5px 0 10px 0;
}

blockquote {

 line-height: 2em;
 font-style: italic;
}

.button a {
	text-decoration:none;
float: left;
background: url(../images/button.gif) repeat-x;
height: 16px;
font: bolder 11px Arial, Sans-Serif;
padding: 7px 15px 7px 15px;
margin-top: 5px;
}



.button a:hover {
 color:#F00;
 text-decoration: none;
}

.button a:active {
 color: #0006;
 text-decoration: none;
}

.button a:visited {
 color: #0006;
}

img.border {
background: #EEEEEE;
padding: 7px;
border: 1px solid #CCCCCC;
}


/* --------------LOGOS FLOIO--------------------*/

.borderimg	{
border:1px solid #ddd;
background:#fff;
padding:7px;
}

ul.logoslist
{
margin:0;
padding:0;
display:inline;
}
ul.logoslist li
{
display: inline;
}
/*---------------SERVICES--------------------*/
.services ul {
float: left;
width: 314px;
list-style-type: none;
margin: 10px 0 5px 0;
padding: 0;
}

ul.services {
float: left;
width: 286px;
list-style-type: none;
margin: 0 0 0 30px;
padding: 0;
}

ul.services li {
 margin-bottom: 10px;
}

.services p{
	font-size:12px;
	margin-top:10px;
	line-height:18px;
	margin-bottom:15px;
}
/* --------------PORTLOIO--------------------*/
.portfolioitem .details	{
color:#787878;
float:right;
line-height:16px;
width:390px;
}
.portfolioitem h2	{
	font:normal 200% Arial, Helvetica, sans-serif;
	color:#777777;
font-style:normal;
padding-bottom:10px;
border-bottom:1px solid #e3e3e3;
letter-spacing:-1px;
margin:0 0 10px 0;

}

.portfolioitem 	{
background:#fff;
margin:10px 0;
}

.description	{
	background:#f6f6f6;
	border-left:3px solid #d1d1d1;
	padding:5px 10px;
	width:100%; margin:0 0 1px 0;

}

.description2	{
	background:#e5f7fc;
	border-left:3px solid #bce6f2;
	padding:5px 10px;
	width:100%;
    margin:0 0 1px 0;

}

.bordersub	{
border:1px solid #bce6f2;
background:#e5f7fc;
padding:8px;
margin:7px;
}


/*----------THUMBS----------------------*/
.thumbs{
 	float: left;
	margin-left: 8.3px;
	margin-top: 5px;
	padding-bottom:5px;
}

.thumbs img {
	border: 2px solid #CCC;
}
/* images */

img.float-right {
  margin: 5px 0px 10px 10px;  
}
img.float-left {
  margin: 5px 10px 10px 0px;
}



a:link{
text-decoration:none;
}

#main_container{
width:940px;
height:auto;
margin:auto;
padding:0px;
clear:both;
}

#main_content{
width:940px;
margin:auto;
clear:both;
padding:0px;


}

#content{

min-height:311px;
margin-top:5px;
width:940px;
background:url(images/top_cols.jpg) 0 0 no-repeat ;

}

#webcontent{
clear:both;
min-height:311px;
margin-top:5px;
width:940px;
background:url(images/webtop_cols.jpg) 0 0 no-repeat ;

}

#midcontent{
clear:both;
min-height:311px;
margin: 0 auto;
width:940px;
background:url(images/3cols.jpg) 0 0 no-repeat ;

}

.midcontent{
	width:auto;
	clear:both;
	background:url(images/mid_bg.jpg) repeat-x;
}



#content h1 {
	font: Bold 16px Arial, Helvetica, Verdana, 'Trebuchet MS', Sans-serif;
	color:#000066;
	padding: 10px 0 5px 25px; 	
	border-bottom: 1px solid #EFF0F1;
	background: #FFF url(images/square-green.png) no-repeat 3px 50%;
}

#webcontent h1 {
	font: Bold 16px Arial, Helvetica, Verdana, 'Trebuchet MS', Sans-serif;
	color:#000066;
	padding: 10px 0 5px 25px; 	
	border-bottom: 1px solid #EFF0F1;
	background: #FFF url(images/square-green.png) no-repeat 3px 50%;
}
#btmcontent{
	margin:0 auto;
	clear:both;
	width: 800px;
	height:255px;
	padding-left:25px;
	padding-right:25px;

}
#btmcontent2{
	margin:0 auto;
	clear:both;
	width: 950px;
	height:255px;


}

#printbtmcontent{
	margin:0 auto;
	clear:both;
	width: 800px;
	height:360px;
	padding-left:25px;
	padding-right:25px;

}

.portimages{
width:auto;
clear:both;
background-color:#dadada;
background:url(images/bt-bk_col.jpg) repeat-x #dadada;
}

#printbtmcontent h1 {
	font: Bold 16px Arial, Helvetica, Verdana, 'Trebuchet MS', Sans-serif;
	color:#000066;
	padding: 0px 0 5px 25px; 	
	border-bottom: 1px solid #EFF0F1;
	background: #dadada url(images/square-green.png) no-repeat 3px 50%;
}

#btmcontent h1 {
	font: Bold 16px Arial, Helvetica, Verdana, 'Trebuchet MS', Sans-serif;
	color:#000066;
	padding: 0px 0 5px 25px; 	
	border-bottom: 1px solid #EFF0F1;
	background: #dadada url(images/square-green.png) no-repeat 3px 50%;
}
#btimg{
width:auto;
background-position:0px 0px;
clear:both;
height:50px;
background:url(images/bt-bk_col.jpg) repeat-x;
}


#btm_img{
clear:both;
margin: 0 auto;
min-height:50px;
width:940px;
background:url(images/btm_cols-in.jpg) 0 100% no-repeat;
}

#webbtm_img{
margin: 0 auto;
min-height:50px;
width:940px;
background:url(images/webbtm_cols-in.jpg) 0 100% no-repeat;
}

.box {height:1%;}

/*------------------------------Top_content-----------------------*/



#logo{
float:left;
padding:15px;
}

/* ---- Header ---- */

#header {
 height: 375px;
background-position:0px 0px;
margin:auto;
}

#header_inner {
 height: 158px;
}

#header_container {
 width: 960px;
 margin: 0 auto;
}

.header_title {
 position: absolute;
 float: left;
 background: url(../images/header_title.gif);
 width: 396px;
 height: 70px;
 cursor: pointer;
}


/* -- Header: Display -- */

#display {
position: absolute;
float: right;
background: url(images/display_bg.jpg) no-repeat;
width: 535px;
height: 295px;
margin: 70px 0 0 445px;
}


#display div {
 margin: 10px;
}

/* -- Header: Message -- */

#header_message {
	position: absolute;
	float: left;
	margin: 85px 0 0 10px;
	width: 420px;
	color: #e0f6ff;
	height: 173px;
}
#header_message ul li{
	font-weight:normal;
margin:0;
height:auto;
font-size:14px;
line-height:25px;
padding-left:15px;
}

#insideheader_message {
position: absolute;
float: left;
 margin: 100px 0 0 10px;
 width: 420px;
 color: #e0f6ff;
}

#header_message a {
 color: #e0f6ff;
}

#header_message a:hover {
	color: #FFFFFF;
 text-decoration: none;
}

#header_message h2
{ font-size: 22px; 
 color: #FFFFFF;
  margin-top: 10px;
}
#insideheader_message h2
{ font-size: 28px; 
 color: #FFFFFF;
  margin-top: 5px;
}

#header_message p{ 
font-weight:normal;
font-size: 12px; 
margin-top:5px;
 color: #FFFFFF;
 line-height:20px;
}

#header_message h1 {
 color: #FFFFFF;

}



.projectslink {
 position: absolute;
 float: left;
 margin-top:310px;
 cursor: pointer;
}

.projectslink small {
color: #999999;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size:12px;
}

.projectslink span {
 color: #FFFFFF;
font: bolder 24px "Trebuchet MS", Helvetica, Arial, sans-serif;
margin-bottom: 3px;
}

/*------------------------------Middle_content-----------------------*/

.left_section {
float: left;
background:  url(../images/right_bg.gif) repeat-x;
width: 643px;
padding: 25px 0 25px 30px;
}

.left_section p{
	color:#000;
	font-weight:normal;
}
#rightoutside{
	float: right;
width: 259px;
border:1px solid #ddd;
background:#fff;
padding:7px;
margin-right:30px;
margin-top:25px;
margin-bottom:15px;
}

#rightoutside_service{
float: right;
width: 259px;
border:1px solid #ddd;
background:#fff;
padding:7px;
margin-right:20px;
margin-top:25px;
margin-bottom:15px;
}

#right {
background: #e5f6fd;
width: 239px;
color:#000;
padding:10px;
font-weight:normal;
}


.right_title {
background: url(../images/left_titlebg.gif);
font: bolder 16px "Trebuchet MS", Helvetica, Arial, sans-serif;
width: 245px;
height: 33px;
padding: 10px 0 0 0;
border-top: 1px solid #d7d7d7;
}

.first {
 border-top: none;
}


/*---------------- menu tab----------------------*/
#menu_tab{
margin:0 auto;
width:903px;
height:50px;

}
.left_menu_corner{
margin-left:0px;
width:9px;
height:50px;
float:left;
background:url(images/menu_left.gif) no-repeat center;
}
.right_menu_corner{
width:9px;
height:50px;
float:left;
background:url(images/menu_right.gif) no-repeat center;
}
ul.menu {
list-style-type:none; 
float:left; 
display:block; 
width:883px; 
margin:0px; padding:0px;
background:url(images/menu_bg.gif) repeat-x;
}

ul.menu li {
display:inline;
font-size:11px;
font-weight:bold;
line-height:50px;
}
ul.menu li.divider {
display:inline;
width:2px;
height:50px;
float:left;
background:url(images/menu_divider.gif) no-repeat center;
}

a.nav1:link, a.nav1:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(images/home.png) no-repeat left; color:#676d77;}
a.nav2:link, a.nav2:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(images/money.png) no-repeat left; color:#676d77;}
a.nav3:link, a.nav3:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(images/print.png) no-repeat left; color:#676d77;}
a.nav4:link, a.nav4:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(images/web.png) no-repeat left; color:#676d77;}
a.nav5:link, a.nav5:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(images/video.png) no-repeat left; color:#676d77;}
a.nav6:link, a.nav6:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(images/contact-new.png) no-repeat left; color:#676d77;}

a.nav1:hover, a.nav2:hover, a.nav3:hover, a.nav4:hover, a.nav5:hover, a.nav6:hover {
color:#333333;}



/*- SUB MENU --------------------------- */
#submenu {

}

#submenu ul {
margin:0;
list-style:none;
}

#submenu ul li a {
font:normal 12px Arial, Helvetica, sans-serif;
voice-family:inherit;
margin:0;
height:25px;
width:239px;
background:url(images/btn1.jpg) no-repeat;
text-decoration:none;
padding:19px 0px 0px 0px;
text-indent:45px;
border-bottom:solid thin 1px #666;
color:#02B5E4;
}

#submenu ul li a:link,#submenu ul li a:visited {
color:#02B5E4;
display:block;
}

#submenu ul li.current a {
color:#a5a5a5;
background:url(images/btn2.jpg) no-repeat;
font-weight:bold;
}

#submenu ul li a:hover {
color:#808080;
background:url(images/btn2.jpg) no-repeat;
}

/*- SUB End --------------------------- */


/*-------main content-------*/
.main_content{
width:580px;
float:left;
height:auto;
padding: 20px 20px 10px 50px;



}
/*-------------left_content------------------*/
.left_content{
width:530px;
float:left;
height:auto;
padding: 20px 50px 10px 50px;



}
.title_box{
width:196px;
height:30px;
margin:5px 0 0 0;
background:url(images/menu_title_bg.gif) no-repeat center;
text-align:center;
font-size:13px;
font-weight:bold;
color:#ffffff;
line-height:30px;
}

.breadcrumb a
{
font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

}
.grid_16{
	width:520px;
	float:left;
	}

/*-------------right_content------------------*/

.leftcontent{	
float:left;
padding-left: 35px;
padding-top:30px;
width: 255px;
margin-right:35px;

}

.right_title_bar{
width:520px;
height:33px;
float:left;
padding:0 0 0 40px;
margin:0 0 0 12px;
line-height:33px;
font-size:12px;
color:#847676;
font-weight:bold;
background:url(images/bar_bg.gif) no-repeat center;
}
.mainright_content{
float:left;
padding:20px 0px 0px 30px;
width: 250px;

}

.mainright_content ul{
	list-style:none;

}
.right_content{
float:left;
padding:20px 0px 0px 30px;
width: 220px;

}
.right_title_bar{
width:520px;
height:33px;
float:left;
padding:0 0 0 40px;
margin:0 0 0 12px;
line-height:33px;
font-size:12px;
color:#847676;
font-weight:bold;
background:url(images/bar_bg.gif) no-repeat center;
}

.item_box{
width:auto;
height:auto;
padding:10px 0 5px 0;
border-bottom:1px #666666 dashed;
}
.spacer{
width:auto; height:2px; clear:both; padding-bottom:2px;}


.title_bar{
width:150px;
height:auto;
padding-left:20px;
font-size:12px;
color:#847676;
font-weight:bold;
background:url(images/bar_bg.gif)0 0 no-repeat;
}

/*--------------footer----------------*/
.footer{
width:auto;
background-position:0px 0px;
clear:both;
height:65px;
background:url(images/footer_bg.gif) repeat-x top;
}

.main_footer{
width:900px;
margin:0px auto;
}

.left_footer{
float:left;
width:600px;
padding:5px 0 0 10px;
}
.right_footer{
float:right;
padding:25px 30px 0 0;
}
.right_footer a{
padding:25px 0 0 7px;
text-decoration:none;
color: #666666;
}
.right_footer a:hover{
text-decoration:underline;
}

.center_footer{
	font-size:10px;
float:left;
width:900px;
color:#666666;
padding:5px 0 0 0px;
}

.clearfix:after {content: ".";
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
	 }
	 
.clearfix {display: inline-table;}