* { margin:0; padding:0;}
html, body { height:100%;}
body { background:#fefefe; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.125em; color:#666;}

input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

hr{margin: 0 0 10px 0;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:18px;}

.tail-top { background:url(../img/tail-top.gif) left top repeat-x #fff;}
.tail-bottom { background:url(../img/tail-bottom.gif) left bottom repeat-x;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
object { vertical-align:top; outline:none;}

#contactform fieldset { border:none;}
#contactform label { display:block; height:40px; background:url(../img/input-bg.gif) no-repeat left top;} 
#contactform label .tb { width:240px; padding:2px 0 2px 8px; color:#666; background:none; border:none;}
#contactform label .ddl { width:240px; padding:2px 0 2px 8px; color:#666; background:none; border:none;}
#contactform .textarea-box {
	background:url(../img/textarea-bg.gif) no-repeat left top;
	width:245px;
	height:240px;
	margin-bottom:16px;
}
#contactform .tbLarge {width:240px; height:253px; padding:2px 0 2px 8px; color:#666; overflow:auto; background:none; border:none;}
#contactform .link1 { float:right; margin-left:25px;}

#login-form { border:none;}
#login-form div { display:block; text-align: left; position: relative; margin: 10px 0 0 0; padding: 0; width: 350px;} 
#login-form div span { position: absolute; top: 0; right: 0px;} 
#login-form div input { background:url(../img/input-bg.gif) no-repeat left top; color:#a3a39d; width:140px; padding:2px 0 2px 8px; border:none;}

/*==================list====================*/
ul { list-style:none;}

.list1 { padding-bottom:6px;}
.list1 li { background:url(../img/marker.gif) no-repeat left 3px; padding:0 0 12px 29px;}
.list1 li.last { padding-bottom:0;}

.list2 { padding-bottom:10px;}
.list2 dt a { color:#a3a39d;}
.list2 dd { padding-bottom:8px;}
.list2 dd.last { padding-bottom:0;}

.list-portfolio { padding-bottom:6px;}
.list-portfolio li { background:url(../img/marker.gif) no-repeat left 3px; margin: 0; padding:0 10px 5px 29px; float: left; width: 170px;}
.list-portfolio li a, .list-portfolio li a:link {color: #666;}
.list-portfolio li.last { padding-bottom:0;}

.list-portfolio-more { padding-bottom:6px;}
.list-portfolio-more li { background:url(../img/marker.gif) no-repeat left 3px; margin: 0; padding:0 10px 5px 29px;}

.clients { width:100%; overflow:hidden;}
.clients li { float:left; margin-right:20px;}
.clients li.last { margin-right:0;}

/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:27px;}
.img-box img { float:left; margin:0 20px 0 0;}

/*==================portfolio====================*/
.img-box-portfolio { width:100%; overflow:hidden; padding-bottom:27px; margin: 40px 0 10px 0; border-bottom: 2px solid #f1f1f1;}
.img-box-portfolio img { float:left; margin:0 20px 0 0;}
.extra-wrap { overflow:hidden; }

.p1 { margin-bottom:8px;}
.p2 { margin-bottom:16px;}
.p3 { margin-bottom:24px;}

/*==================txt, links, lines, titles====================*/
a {color:#85bf14; outline:none;}
a:hover{text-decoration:none;}

h1 { font-size:30px; line-height:1em; text-transform:uppercase; color:#333;}
h1 a { color:#55554a; text-decoration:none;}
h2 { font-size:18px; line-height:16px; color:#55554a; text-transform:uppercase; margin-bottom:16px; min-height:35px; height:auto !important; height:35px;}
h2.icon1 { background:url(../img/icon-web-design.jpg) no-repeat left 4px; padding:0 0 0 47px; width:180px;}
h2.icon2 { background:url(../img/icon-database.jpg) no-repeat left 4px; padding:0 0 0 47px; width:180px;}
h2.icon3 { background:url(../img/icon-technology.jpg) no-repeat left 4px; padding:0 0 0 47px; width:180px;}
h3 { font-size:18px; line-height:16px; color:#55554a; text-transform:uppercase; margin-bottom:20px;}
h3 strong { display:block; color:#a3d84f; font-size:14px;}
h4 { font-size:1em; color:#55554a; margin-bottom:30px;}
h5 { font-size:1em; color:#55554a; margin-bottom:8px; padding-top:8px;}
h6 { font-size:1em; color:#55554a; margin-bottom:8px;}

.txt1 { color:#85bf14;}

.link1 { background:url(../img/arrow2.gif) no-repeat left 7px; padding:0 0 0 20px; font-size:18px; text-decoration:none; color:#55554a; display:block; float:left;}
.link2 { color:#a3a39d;}

.line-hor {
	background:#ececec;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
}
.line-ver, .line-ver1 { background-image:url(../img/line-ver.gif); background-repeat:repeat-y; width:100%;}

.title { margin-bottom:20px;}

.dept-list { color:#55554a; font-weight:bold;}
.dept-list dd { clear:both;}
.dept-list dd span { float:left; width:82px;}
.dept-list dd a { color:#55554a;}

.dept-list-1 { margin-bottom:30px;}
.dept-list-1.alt { margin-bottom:0;}
.dept-list-1 dt { color:#85bf14;}
.dept-list-1 dd { clear:both;}
.dept-list-1 dd span { float:left; width:82px;}
.dept-list-1 dd a { color:#a3a39d;}

/*header*/
#header{position: relative}
#header .row-1 { height:116px;}
#header .row-2 { height:51px;}
#header .row-3 { padding:90px 0 0 74px;}
#header .row-3 .indent { width:345px; text-align:center;}

#header .logo { float:left; padding:0 0 0 0; margin:10px 0 0 0;}
#header .logo span { color:#898981;}

#header .slogan { text-transform:uppercase; font-size:20px; line-height:1em; color:#cbcbbb; margin-bottom:20px;}
#header .slogan strong { font-size:28px; color:#55554a;}
#header .slogan em { color:#86ce16; font-style:normal;}

#header .login { text-transform:uppercase; font-size:15px; line-height:1em; color:#cbcbbb; margin:5px 0 0 5px;}
#header .login span { font-size:margin: 0 0 0 20px; color:#55554a;}

#header .button { background:url(../img/button.jpg) no-repeat left top; width:144px; height:40px; font-size:20px; text-align:center; text-transform:uppercase; margin:0 auto; line-height:40px; text-decoration:none; }
#header .button a {color:#55554a; text-decoration:none;}

.top-links { float:right; padding:40px 0 0 0; margin:0 0 0 0;}
.top-links li { display:inline; color:#898981;}
.top-links li a { background:url(../img/arrow1.gif) no-repeat right 6px; padding:0 12px 0 0; margin:0 16px 0 13px; color:#898981; text-decoration:none;}
.top-links li a:hover { text-decoration:underline;}

#header .country { position: absolute; top: 127px; right: 10px;}
#header .country a { margin: 0 0 0 2px}

#header .nav li { float:left;}
#header .nav li.home a { width:auto; border:none;}
#header .nav li a { display:block; float:left; width:100px; text-align:center; color:#55554a; font-weight:bold; text-decoration:none; font-size:17px; border-right:1px solid #d4d4cc; height:44px; line-height:44px;}
#header .nav li a.applications { display:block; float:left; width:130px; text-align:center; color:#55554a; font-weight:bold; text-decoration:none; font-size:17px; border-right:1px solid #d4d4cc; height:44px; line-height:44px;}

/*content*/
#content { padding:50px 25px 50px 27px;}

#content .row-1 { border-bottom:1px solid #ececec; padding-bottom:46px; margin-bottom:43px;}

#content .indent { padding:0 0 0 39px;}
#content .border-left { border-left:1px solid #ececec;}

/*footer*/
#footer { color:#a2a293; text-align:center;}
#footer .indent { padding:17px 0 0 0;}
#footer a { color:#a2a293; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

#footer .nav li { display:inline;}
#footer .nav li a { padding:0 6px 0 3px; color:#a2a293; text-decoration:none;}
#footer .nav li a:hover { text-decoration:underline;}

/*==========================================*/

