/* Ultimax (Pvt) Ltd

Screen layout: */

@import url(../style/navigation.css );

body {
margin: 0 auto;
padding: 0;

background: #000000; 
margin-bottom:10px;
}


#wrap {
background: #fdfdfd url(../img/bg_top.jpg) top center repeat-x;
color: #444444;
margin: 20px auto;
width: 740px;
padding:0;
padding-top:20px;
margin-bottom:20px;
border-top:12px #E88B00 solid;
border-right:3px solid #999999;
border-bottom:3px solid #999999;
border-left:3px solid #999999;
}

#topline{ margin-top:3px;
	padding-top:1px;
	background: url(../img/topbg.png) top center no-repeat;
	height:36px;
	padding:0px;
}

p.top{
	float:right;
	font-size: 73%;
	font-weight: bold;
	padding-right:40px;
	padding-top: 4px;
	color:#D3D3D3;
	padding-bottom:0px;
}

a.top:link{
	color:#D7D7D7;
	text-decoration: none;
	padding:0;
}

a.top:hover{
	color:#ffffff;
	text-decoration: none;
}

a.top:visited{
	color:#d7d7d7;
	text-decoration: none;
}

img#logo{
	padding-left:40px;
	padding-top: 20px;
	float:left;
	
}



h1{background: transparent url("../img/welcome.gif") no-repeat 0 55%;
	height:40px;
}

h1.about{background: transparent url("../img/about.gif") no-repeat 0 55%;
	height:40px;
}

h1.services{background: transparent url("../img/services.gif") no-repeat 0 55%;
	height:40px;	
}

h1.portfolio{background: transparent url("../img/portfolio.gif") no-repeat 0 55%;
	height:40px;	
}

h2.services{
	background:transparent url("../img/bullet_red.gif") no-repeat 0 55%;
	padding-left:15px;
	FONT:  160% Terbuchet MS;
	
	color:#003366;	
}
h1.contact{background: transparent url("../img/contactus.gif") no-repeat 0 55%;
	height:40px;
}


h2.work1{
	FONT:  145% georgia, verdana, helvetica, sans-serif;
	color:#990000;	
}

h4{
	font:150% georgia ;
	
}

img#work2{
	border:2px solid;
	
}

p.services{
	padding-left:20px;
	
	
}

#panels{width:718px;
	height:210px;
	background:#fdfdfd url(../img/panelbg.png) repeat-x;
	padding:0px 0px 0px 0px;
	margin-top:0px;
	margin-right:0px;
	padding-left:22px;
	
	
}

#panelbox1{
	height:170px;
	width:225px;
	background:#ffffff url("../img/panservice.jpg");
	margin:13px 0px 10px 0px;
	border:2px solid #000000;
	float:left;
	
}

#panelbox2{
	height:170px;
	width:225px;
	background:#ffffff url("../img/port.jpg");
	margin:13px 12px 10px 5px;
	border:2px solid #000000;
	float:left;
	
}

#panelbox3{
	height:170px;
	width:225px;
	background:#ffffff url("../img/webdes.jpg");
	margin:13px 0px 10px 5px;
	border:2px solid #000000;
	float:left;
	padding:0px;
}

.panelheader{
	height:45px;
	line-height: 4px;
	padding-top:8px;
	padding-left:7px;
	padding-bottom:5px;
	border-bottom:1px solid #000000;
	color:#ffffff;
	background: url(../img/panbg1.jpg) repeat-x;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}

.panelheader2{
	height:45px;
	line-height: 4px;
	padding-top:10px;
	padding-left:7px;
	border-bottom:1px solid #000000;
	color:#ffffff;
	background: url(../img/bg_blue.gif) repeat-x;
}

.panelheader3{
	height:45px;
	
	padding-top:10px;
	padding-left:7px;
	border-bottom:1px solid #000000;
	color:#ffffff;
	background: url(../img/bg_orange.gif) repeat-x;
}

.panelheader h2{
	font-size:1.3em;
	font-family: Terbuchet MS;
	font-weight:normal;	
	padding-top:5px;
}

.panelheader p{
	font-size:0.9em;
	font-family: Terbuchet MS;	
}

a.bluehov:hover{
	color:#9DDEFF;
	
}

a.orangehov:hover{
	color:#FFC671;
}

a.greyhov:hover{
	color:#cccccc;
}

.panelheader a{
	color:#ffffff;
	text-decoration:none; 
}

p.panel{font:80% verdana bold
}

.panelcontent{
	background:url(../img/wonka.jpg) no-repeat;
}

h3.new{
	font:170% georgia;
	
	color:#993300;
}

.rightbox { 
background: url(../img/rightboxmid.png) repeat-y;
	
	margin:20px 0px 0px 5px;
	padding-right:20px;
	float:right;
	
 }

 
.rightboxtop { background: url(../img/rightboxtop.png) no-repeat top left;

	width:190px;
	height:5px; }

.rightboxbot { background: url(../img/rightboxbot.png) no-repeat bottom left;

	height:10px;
	width:190px;

	}

.rightbox {
width: 190px;
color:#ffffff;
font:74% verdana ;
line-height:18px;
}

.rightboxcontent{
	padding-left:10px;
	padding-right:10px;
	/*height: 380px;*/
}

p.quote{
	font: 160% georgia;
	text-align: center;
}

#contactbox{
	height:100px;
	width:145px;
	background-color:#000000;
	margin-left:25px;
	margin-bottom:0px;
	
}

h4.contact{
	background:url(../img/contact.if) #000000 no-repeat ;
	color:#000000;
	padding:5px 0px 5px 0px;
}

p.contact{
	padding-left:10px;
	font-size:110%;
}

#footer{
	background: url(../img/foote.png) bottom center no-repeat;
	color:#666666;
	clear:both;
	height: 10px;
	font: 70% verdana;
padding-bottom:5px;
text-align:center;
}


#maincontent{
	float:left;
	margin-top:0px;
	margin-left:0px;
	clear:both;
	width: 470px;
	font: 74% verdana;
	line-height:18px;
	padding-left:35px;
	padding-top:20px;
}

.button{color: #ffffff;
font-weight:bold;
background: #666666;
border: 2px #000000 outset;
}

a.client{color:#cccccc;
	text-decoration:none;
	font:verdana 110%;
}

a.client:hover{color:#ffffff;
	text-decoration:none;
}

img#work2{filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65;
}

a.work:hover img#work2{filter:alpha(opacity=100);-moz-opacity:.100;opacity:.100;
}

h3#new {
	text-indent: -100em;
	overflow: hidden;
	background: url(../img/new.gif) no-repeat;
	height: 30px;
	}


img.work2{
float:left;
margin-right:13px;
padding-bottom:10px;

border:#ffffff 4px solid;
}

.portsites{
width:470px;
aheight:150px;
border-bottom:2px solid #666666;
}

#recentwork p{
line-height:15px;
}

a.sites{
font:120% Trebuchet MS;
font-weight:bold;
color:#914848;
text-decoration:none;
}

a.recentsites{
font:120% Trebuchet MS;
color:#D80000;
font-weight:bold;
text-decoration:none;

}

a.port{
text-decoration:none;
color:#006699;
}

a.port:hover{
color:#914848;
}

a.validate{
text-decoration:none;
color:#333333;
}

a.validate :visited{
text-decoration:none;
color:#333333;
}


h1, h2, h3, h4, h5, h6,  blockquote,
 form, label, ul, ol, dl, fieldset, address {
    margin:0px;
	
}