﻿/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: url(../images/bgr.gif) #000000 repeat-y center;
	color: #acacac;
	font: 0.72em "Trebuchet MS", Arial,Verdana,Helvetica,Sans-Serif;
}
a{
	color: #acacac;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}
li{
	list-style: none
}
p{
	line-height: 1.3em;
	padding: 0 0 .7em
}


input,select,textarea{
	border: #999999 1px solid;
	font-size: 0.72em;
	padding: 2px
}
/*=== Layout ===*/
#page{
	margin: 0 auto;
	width: 655px
}
/*=== Page Specific Element Colors ...
<body id= ... aboutus, clients, services, support, contact  ) ===*/

/*- About Us -*/
#aboutus a{
	color: #4d9101
}
#aboutus #header{
	border-bottom: 7px solid #4d9101
}
#aboutus #nav2 li a:hover,
#aboutus #nav2 li.active a{
	background: #4d9101
}

#aboutus h2{
	color: #4d9101;
	font-size:1.4em
}

#aboutus h3{
	color: #4d9101
}
#aboutus #leftcol{
	background: url(../images/hdr-aboutus.gif) no-repeat top
}
/*- Clients -*/
#clients a{
	color: #197388
}
#clients #header{
	border-bottom: 7px solid #197388
}
#clients #nav2 li a:hover,
#clients #nav2 li.active a{
	background: #197388
}
#clients h3{
	color: #197388
}
#clients #leftcol{
	background: url(../images/hdr-clients.gif) no-repeat top
}
/*- Services -*/
#services a{
	color: #cb31aa
}
#services #header{
	border-bottom: 7px solid #cb31aa
}
#services #nav2 li a:hover,
#services #nav2 li.active a{
	background: #cb31aa
}
#services h3{
	color: #cb31aa
}
#services #leftcol{
	background: url(../images/hdr-services.gif) no-repeat top
}
/*- Support -*/
#support a{
	color: #d61d2d
}
#support #header{
	border-bottom: 7px solid #b30413
}
#support #nav2 li a:hover,
#support #nav2 li.active a{
	background: #b30413
}
#support h3{
	color: #b30413
}
#support #leftcol{
	background: url(../images/hdr-support.gif) no-repeat top
}
/*- Contact -*/
#contact a{
	color: #d97612
}
#contact #header{
	border-bottom: 7px solid #d97612
}
#contact #nav2 li a:hover,
#contact #nav2 li.active a{
	background: #d97612
}
#contact h3{
	color: #d97612
}
#contact #leftcol{
	background: url(../images/hdr-contact.gif) no-repeat top
}
/*=== Header ===*/
#header{
	border-bottom: 7px solid #3a3a3a;
	height: 102px
}
/*- Logo -*/
#header h1{
	background: url(../images/logo.gif) no-repeat;
	float: right;
	text-indent: -9999px;
	width: 275px
}
#header h1 a{
	display: block;
	height: 102px
}
#header h1 a:hover{
	text-decoration: none
}
/*=== Navigation ===*/
/*- Nav1 -*/
#nav1{
	height: 277px;
	text-indent: -9999px;

}
#nav1 li, #nav1 li a{
	float: left;
	height: 277px;
	margin: 0 8px 0 0;
	width: 112px;

}
#nav1 li a{
	margin: 0;

}
#nav1 li a:hover{
	text-decoration: none
}
#nav1 li#n01{
	background: url(../images/n01.gif) no-repeat
}
#nav1 li#n01 a{
	background: url(../images/n01-pic.jpg) no-repeat 4px 4px
}
#nav1 li#n02{
	background: url(../images/n02.gif) no-repeat
}
#nav1 li#n02 a{
	background: url(../images/n02-pic.jpg) no-repeat 4px 113px
}
#nav1 li#n03{
	background: url(../images/n03.gif) no-repeat
}
#nav1 li#n03 a{
	background: url(../images/n03-pic.jpg) no-repeat 4px 4px
}
#nav1 li#n04{
	background: url(../images/n04.gif) no-repeat
}
#nav1 li#n04 a{
	background: url(../images/n04-pic.jpg) no-repeat 4px 113px
}
#nav1 li#n05{
	background: url(../images/n05.gif) no-repeat
}
#nav1 li#n05 a{
	background: url(../images/n05-pic.jpg) no-repeat 4px 4px
}
/*- Nav2 -*/
#nav2{
	float: left;
	font-size: 12px;
	height: 18px;
	text-transform: uppercase;
		font-weight:bold;
}
#nav2 ul{
	padding: 84px 0 0
}
#nav2 li{
	float: left;
	line-height: 18px
}
#nav2 li a{
	display: block;
	float: left;
	padding: 0 8px;
}
#nav2 li a:hover,
#nav2 li.active a{
	color: #ffffff;
	text-decoration: none
}
/*=== All Columns ===*/
#columns{
	background: #000000;
	height: 1%;
	padding: 0 0 0 25px;

}
#home #columns{
	padding: 15px 0 15px 30px
}
#columns h3{
	font-size: 1.1em;
	margin: 0 0 .8em
}
/*=== Left Column ===*/
#leftcol{
	float: left;
	height: 329px;
	width: 47px
}
#leftcol h2{
	text-indent: -9999px
}
/*=== Center Column ===*/
#centercol{
	float: left;
	margin: 20px 0 0 13px;
	width: 375px;
}

/*=== Right Column ===*/
#rightcol{
	float: right;
	width: 170px
}
#rightcol img{
	display: block
}
/*=== Sub Columns ===*/
.col1{
	float: left;
	width: 200px
}
.col2{
	float: left;
	margin: 0 0 0 20px;
	width: 130px
}
/*=== Styling Lists ===*/
/*- List1 -*/
.list1{
	margin: 0 0 .8em
}
.list1 li{
	background: url(../images/ico-list.gif) no-repeat 0 6px;
	padding: 0 0 0 7px
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
/*=== Client page. ===*/
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 1px solid #000;
border-bottom-width: 6px;
width: 510px; /*width of featured content slider*/
height: 353px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: #000;
width: 500px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 480px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: navy;
padding: 5px 10px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: #000;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

#text{
background:#000; height:80px ; width:500px; margin-top:270px;
}

#text p{
	color: #acacac;
}

/* services*/
.indentmenu{
width:500px;
background:#000;
padding-left:155px;
	font-weight:bold;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 3px 7px;
text-decoration: none;
border-right: 1px solid #8f0672; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

#service_nav{
	width:100%;
	background:#000;
}
#service_nav a{
	font-size: 11px;
	}
	
#tc{
	width:200px;
	float:right;
	text-align:right;
	padding:6px;
}

#bb{
	width:400px;
	float:left;
	text-align:left;
	padding:6px;
	background-color: #F0AABC;
	color: #000000;
	font: 1em "Trebuchet MS", Arial,Verdana,Helvetica,Sans-Serif;
}

input,select,textarea{
	border: #999999 1px solid;
	font-size: 11px;
	padding: 2px;
	font: 1em "Trebuchet MS", Arial,Verdana,Helvetica,Sans-Serif;
	
}





.sliderwrapper2{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 1px solid #000;
border-bottom-width: 6px;
width: 510px; /*width of featured content slider*/
height: 353px;
}



.sliderwrapper2 .contentdiv2{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: #000;
width: 500px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination2{
width: 480px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: navy;
padding: 5px 10px;
}

.pagination2 a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: #000;
}

.pagination2 a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

#text2{
background:#000; height:80px ; width:500px; margin-top:270px;
}

#text2 p{
	color: #acacac;
}

