/*-------------------
Home
-------------------*/

#container {
background: black;
overflow: hidden;
width: 960px;
height: auto;
}

html{
   background: black url(../images/bk_pattern.gif) repeat center;
}

img{
   border-style: none;
}

div.clear{
   clear:both;
   height:1px;
   overflow:hidden;
   font-size:1px;
   line-height:1px;
   visibility:hidden;
}

#topGraphic{
	height: 452px;
	width: 960px;
	background: url(../images/tr_back.jpg) no-repeat;
}

#topGraphic2nd{
	height: 228px;
	width: 960px;
	background: url(../images/tr_back2nd.jpg) no-repeat;
}

#topNav li {
  	padding: 0;
 	margin: 0;
 	list-style: none;
}

#topNav .homeNav a {
	position: absolute;
	width: 32px;
	height: 17px;
	background: url(../images/b_home.gif) no-repeat;
	top: 51px;
	left: 120px;
}

#topNav .methodNav a {
	position: absolute;
	width: 53px;
	height: 20px;
	background: url(../images/b_method.gif) no-repeat;
	top: 59px;
	left: 174px;
}

#topNav .portfolioNav a {	
	position: absolute;
	width: 46px;
	height: 19px;
	background: url(../images/b_portfolio.gif) no-repeat;
	top: 68px;
	left: 235px;	
}

#topNav .servicesNav a {
	position: absolute;
	width: 47px;
	height: 19px;
	background: url(../images/b_services.gif) no-repeat;
	top: 78px;
	left: 301px;	
}

#topNav .contactNav a {
	position: absolute;
	width: 44px;
	height: 19px;
	background: url(../images/b_contact.gif) no-repeat;
	top: 88px;
	left: 367px;
}

#lSidebar{
	list-style-type: none;
	color: white;
	line-height: 3em;
}

a.lSidebar:link {
	color: #ffffff;
	font-size: 13px;
	text-decoration: none;
}

a.lSidebar:hover {
	color: #cd1320;
	font-size: 13px;
	text-decoration: none;
}

a.lSidebar:active {
	color: #ffffff;
	font-size: 13px;
	text-decoration: none;
}

a.lSidebar:visited {
	color: #ffffff;
	font-size: 13px;
	text-decoration: none;
}

img.middle {
	vertical-align: middle;
	margin-left: 30px;
}

p.key {
	color: white;
	font-size: 12px;
	margin-bottom: 5px;
}

#midPage {
	color: white;
	font-size: 12px;
	line-height: 16px;
	margin-top: 15px;
	background-color: black;
}

div.clearHead{
   clear:both;
   height:15px;
   overflow:hidden;
   font-size:1px;
   line-height:1px;
   visibility:hidden;
}

div.clearHead2{
   clear:both;
   height:8px;
   overflow:hidden;
   font-size:1px;
   line-height:1px;
   visibility:hidden;
}

#rSidebar{
	list-style-type: none;
	font-size: 12px;
	color: white;
	line-height: 2em;
	list-style-image: url(../images/b_check.gif);
	left: -15px;
	float: none;
	position: relative;
}

div.rclearHead{
   clear:both;
   height:15px;
   overflow:hidden;
   font-size:1px;
   line-height:1px;
   visibility:hidden;
}

div.r1clearHead{
   clear:both;
   height:10px;
   overflow:hidden;
   font-size:1px;
   line-height:1px;
   visibility:hidden;
}

div.r2clearHead{
   clear:both;
   height:45px;
   overflow:hidden;
   font-size:1px;
   line-height:1px;
   visibility:hidden;
}

/*-------------------
Slider
-------------------*/

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:420px;
		height:120px;
		position: relative;
		overflow: hidden;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:12px;
		height:22px;
		position:absolute;
		left:-10px;
		top:40px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:405px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:12px;
		height:22px;
		background: url(../images/arrow_L.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/arrow_R.gif) no-repeat 0 0;	
		}	
		
	    /* image replacement */
    .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
    
	div#slideContainer{	
		position: relative;
		width: 420px;
		height: 80px;
		top: -30px;
		left: 498px;
		clear: both;
		color: white;
	}
	
#footer{
	height: 250px;
	width: 960px;
	background-image: url(../images/bk_footer.jpg);
}

#footer p{
	color: white;
	font-size: 11px;
	display: inline;
	font-weight: normal;
	font-style: normal;
}

#footer h6{
	color: #be1e2d;
	font-size: 11px;
	display: inline;
	font-weight: normal;
	font-style: normal;
}

/*-------------------
Verticals
-------------------*/

.h10 {
	margin-top: 10px;
}

.h15 {
	margin-top: 15px;
}
 
.h20 {
	margin-top: 20px;
}
 
.h50 {
	margin-top: 50px;
}

.h75 {
	margin-top: 75px;
}
 
.h100 {
	margin-top: 100px;
}

.h310 {
	margin-top: 310px;
}
 
hr {
	visibility: hidden;
	clear: both;
}

/*-------------------
Verticals End
-------------------*/

#slider a:link {
	color: #cd1320;
	font-size: 12px;
	text-decoration: none;
	background-color: black;
}

#slider a:hover {
	color: #cd1320;
	text-decoration: underline;
	background-color: black;
}

#slider a:active {
	color: #cd1320;
	background-color: black;
}

#slider a:visited {
	color: #cd1320;
	background-color: black;
}

/*-------------------
Portfolio Pages
-------------------*/

div.icon {
	margin: 0px;
	height: auto;
	height: auto;
	float: left;
}

div.icon img {
	display: inline;
	margin-top: -17px;
}

a.port:link {
	color: #cd1320;
	font-size: 13px;
	text-decoration: none;
}

a.port:hover {
	color: #000000;
	font-size: 13px;
	text-decoration: none;
	background: #ffffff;
}

a.port:active {
	color: #cd1320;
	font-size: 13px;
}

a.port:visited {
	color: #cd1320;
	font-size: 13px;
}

#footWrap {
	margin: 0 auto;
	width: 960px;
	height: 103px;
	background-image: url(../images/botsite.gif)
}