/* standard elements */
* { margin:0px; padding:0px;}

body {
	background-color:#FFF;
	color: #999;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:21px;
	background:#000 url(img/bg.gif) center repeat-y;
}

img { border-style:none;}

p {padding: 10px 50px; font-size:11px; text-align:justify; color:#666;}

a { color:#999; text-decoration:none;}
a:hover { color:#ff6600;}

h1 { 
	padding:10px 50px 0px 50px;
	color:#000000;
	font: normal 14px Arial, Helvetica, sans-serif;
	text-align:left;
}
h2 { 
	padding:10px 50px 0px 50px;
	color:#000000;
	font: bold 27px Arial, Helvetica, sans-serif;
	text-align:left;
}
h4 { 
	padding:10px 50px 0px 50px;
	color:#000000;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-align:left;
}
hr { color:#e0e0e0;}


/* misc */
.clearer {clear: both; margin:0px; padding:0px; line-height:0px; font-size:1px;}

/* structure */
.warper {
	width: 718px;
	height:auto;
	margin: 0px auto;
	padding:0px;
}

.header { padding:30px; height:70px; text-align:right; background:url(img/headerbg.jpg) no-repeat top;}
.home { width:668px; margin:0px auto; padding:5px; text-align:right;}
.header hr { width:78%; float:right;}

.container {
	margin:0px auto;
	padding:0px;
	width: 678px;
	height:auto;
	background: url(img/gray.gif) 0px 0px;
}

.para {
	margin:0px auto;
	padding:30px 0px;
	width: 678px;
	height:auto;
	background: url(img/white.gif) 0px 0px;
}
.para a{ color:#000; text-decoration:none;}
.para a:hover{ color:#ff6600; text-decoration:underline;}
.para ul { text-align:left; font-size:11px; padding:5px 50px; list-style:inside;}
.para ul li { padding:5px;}
.para img { float:right; padding:0px 5px;}
.para hr { color:#ff9966;}

.showcase {
	margin:0px auto;
	padding:30px 0px;
	width: 678px;
	height:auto;
	text-align:center;
}
.showcase img { padding:0px; border:solid 2px #CCC;}
.showcase h1 { margin:10px 50px; padding:10px; border-top:solid 2px #415ca9; color:#415ca9;}

.box00 {width:226px; height:113px; float:left;}
.box00 a{ display:block; width:226px; height:113px; color:#FFF; text-decoration:none; }
.box00 a:hover { text-decoration:none;}

.box01 {width:226px; height:auto; float:left; background:url(img/about_us.jpg) 100% 0% no-repeat;}
.box01 a{ display:block; width:226px; height:auto; color:#FFF; text-decoration:none; }
.box01 a:hover { text-decoration:none;}

.box02 {width:226px; height:auto; float:left; background:url(img/clients.jpg) 100% 0% no-repeat;}
.box02 a{ display:block; width:226px; height:auto; color:#FFF; text-decoration:none; }
.box02 a:hover {text-decoration:none;}

.box03 {width:226px; height:auto; float:left; background:url(img/services.jpg) 100% 0% no-repeat;}
.box03 a{ display:block; width:226px; height:auto; color:#FFF; text-decoration:none; }
.box03 a:hover {text-decoration:none;}

.box04 {width:226px; height:auto; float:left; background:url(img/projects.jpg) 100% 0% no-repeat;}
.box04 a{ display:block; width:226px; height:auto; color:#FFF; text-decoration:none; }
.box04 a:hover {text-decoration:none;}

.box05 {width:226px; height:auto; float:left; background:url(img/products.jpg) 100% 0% no-repeat;}
.box05 a{ display:block; width:226px; height:auto; color:#FFF; text-decoration:none; }
.box05 a:hover {text-decoration:none;}

.box { width:113px; height:113px; float:left;}
.box a{ display:block; height:63px; color:#FFF; padding:50px 0px 0px 0px; text-decoration:none;}
.box a:hover { background: url(img/roll.gif); color:#999; padding:50px 0px 0px 0px; text-decoration:none;}

.boxback { width:113px; height:113px; float:left; background:url(img/back.jpg)}
.boxback a{ display:block; height:73px; color:#666; padding:40px 0px 0px 0px; text-decoration:none;}
.boxback a:hover {color:#FF6600; padding:40px 0px 0px 0px; text-decoration:none;}


.boxr1 { width:113px; height:113px; float:left; background:url(img/black.gif);}
.boxr1 a{ display:block; width:113px; height:73px; color:#000; padding:40px 0px 0px 0px; text-decoration:none;}
.boxr1 a:hover {color:#FFF; padding:40px 0px 0px 0px; text-decoration:none;}

.boxr2 { width:113px; height:113px; float:left; background:url(img/black.gif);}
.boxr2 a{ display:block; width:113px; height:73px; color:#000; padding:40px 0px 0px 0px; text-decoration:none;}
.boxr2 a:hover {color:#FFF; padding:40px 0px 0px 0px; text-decoration:none;}

.boxr3 { width:113px; height:113px; float:left; background:url(img/black.gif);}
.boxr3 a{ display:block; width:113px; height:73px; color:#000; padding:40px 0px 0px 0px; text-decoration:none;}
.boxr3 a:hover {color:#FFF; padding:40px 0px 0px 0px; text-decoration:none;}

.boxr4 { width:113px; height:113px; float:left; background:url(img/black.gif);}
.boxr4 a{ display:block; width:113px; height:73px; color:#000; padding:40px 0px 0px 0px;
text-decoration:none;}
.boxr4 a:hover {color:#FFF; padding:40px 0px 0px 0px; text-decoration:none;}

.boxr5 { width:113px; height:113px; float:left; background:url(img/black.gif);}
.boxr5 a{ display:block; width:113px; height:73px; color:#000; padding:40px 0px 0px 0px; text-decoration:none;}
.boxr5 a:hover {color:#FFF; padding:40px 0px 0px 0px; text-decoration:none;}

.rbox1, .rbox2, .rbox3, .rbox4, .rbox5 {}
.rbox1 a, .rbox2 a, .rbox3 a, .rbox4 a, .rbox5 a {}
.rbox1 a:hover, .rbox2 a:hover, .rbox3 a:hover, .rbox4 a:hover, .rbox5 a:hover {}


/* navigation */
.footernav {
	margin:0px auto;
	padding:10px;
	width: auto;
	height:auto;
	text-align:left;
}

.navigation { float:left; margin:0px; width:139px; text-align:left;}
.navigation ul {
	margin:0px auto;
	padding:0px;
	width:139px;
	list-style:inside;
	overflow:hidden;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
} 
.navigation li {
	display: inline;
	width:139px;
}
.navigation li a {
	width:99px;
	margin:10px;
	padding:10px;
	color: #444;
	display: block;
	text-decoration: none;
	border-bottom:1px dotted #444;

}
.navigation ul li a:hover {
	color: #FF6600;
	border-bottom:1px dotted #FF6600;
}

/* footer */
.footer {
	font-size: 1.1em;
	line-height: 40px;
	margin:50px auto 0px auto;
	padding:0px;
	text-align: center;
	width: auto;
	background:url(img/footerbg.jpg) bottom no-repeat;
}
.footer a {color: #FFF;}
.footer a:hover {color: #FAFCB0;}
.footline { padding:20px 30px;}

b.rtop, b.rbottom { display:block; }
b.rtop b, b.rbottom b { display:block; height:1px; overflow:hidden; background-color:#e0e0e0; }
b.r1 { margin:0 5px; }
b.r2 { margin:0 3px; }
b.r3 { margin:0 2px; }
b.rtop b.r4, b.rbottom b.r4 { margin:0 1px; height:2px; }

/* form */

.search { width:678px; margin:0px auto; padding:0px;}
.form { 
margin:0px auto;
padding:3px 0px;
background:url(img/searchbg.gif) 100% no-repeat;
text-align:right;
}

.field {
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	width: 130px;
	height: 15px;
	margin: 0px;
	padding:0px;
	border:none 0;
}
.field:hover {
	border:none 0;
}
.field:focus {
	border:none 0;
}
.btn { 
	margin:0px;
	padding:0px;
	height:15px;
	width:40px;
	border:none;
	background:none;
	cursor:pointer;
}

/*Contact Form */

.formcont { margin:10px; font-weight:bold; text-align:right;}

.txt {
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	width: 200px;
	height: 16px;
	margin:10px 0px 0px 0px;
	padding:2px;
}

.txt:hover {
	border-color: #ff6600;
	border-width: 1px;
}
 
.txt:focus {
	border-color: #ff6600;
	border-width: 1px;
}
.txtarea {
	width: 200px;
	margin:10px 0px 0px 0px;
	padding:2px;
	border:solid 1px #999;
}
.txtarea:hover {
	border-color: #ff6600;
	border-width: 1px;
}
.txtarea:focus {
	border-color: #ff6600;
	border-width: 1px;
}

.formcont option.black { background-color: #FFF; color:#333333;}
.formcont option.white { background-color: #FFF; color:#105299;}

.btun { margin:5px 0px; padding:5px; font-size:11px; color:#FFF; background:#999; border-style:none;}