/* CSS Document */

* html body{padding:0px;margin:0px;}


#wrapper{position:relative;width:900px;height:100%;margin:0 auto;}
#header{width:900px;height:140px;background-color:#FFF5EB;}
#header-left{width:350px;height:140px;float:left;}
#header-logo{width:130px;height:140px;float:left;padding-left:20px;}
#header-usable{width:170px;height:50px;float:left;margin-top:50px;border-left:3px solid #666666;padding-top:10px;
padding-left:10px;font:18px Arial, Helvetica, sans-serif bold;}
#header-right{width:550px;height:140px;float:right;}

#header-right-top{width:550px;height:50px;float:right;}
#header-right-top-contact{width:400px;height:50px;float:right;font:11px Arial, Helvetica, sans-serif normal;padding-right:15px;}
#header-right-top-phone a{width:400px;height:15px;float:left;color:#FF0000;text-align:right;font:11px Arial, Helvetica, sans-serif normal;padding-top:10px;text-decoration:none;}
#header-right-top-phone a:hover{color:#0066FF;text-decoration:underline;}
#header-right-top-email a{width:400px;height:20px;float:left;color:#FF0000;text-align:right;text-decoration:none;}

#header-right-top-email a:hover{color:#0066FF;text-decoration:underline;}
#header-right-top-phone a:hover{color:#0066FF;text-decoration:underline;}
#header-right-bottom{width:550px;height:90px;float:right;}
#header-right-nav{width:400px;height:90px;float:right;}
.header-home {_width:60px;width:80px;height:70px;float:left;}
.header-nav-text a{_width:60px;width:80px;height:20px;text-align:center;float:left;font-family:Arial, Helvetica, sans-serif;
font-size:11px;font-weight:bold;text-decoration:none;color:#000000;}
.header-nav-text-active a{_width:60px;width:80px;height:20px;text-align:center;float:left;font-family:Arial, Helvetica, sans-serif;
font-size:11px;font-weight:bold;text-decoration:none; color:#FF6600}

.header-nav-text a:hover{color:#3300FF;}
.header-nav-text a:active{color:#ff0000;}
.header-portfolio .header-casestudy .header-casestudy .header-contact .header-sitemap{
_width:60px;width:80px;height:70px;float:left;}


#footer-nav{width:900px;height:120px;float:left;}
.footer-buttom-nav a{_width:130px;width:140px;height:90px;padding-left:30px;_padding-left:30px;
float:left;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;text-decoration:none;color:#000000;}
.footer-buttom-active a{_width:130px;width:140px;height:90px;padding-left:30px;_padding-left:30px;
float:left;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;text-decoration:none;color:#FF6600;}
.footer-buttom-nav a:hover{color:#3300FF;}
.footer-copyright{width:900px;height:20px;font:12px Arial, Helvetica, sans-serif normal;color:#993300;text-align:center;}

.footer-copyright-left{width:500px;height:20px;font:12px Arial, Helvetica, sans-serif normal;color:#993300;text-align:center;float:left;}
.footer-dev{width:400px;height:20px;font:12px Arial, Helvetica, sans-serif normal;color:#993300;text-align:center;float:right;}
#footer{clear:both;width:900px;height:40px;_height:10px;background-color:#FFF5EB;}




#middle{width:900px;height:285px;background-color:#FFF5EB;padding:0px;margin:0px;border-top:5px solid #666666;border-bottom:5px solid #666666; background-image:}
#middle-base{width:900px;height:285px; background-image:url(../images/middle-bg.jpg); background-repeat:repeat-x;padding:0px;margin:0px;}
#middle-left{
width:210px;height:285px;float:left;
}
#middle-left-top{
width:210px;height:30px;float:left; 
}
#middle-left-breadcumb{
font:13px Arial, Helvetica, sans-serif normal;color:#000000; text-decoration:none; padding-left:5px; padding-top:5px; 
}
#middle-left-breadcumb a{
font:13px Arial, Helvetica, sans-serif normal;color:#993300; text-decoration:none;
}
#middle-left-breadcumb a:hover{
font:13px Arial, Helvetica, sans-serif normal; color:#3366FF; text-decoration:none;
}

h5{font:16px Arial, Helvetica, sans-serif normal;color:#FF6600;font-weight:bold; padding:0px; margin:0px;}
#middle-right{
width:680px;height:265px;float:right; padding-top:5px;
}
#middle-right-heading{
width:660px;height:20px;float:left; padding:0px; margin:0px; 
}
#middle-right-body{
width:660px;height:235px;float:left; padding:5px 15px 0px 0px; margin:0px;font:12px Arial, Helvetica, sans-serif normal;
text-align:justify;}
.clear{clear:both;}

/* user experience page  */

#scroller-header a {
display:inline;
	text-decoration:none; 
	color:#ffffff; 
padding:5px 10px 5px 10px;
	
	background-color:#999999;
	height:20px;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#scroller-header a:hover {
	text-decoration:none; 
	color:#cccccc;
}

a.selected {
	text-decoration:none !important; 
	color:#FFFF33 !important;
	
}

#scroller-header {
	width:640px;
	height:20px;
	padding:15px 0 0 15px;
	font-weight:700;
	line-height:20px;
}

#scroller-body {
	width:660px;
	padding-bottom:10px;
	border:2px solid #999999;
	padding-top:10px;
	

	margin-top:5px;
}

#mask {
	width:640px;
	overflow:hidden;
	margin:0 auto;
}



#panel div {
float:left;

}

/* Extra styling for each panel*/

#panel ul {
list-style:none;
margin:0 5px;
padding:0;
}

	#panel ul li {
		padding:5px;
		color:#557482;
	}

	#panel ul li.last {
		border-bottom:none !important;
	}

.ucdlink{
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
}
.ucdp{
font:12px Arial, Helvetica, sans-serif;
}