/* CSS Document */

body {
	margin: 0 auto;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top:10px;
	background-color:#000000;
	scrollbar-base-color:#FF0000;
	text-align:center;
}
.clear
{
	clear:both;
} 
#page
{
	width:560px;
	height:auto;
	margin:0 auto;
	clear:both;
}
/* ------------------header--------------- */
#header
{
	width:560px;
	height:auto;
	margin:0 auto;
	clear:both;
}
.logo
{
	width:176px;
	height:auto;
	/*margin:0px 0px 0px 112px;*/
	float:left;
}
.logoright
{
	width:505px;
	height:auto;
	margin:0 auto;
	padding-top:0px;
	float:right; 
}
#clintlogin
{
	width:248px;
	height:20px;
	margin:0 auto;
}
#uername
{
	width:248px;
	height:auto;
	margin:0 auto;
	float:right;
	vertical-align:bottom;
}
.uername1
{
	width:115px;
	height:auto;
	margin:0 auto;
	float:left; 
}
.uername2
{
	width:112px;
	height:auto;
	margin:0 auto;
	float:left; 
}
.arrow
{
	width:15px;
	height:auto;
	margin:0 auto;
	padding-bottom:5px;
	margin-right:2px;
	float:left;
}
.blacktext
{
font-family:Arial,Verdana,  Helvetica, sans-serif;
font-size:12px;
color:#666666;
}
/* ------------------medpart--------------- */
#medpart
{
	position:relative; /* ## */
	width:560px;
	height:auto;
	margin:0 auto;
	/*background-image:url(images/med-part-back.jpg);*/
	background-repeat:repeat-y;
	clear:both;
}
.leftpart
{
	width:55px;
	height:auto;
	/*padding-left:120px;*/
	margin:0 auto;
	float:left;
}
#leftbox
{
	width:55px;
	height:auto;
	margin:0 auto;
	float:left;
}
#floatlayer
{
	width:55px;
	height:auto;
}
.rightpart
{
	width:502px;
	height:auto;
	/*padding-left:1px;*/
	margin:0 auto;
	float:left;
	border-left: 2px solid #2F0708;
}
#home
{
	width:53px;
	height:48px;
	margin-bottom:4px;
}
#us
{
	width:53px;
	height:auto;
}
#skill
{
	width:53px;
	height:auto;
	margin:0 auto;
	padding-top:2px;
	float:left;
}
#Folio
{
	width:53px;
	height:auto;
	margin:0 auto;
	padding-top:2px;
	float:left;
}
#team
{
	width:53px;
	height:auto;
	margin:0 auto;
	padding-top:2px;
	float:left;
}
#contact
{
	width:53px;
	height:auto;
	margin:0 auto;
	padding-top:2px;
	float:left;
}

.buttonlink1:link,.buttonlink1:visited
{
	
	font-family:Arial,Verdana,  Helvetica, sans-serif;
	font-size:12px;
	width:53px;
	height:21px;
	background-image:url(images/but_home-over.gif);
	background-repeat:no-repeat;
	color:#FF0000;
	text-decoration:none;
	display:block;
	padding-top:27px;
	padding-left:3px;
}

.buttonlink:link,.buttonlink:visited
{
	
	font-family:Arial,Verdana,  Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	width:53px;
	height:21px;
	background-image:url(images/but_home.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;
	padding-top:27px;
	padding-left:3px;
}
.buttonlink:hover,.buttonlink:active
{
	background-image:url(images/but_home-over.gif);
	background-repeat:no-repeat;
	color:#FF0000;
}

.uslink:link,.uslink:visited
{
	
	font-family:Arial,Verdana,  Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	width:53px;
	height:23px;
	background-image:url(images/but_us.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;
	padding-top:27px;
	padding-left:4px;
}
.uslink1:link,.uslink1:visited
{
	font-family:Arial,Verdana,  Helvetica, sans-serif;
	font-size:12px;
	width:53px;
	height:23px;
	background-image:url(images/but_us_over.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;
	padding-top:27px;
	padding-left:4px;
	color:#FF0000;
}
.uslink:hover,.uslink:active
{
	background-image:url(images/but_us_over.gif);
	background-repeat:no-repeat;
	color:#FF0000;
}

.skilllink1:link,.skilllink1:visited
{
	
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size:12px;
	width:53px;
	height:23px;
	background-image:url(images/but_skills_over.gif);
	background-repeat:no-repeat;
	color:#FF0000;
	text-decoration:none;
	display:block;
	padding-top:27px;
	padding-left:4px;
}
.skilllink:link,.skilllink:visited
{
	
	font-family: Arial,Verdana, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	width:53px;
	height:23px;
	background-image:url(images/but_skills.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;
	padding-top:27px;
	padding-left:4px;
}
.skilllink:hover,.skilllink:active
{
	background-image:url(images/but_skills_over.gif);
	background-repeat:no-repeat;
	color:#FF0000;
}

.foliolink1:link,.foliolink1:visited
{
	
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size:12px;
	width:53px;
	height:23px;
	background-image:url(images/but_folio_over.gif);
	background-repeat:no-repeat;
	color:#FF0000;
	text-decoration:none;
	display:block;
	padding-top:27px;
	padding-left:4px;
}
.foliolink:link,.foliolink:visited
{
	
	font-family: Arial,Verdana, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	width:53px;
	height:23px;
	background-image:url(images/but_folio.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;
	padding-top:27px;
	padding-left:4px;
}
.foliolink:hover,.foliolink:active
{
	background-image:url(images/but_folio_over.gif);
	background-repeat:no-repeat;
	color:#FF0000;
}

.teamlink1:link,.teamlink1:visited
{
	
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size:12px;
	width:53px;
	height:23px;
	background-image:url(images/but_team_over.gif);
	background-repeat:no-repeat;
	color:#FF0000;
	text-decoration:none;
	display:block;
	padding-top:27px;
	padding-left:3px;
}
.teamlink:link,.teamlink:visited
{
	
	font-family: Arial,Verdana, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	width:53px;
	height:23px;
	background-image:url(images/but_team.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;
	padding-top:27px;
	padding-left:3px;
}
.teamlink:hover,.teamlink:active
{
	background-image:url(images/but_team_over.gif);
	background-repeat:no-repeat;
	color:#FF0000;
}

.contact_msg1:link,.contact_msg1:visited
{
	
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size:12px;
	width:53px;
	height:23px;
	background-image:url(images/but_contact_over.gif);
	background-repeat:no-repeat;
	color:#FF0000;
	text-decoration:none;
	display:block;
	padding-top:27px;
	padding-left:3px;
}

.contact_msg:link,.contact_msg:visited
{
	
	font-family: Arial,Verdana, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	width:53px;
	height:23px;
	background-image:url(images/but_contact.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;
	padding-top:27px;
	padding-left:3px;
}
.contact_msg:hover,.contact_msg:active
{
	background-image:url(images/but_contact_over.gif);
	background-repeat:no-repeat;
	color:#FF0000;
}
#rightbox1
{
width:501px;
height:154px;
background-color:#000000;
clear:both;
}
#rightbox2
{
width:502px;
height:auto;
padding-top:5px;
clear:both;
}
.righttextbox1
{
width:238px;
height:auto;
font-family: Arial,Verdana, Helvetica, sans-serif;
color:#ffffff;
font-size:12px;
padding-left:5px;
padding-right:5px;
float:left;
}
.righttextbox2
{
width:247px;
height:auto;
padding-right:1px;
float:left;
}
#newstext
{
	/*width:248px;*/
	/*height: auto;*/
	/*background-color:#2F0708;*/
	font-family: Arial,Verdana, Helvetica, sans-serif;
	color:#FF0000;
	font-size:12px;
	text-indent:3px;
	clear:both;
	padding-top:2px; 
	padding-bottom: 2px; 
	layer-background-color: #000000; 
	z-index:2; 
	position:absolute;
	left:7px; 
	top:0px;
	height:0px; 
	background-color: #000000; 
	border: 1px none #000000;
	width:220px;
}

.rb2
{
	width:244px; 
	min-height:145px; 
	margin-bottom:3px; 
	padding-bottom:8px; 
	padding-left:6px; 
	padding-top:0px; 
	position:relative; 
	z-index:1; 
	overflow: auto;
	border-left: solid 1px #333333;
	/*border: solid 2px #2F0708;  
	border-top-color:#000000; */
	overflow-y:scroll; 
	background:#000000;
	position:relative; 
	height:145px;
}

.whitetext
{
font-family: Arial,Verdana, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
}
.whitetext1
{
font-family: Arial,Verdana, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
}
.graytext
{
font-family: Arial,Verdana, Helvetica, sans-serif;
color:#626366;
font-size:12px;
}
.blacktext
{
font-family: Arial,Verdana, Helvetica, sans-serif;
color:#626366;
font-size:10px;
}
#scrolltext
{
width:245px;
height: auto;
padding-bottom:2px;
	position:relative;

/*background-color:#2F0708;*/
font-family: Arial,Verdana, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
clear:both;
}
#recentproject
{
width:501px;
height: 22px;
/*background-color:#EA2427;*/
clear:both;
background-image:url(images/titlebg.jpg);
}
.recentproject1
{
width:200px;
height: 22px;
background-color:#EA2427;
font-family: Arial,Verdana, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
float:left;
}
.lightboxtext
{
width:70px;
background-color:#EA2427;
font-family: Arial,Verdana, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:normal;
text-indent:3px;
height:15px;
font-size:12px;
}
.recentproject3
{
width:200px;
height: 22px;

background-color:#EA2427;
font-family: Arial,Verdana, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
font-size:12px;
float:left;
}
.recentproject2
{
width:80px;
height:15px;

background-color:#EA2427;
font-family: Arial,Verdana, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding-left:20px;
float:right;
}
#rightbox3
{
width:502px;
background-color:#000000;
clear:both;
}
#show1
{
/*width:500px;
height:20px;
margin-top:4px;
background-color:#EA2427;
padding-left:1px;
clear:both;*/
width:501px;
height: 22px;
margin-top:4px;
clear:both;
background-image:url(images/titlebg.jpg);

}
.usimages
{
width:200px;
height:auto;
padding-left:4px;
float:left;
}
.showimages
{
width:56px;
height:auto;
float:right;
padding-top:2px;
}
#show2
{
/*width:500px;
height:20px;
background-color:#EA2427;
padding-left:1px;
margin-top:4px;
clear:both;*/

width:501px;
height: 22px;
margin-top:4px;
clear:both;
background-image:url(images/titlebg.jpg);

}
#show3
{
/*width:500px;
height:20px;
background-color:#EA2427;
padding-left:1px;
margin-top:4px;
clear:both;*/

width:501px;
height: 22px;
margin-top:4px;
clear:both;
background-image:url(images/titlebg.jpg);

}
#show4
{
/*width:500px;
height:20px;
background-color:#EA2427;
padding-left:1px;
margin-top:4px;
clear:both;*/

width:501px;
height: 22px;
margin-top:4px;
clear:both;
background-image:url(images/titlebg.jpg);

}
#show6
{
/*width:500px;
height:20px;
background-color:#EA2427;
padding-left:1px;
margin-top:4px;
clear:both;*/
width:501px;
height: 22px;
margin-top:4px;
clear:both;
background-image:url(images/titlebg.jpg);
}
/* ------------------footer--------------- */
#footer
{
	width:560px;
	height:auto;
	margin:0 auto;
	padding-left:2px;
	clear:both;
	}
.footertext
{
	width:498px;
	padding-left:4px;
	height:72px;
	margin:0 auto;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	color:#626366;
	font-size:12px;
	float:left;
	border-left:2px solid #2F0708;

}
#footerbottom
{
	width:502px;
	height: 18px;
	background-image:url(images/footer-back.1.jpg);
	background-repeat:no-repeat;
	padding-top:3px;
	margin-right:2px;
	float:left;
}
.footerbottomtext
{
	width:320px;
	height: auto;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
	margin:0 auto;
	padding:0;
	float:right;
	border-left:2px solid #2F0708;
}
.redtextnews
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#EA2427;
	font-size:11px;
	}

.redtext
{
font-family:Arial, Verdana,;
font-size:11px;
color:#EA2427;
}
	
.footerlink:link,.footerlink:visited,.footerlink:active
{
	font-family: Arial,Verdana, Helvetica, sans-serif;
	color:#626366;
	font-size:11px;
	text-decoration:none;
	}
.footerlink:hover
{
	font-family: Arial,Verdana, Helvetica, sans-serif;
	color:#626366;
	font-size:11px;
	text-decoration:underline;
	}
.footerleft
{
	width:53px;
	height:85px;
/*	background-image:url(images/footer-back.jpg);
	background-position:right;
	background-repeat:repeat-y;*/
	margin:0 auto;
	float:left;
}
/*-------------------------------box div ----------------------------------------- */
#project-box
{
width:490px;
height:auto;
background-color:#000000;
padding-top:7px;
padding-bottom:3px;
clear:both;
padding-left:5px;
padding-right:5px;
}
.boxlayer1
{
width:248px;
height:auto;
background-color:#333333;
float:left;
}
.boxlayer2
{
width:248px;
height:auto;
background-color:#333333;
float:right;
}
.projectdiv01
{
width:240px;
height:auto;
margin:0 auto;
padding-top:6px;
padding-bottom:6px;
clear:both;
}
.project-text
{
width:140px;
height:auto;
float:left;
}
.project-img
{
width:97px;
height:auto;
float:right;
}
.white01
{
font-family:Arial, Verdana,;
font-size:10px;
color:#FFFFFF;
}
.white02
{
font-family:Arial, Verdana,;
font-size:12px;
color:rgb(153, 153, 153);
line-height:17px;
}

.white03
{
font-family:Arial, Verdana,;
font-size:10px;
color:rgb(153, 153, 153);
line-height:5px;
}

.white04
{
font-family:Arial, Verdana,;
font-size:10px;
color:rgb(153, 153, 153);
line-height:17px;
}

/*.redtext
{
font-family:Arial, Verdana,;
font-size:11px;
color:#EA2427;
}*/
.redlink:link,.redlink:visited,.redlink:active
{
font-family:Arial,vardana;
font-size:11px;
color:#EA2427;
text-decoration:none
}
.redlink:hover
{
font-family:Arial,vardana;
font-size:11px;
color:#EA2427;
text-decoration:underline
}
/* scroller*/
#pscroller1{
width: 500px;
height: 120px;
color:#ff0000;
overflow-y:scroll;
background-color:#000000;
}
.white01
{
font-family:Arial, Verdana,;
font-size:10px;
color:#FFFFFF;
}
/*.redtext
{
font-family:Arial, Verdana,;
font-size:11px;
color:#EA2427;
}*/
.redlink:link,.redlink:visited,.redlink:active
{
font-family:Arial,vardana;
font-size:11px;
color:#EA2427;
text-decoration:none
}
.redlink:hover
{
font-family:Arial,vardana;
font-size:11px;
color:#EA2427;
text-decoration:underline
}
.checkboxclass
{
width:140px;
height:auto;
background-color:#000000;
color:#ffffff;
border:1px solid #626366;
float:left;
}
.close:link,.close:visited,.close:active,.close:hover
{
	font-family:Arial,Verdana,Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
}
/* -   folio section -- */
#medbox
{
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
}
.leftbox ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}
.leftbox li
{
	margin-bottom:3px;
	width:0px;
}
.leftbox li a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	width:0px;
	padding:3px 2px 3px 5px;
	display:block;
	text-decoration:none;
	background-color:#2F0708;
	
}
.leftbox li a:hover
{
	text-decoration:none;
	color:#EB2427;
	background-color:#FFFFFF;
	
}
#folioprojects
{
	float:right;
	width:357px;
}
.projectline
{
	width:117px;
	float:left;
	padding-bottom:5px;
	margin-right:3px;
}
.projectlinelast
{
	width:117px;
	float:left;
	padding-bottom:5px;
}
.projectthumb
{
	width:117px;
	height:71px;
	background-color:#FFFFFF;
}
.clientname
{
	width:114px;
	background-color:#EB2427;
	min-height:18px;
	height:18px;
	margin-top:3px;
	padding-left:3px;
}
#medbox
{
	width:498px;
	height: auto;
	clear:both;
}
.leftbox
{
	width:137px;
	height: auto;
	float:left;
}
#boxtextarea1
{
	width:498px;
	height: 23px;
	background-image:url(images/footer-back.jpg);
	background-repeat:repeat-x;
	clear:both;
}
/* light box style*/
.rtbdr
{
	border-left:0px solid #5B5758;
	padding-left:5px;
}
.popuplink a
{
	font-family:Arial;
	font-size:12px;
	color:#717171;
	text-decoration:none;
	
}
.popuplink a:hover
{
	text-decoration:underline;
}

#catbox select
{
	background-color:#EC2029;
	border:0px;
	color:#FFFFFF;
	height:18px;
	font-size:11px;
}
#catbox a
{
	width:auto;
	padding:2px 10px 4px 10px; 
	background-color:#EC2029;
	border:0px;
	color:#FFFFFF;
	font-size:12px;
	font-family:Arial;
	text-decoration:none;
}
#catbox span
{
	width:auto;
	padding:2px 10px 4px 10px; 
	background-color:#EC2029;
	border:0px;
	color:#FFFFFF;
	font-size:12px;
	font-family:Arial;
}
.style1 {color: red}
/*.projectthumb a img
{
	filter: Alpha(Opacity=40);
	opacity: 0.40;
	-moz-opacity:0.40;
}
.projectthumb a:hover img
{
	filter: Alpha(Opacity=100);
	opacity: 1.00;
	-moz-opacity:1.00;
}*/
.viewp:link,.viewp:active,.viewp:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#E82529;
	display:block;
	padding:3px;
	text-decoration:none;
	background-color:#FFFFFF;
	margin-top:7px;
	text-align:center;
	
		 
}
.viewp:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	display:block;
	padding:3px;
	text-decoration:none;
	background-color:#E82529;
	margin-top:7px;
	text-align:center;
	
	
}

.viewp1:link,.viewp1:active,.viewp1:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#E82529;
	display:block;
	padding:3px;
	text-decoration:none;
	background-color:#FFFFFF;
	
	text-align:center;
	
		 
}
.viewp1:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	display:block;
	padding:3px;
	text-decoration:none;
	background-color:#E82529;
	
	text-align:center;
	
	
}

.prodivlast
{
	width:113px;
	float:left;
	margin-left:5px;
	margin-bottom:5px;
	margin-top:5px;
	height:auto;
}

.prodiv
{
	width:113px;
	float:left;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:5px;
	margin-top:5px;
	height:auto;
}

.cn
{
	line-height:20px;
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
}
#catdiv
{
	background-color:#2E1010;
	height:22px;
	clear:both;
	padding:10px 5px 10px 5px;
}
.selectdiv
{
	width:236px;
	border:1px solid #E82529;
	background-color:#000000;
	color:#E8252B;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:22px;
	z-index:-1;	
}

.selectdivgray
{
	width:236px;
	border:1px solid #CCCCCC;
	background-color:#000000;
	color: #CCCCCC;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:22px;
	z-index:-1;	
}

.whtlink:link,.whtlink:active,.whtlink:visited,.whtlink:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}
.bdrdiv
{
	border-bottom:1px solid #EA2427;
	padding:2px 1px 2px 0px;
}

#topbar{
position:absolute;
width: 55px;
visibility: hidden;
z-index: 100;
}


 #scr1 div {
  background-color:#000000; height:130px;
 }
 #scr1, #scr1 div.default {
   width:501px;
   height:130px;
   overflow:hidden;
   visibility:visible;
   background-color:#000000;
 }
 #scr1 table tr td div {
  visibility:visible;
 }

 #scr1 {
   background-color:#000;
   margin:0px auto;
   font-size: .8em;
 }
 p
 {
 	margin:0px;
	padding:0px;
	padding-top:7px;
 }

#c_preview{
	
	filter: alpha(opacity=80); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE */
	-moz-opacity: .80; /*older Mozilla*/
	-khtml-opacity: 0.8;   /*older Safari*/
	opacity: 0.8;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000000;
	z-index:100;
	position:absolute;
	top:0px;
	left:0px;
	width:98%;
	/*height:1280px;*/
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	padding-top:200px;
	}


#topbar{
position:absolute;
width: 55px;
visibility: hidden;
z-index: 100;
}
</style>
<style type="text/css">
 #scr1 div {
  background-color:#000000; height:130px;
 }
 #scr1, #scr1 div.default {
   width:501px;
   height:130px;
   overflow:hidden;
   visibility:visible;
   background-color:#000000;
 }
 #scr1 table tr td div {
  visibility:visible;
 }

 #scr1 {
   background-color:#000;
   margin:0px auto;
   font-size: .8em;
 }
 p
 {
 	margin:0px;
	padding:0px;
	padding-top:7px;
 }






.news:link,.news:visited,.news:active
{
	font-family: Arial,Verdana, Helvetica, sans-serif;
	color:rgb(153, 153, 153);
	font-size:12px;
	text-decoration:none;
	}
.news:hover
{
	font-family: Arial,Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	}