* { margin:0; padding:0;}
body { background:#1f3741; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#1f4154;}

h4 {
	padding-bottom: 20px;
}

input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:16px;}

.tail-top { background:url(../images/tail-top-blue.gif) left top repeat-x #fff;}
.tail-bottom { background:url(../images/tail-bottom.gif) left bottom repeat-x;}
.tail-middle { background:url(../images/box1-bg.gif) left 328px repeat-x;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#newsletter { display: none;}
#newsletter h3 { margin-bottom:10px;}
#newsletter label { display:block; height:31px;}
#newsletter input.text { width:240px; background:#fff; border:1px solid #828282; padding:2px 0 2px 3px;}
#newsletter input.submit { width:74px; height:22px; background:url(../images/submit.gif) no-repeat left top; color:#fff; border:0; text-align:center; font-size:1.1em;}

#contacts-form label { display:block; height:42px;} 
#contacts-form label input { width:309px; padding:2px 0 2px 3px; color:#1f4154;  border:1px solid #828282;}
#contacts-form textarea {width:309px; height:205px; padding:2px 0 2px 3px; margin-bottom:21px; color:#1f4154; border:1px solid #828282;}

/*==================list====================*/
ul { list-style:none;margin-top: 15px;}

.headers-list { padding:3px 0 0 0;}

#site-nav { float:left; padding:4px 0 0 0;margin:5px 0 0 45px;}
#site-nav li { display:inline;}
#site-nav li a { display:block; float:left; color:#fff; text-decoration:none; line-height:1em; margin-left:30px;outline:medium none;}
#site-nav li a span { display:block; }
#site-nav li a em { display:block; font-style:normal; padding:18px 0 13px;}
#site-nav li a:hover {background:url(../images/menu-bg.gif) left bottom repeat-x; text-shadow: #000000 3px 3px 3px;}
#site-nav li a:hover span {background:url(../images/menu-left.gif) no-repeat left bottom;}
#site-nav li a:hover em {background:url(../images/menu-right.gif) no-repeat right bottom; }
#site-nav li a.current {background:url(../images/menu-bg.gif) left bottom repeat-x; }
#site-nav li a.current span {background:url(../images/menu-left.gif) no-repeat left bottom;}
#site-nav li a.current em {background:url(../images/menu-right.gif) no-repeat right bottom; }

.list1 li { background:url(../images/arrow.gif) no-repeat left 5px; padding:0 0 20px 8px;}
.list1 li div { padding:0 20px 0 0;}

.list2 { background:url(../images/line-ver.gif) 50% top no-repeat; width:100%; overflow:hidden; margin-bottom:12px;}
.list2 li { float:left; width:48%; margin-right:22px; border-bottom:1px solid #828282; position:relative;}
.list2 li.last { border:0;}
.list2 li.alt { margin-right:0;}
.list2 li div { padding:0 20px 20px 0; position:relative;}
.list2 li.alt div { padding:0 0 20px 20px;}

/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}

.article { padding:0 0 30px 0;}

.p1 { margin-bottom:16px;}
.p2 { margin-bottom:25px;}

/*==================txt, links, lines, titles====================*/
a {color:#287EAA;}
a:hover{text-decoration:none;color:#E56F39;}

h1 { font-size:2.18em; color:#104f6e; font-weight:normal; line-height:1.1em; margin-bottom:23px;}
h2 { font-size:2.18em; color:#104f6e; font-weight:normal; line-height:1.1em; margin-bottom:23px;}
h3 { font-size:2em; color:#104f6e; font-weight:normal; line-height:1.1em; margin-bottom:23px;}
h3 img { margin:5px 0 0 0;}

.link1 { cursor: pointer; display:block; float:left; background:url(../images/link1-left.gif) no-repeat left top #00a0d8; color:#fff; text-decoration:none; font-size:1.1em; margin-right:12px;}
.link1 b { display:block; background:url(../images/link1-right.gif) no-repeat right top; padding:3px 10px 3px 10px; font-weight:normal; font-style:normal;}
.link1:hover { text-decoration:underline;color:#fff;}

.contact-form-msg {
	font-weight: bold;
}
.contact-form-error-msg {
	color: #b51d1d;
}
/*==================boxes====================*/
.box { background:url(../images/box-bg.gif) left top repeat-x #f5f7f3; width:100%;}
.box .border-right {background:url(../images/border-right.gif) repeat-y right;}
.box .right-top-corner {background:url(../images/right-top-corner.jpg) no-repeat right top; width:100%;}
.box .indent { padding:26px 40px 55px 31px !important;}

.cont-box span { float:left; width:70px;}


/*header*/
#header .row-1 { height:104px; background:url(../images/header-bg1.jpg) no-repeat left top;}
#header .row-2 .col-1 .indent { padding:18px 0 0 85px;}
#header .divider { position:absolute; background:url(../images/divider.png) no-repeat left top; width:38px; height:282px; left:64%; top:116px; margin-left:-9px;}
#header .slogan { margin-bottom:16px;}

#header div.slogan_top {
	color:#ffffff;
	font-size:3em;
	padding-bottom:32px;
	text-transform:uppercase;
	line-height:40px;
}
#header div.slogan_bottom {
	color: #ffffff;
	font-size:1.8em;
	text-transform:uppercase;
	margin-bottom:7px;
	line-height:27px;
	opacity: 0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
#header a.slogan_btn {
	background:url("../images/button.png") no-repeat scroll 0 0 transparent;
	color: #ffffff;
	display:block;
	font-size:14px;
	height:38px;
	line-height:18px;
	outline:medium none;
	overflow:hidden;
	padding:9px 0 0;
	text-align:center;
	width:119px;
	text-transform:uppercase;
	text-decoration:none;
}

.headers-list div a {
	color:#FFFFFF;
	display:block;
	font-size:34px;
	height:38px;
	line-height:24px;
	outline:medium none;
	overflow:hidden;
	padding:19px 0 0 1px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:82px;
	float: left;
}

.headers-list div a.item1 {
	background:url("../images/head-item1.png") no-repeat scroll 0 0 transparent;
}
.headers-list div a.item2 {
	background:url("../images/head-item2.png") no-repeat scroll 0 0 transparent;
}
.headers-list div a.item3 {
	background:url("../images/head-item3.png") no-repeat scroll 0 0 transparent;
}

.headers-list div.headers-list-container {
	height: 60px;
	margin:0 0 3px;
	width: 100%;
	display: block;
	clear: both;
}

.headers-list div div.item-text-block {
	padding: 14px 0 0 8px;
	float: left;
}

.headers-list div div.item-text-block  p.item-top-text {
	font-size: 1.2em;
	padding-bottom:4px;
	color: #ffffff;
	text-decoration:none;
	text-transform:uppercase;
	margin: 0;
}

.headers-list div div.item-text-block p.item-bottom-text {
	font-size: 0.9em;
	font-weight: bold;
	color: #ffffff;
	text-decoration:none;
	text-transform:uppercase;
	margin: 0;
	opacity: 0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

/*content*/
#content .indent {padding:26px 10px 55px 31px;}

/*footer*/
#footer { color:#8f9ba0;}
#footer div.footer-top {
	height: 160px;
	width: 100%;
	display: block;
	clear:both;
	position: relative;
	z-index: 1000;
}
#footer div.footer-top div.footer-left-box {
	margin:11px 36px;
	width: 200px;
	float: left;
}

#footer div.footer-top div.footer-left-box li {
	background:url("../images/footer_arrow.png") no-repeat scroll 0 13px transparent;
	padding:0 0 0 10px;
	height: 33px;
}

#footer div.footer-top div.footer-left-box li a {
	background:url("../images/footer-li-bottom-bg.png") repeat-x scroll 0 31px transparent;
	line-height:33px;
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration:none;
}

#footer div.footer-top div.footer-right-box {
	float:right;
	margin:10px 0 0 0;
	width:35%;
}

#footer p.footer-right-box-w3c {
	text-align: left;
	padding-left: 10px;
}

#footer div.footer-top div.footer-right-box p.footer-right-box-header {
	font-size:1.2em;
	font-weight:bold;
	padding:10px 0 0 10px;
	color: #ffffff;
	text-transform: uppercase;
}

#footer div.footer-top div.footer-right-box p.footer-right-box-contact-info {
	font-size:1.7em;
	line-height:23px;
	padding:15px 0 0 10px; 
	font-family:Tahoma;
}

#footer div.footer-bottom {
	background:url("../images/footer-li-bottom-bg.png") repeat-x scroll 0 0 transparent;
	height: 70px;
	display: block;
	width: 100%;
	clear:both;
}

#footer div.footer-bottom  div.footer-menu {
	float: left;
	margin:10px 0 10px 32px;
	width:537px;
}

#footer div.footer-bottom  div.footer-menu p {
	padding: 0;
	text-transform: uppercase;
	color: #ffffff;
}

#footer div.footer-bottom  div.footer-menu p a {
	padding:0 4px;	
	color: #ffffff;
}

#footer div.footer-bottom div.footer-right-box {
	float:right;
	margin:10px 0 0 0;
	width:35%;
}

#footer div.footer-bottom div.footer-right-box p.footer-right-box-copyright {
	font-size:1em;
	font-weight:bold;
	padding:0;
	padding-left: 10px;
}

#footer div.footer-bottom div.footer-right-box p.footer-right-box-copyright a {
	color: #8f9ba0;
}
	
#footer p { padding:15px 0 0 29px; margin:0;}
#footer a { color:#3b7b96; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/*hosting table styles from old site*/
.style4 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style5a {color: #FFFFFF; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: center;}
.style7 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #ccc; color: #666;text-align:center;}
.style8 {font-size: 10px}
.style13 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; border: 1px solid #ccc; color: #336699; height: 24px;}
.style14 {font-size: 9px;color: #FF0000;}
.style15 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; border: 1px solid #ccc; color: #FFFFFF; height: 16px;}
.style17 {font-size: 10px;color: #FFFFFF;font-weight: bold;}
.trheader {background-color: #369;}
.trheader2 {background-color: #e2e2e2;}
.div_center {
	text-align: center;
}
/*==========================================*/

/*----------------------------------------ADMIN PANEL STYLES----------------------------------------*/
.listHeader{width:100%;float:left;border-bottom:3px solid #e0e0e0;clear:both;margin-bottom:15px;}
.listHeaderIcon{float:left;width:20px;padding-top:4px;}
.listHeaderCaption{float:left;padding:4px;font-weight:bold;padding-bottom:7px;}

.listFooter{width:100%;clear:both;border-top:3px solid #e0e0e0;height:24px;padding-top:4px;}
.listFooterIcon{float:left;width:20px;padding-top:4px;}
.listFooterCaption{float:left;padding:4px;font-weight:bold;}

.listItem{width:100%;float:left;border-bottom:1px solid #e0e0e0;clear:both;}
.listItemIcon{float:left;width:20px;padding-top:5px;}
.listItemText{float:left;padding:4px;padding-top:5px;}
.listItemButtons{float:right;padding:4px;padding-top:5px;width:120px;}
.listEmpty{padding-left:24px;padding-top:0px;padding-bottom:10px;font-size:12px;font-weight:bold;clear:both;}
.listButtons{padding-top:15px;padding-bottom:15px;text-align:center;clear:both;width:100%;}

.formHeaderIcon{padding:5px;float:left;width:16px;}
.formHeaderText{padding:5px;padding-left:0px;float:left;}
.formHeaderButtons{float:right;padding:5px;width:120px;text-align:right;}

.formItem{width:100%;clear:both;}
.formItemCaption{width:250px;padding-left:26px;padding-top:7px;}
.formItemControl{padding-left:20px;padding-top:4px;padding-bottom:4px;padding-right:15px;}
.formItemBig{padding-left:25px;padding-top:7px;padding-bottom:10px;padding-right:15px;}
.formItemComment{clear:both;font-size:11px;color:gray;}

.formButtons{padding-top:15px;padding-bottom:15px;text-align:center;}

.formListHeaderIcon{border-bottom:3px solid #e0e0e0;width:16px;}
.formListHeaderCaption{border-bottom:3px solid #e0e0e0;font-weight:bold;}
.formListItemIcon{width:16px;}
.formListItemText{border-bottom:1px solid #e0e0e0;}
.formListItemButtons{border-bottom:1px solid #e0e0e0;width:120px;}
.formListEmpty{padding-left:31px;padding-top:10px;padding-bottom:10px;font-size:12px;font-weight:bold;clear:both;}

/*----------------------------------------PORTFOLIO STYLES----------------------------------------*/
.portfolio-table td {
	vertical-align: top;
}

.view-project-info {
	margin: 10px 0 0 0;
}

.portfolio-box-left {
	width: 231px;
	float: left;
}

.portfolio-box-right {
	width: auto;
	float: left;
	clear: right;
}

.portfolio-item {
	border:1px solid #1F3741;
	height:161px;
	overflow:hidden;
	width:215px;
}

.portfolio-text {
	height: 30px;
	font-weight: bold;
}

table tr.header_blue {
	background-color: #336699;
}

table tr.tr_grey {
	background-color: #e2e2e2;
}

/*************LIGHT BOX STYLES**************/
.portfolio-light-box {
	background: url("../images/footer-li-bottom-bg.png") repeat-y scroll 427px 0 transparent;
	font-size:0.8em;
}

.portfolio-light-box .list1 li {
	padding:0 0 10px 8px;
}

.portfolio-light-box h2 {
	text-decoration: underline;
	font-size:1.56em !important;
}

.portfolio-light-box p {
}

.portfolio-light-box .left-side-portfolio-box {
	width: 420px;
	float: left;
	padding-right:15px;
}

.portfolio-light-box .right-side-portfolio-box {
	width: 370px;
	float: left;
	padding-left:15px;
}
.portfolio-technology-table {
	margin-bottom:16px;
}

.portfolio-technology-table td {
	width: 50px;
	background:url("../images/arrow.gif") no-repeat scroll left 5px transparent;
	padding:0 15px 0 8px;
	white-space:nowrap;
}

#footer div.footer-bottom div.footer-menu div.cloud {
	margin:0;
	padding:0;
	width:100%;
	padding-top:30px;
}

#footer div.footer-bottom div.footer-menu div.cloud p {
	display: inline;
}

#footer div.footer-bottom div.footer-menu div.cloud p a {
	padding: 0;
}

/*
#footer .cloud a {
	margin:-7px 0 0 9px;
	text-transform:uppercase;
	color: #8F9BA0;
	font: 13px "trebuchet ms",helvetica,sans-serif;
	font-weight:bold;
	display:block;
	float:left;
	line-height: 35px;
	white-space: nowrap;
}
* */
#footer div.footer-bottom div.footer-menu div.cloud a {
	margin:-7px 10px 0 0;
	text-transform:uppercase;
	color: #8F9BA0;
	font: 13px "trebuchet ms",helvetica,sans-serif;
	font-weight:bold;
	line-height: 35px;
}

#footer div.footer-bottom div.footer-menu div.cloud a:hover {
	text-decoration: none;
}

/*
 * jquery.ui.potato.menu
 * 
 * Copyright (c) 2009 makoto_kw (makoto.kw@gmail.com)
 * Dual licensed under the MIT and GPL licenses.
 * 
 * Version: 1.0
 */

#navigation_menu {
	display: none;
	/*visibility: hidden;*/
}

ul.potato-menu {
	display: inline;
	list-style: none;
	float:left;
	margin:5px 0 0 45px;
	padding:4px 0 0;
}

.potato-menu:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

ul.potato-menu li.potato-menu-item {
	position: relative;
	display: inline;
	float: left;
}

ul.potato-menu li.potato-menu-item a {
	color:#FFFFFF;
	display:block;
	float:left;
	line-height:16px;
	margin-right: 28px;
	outline:medium none;
	text-decoration:none;
}

ul.potato-menu li.potato-menu-item a span{
	display:block;
}

ul.potato-menu li.potato-menu-item a em{
	display:block; 
	font-style:normal; 
	padding:18px 0 13px;
}

ul.potato-menu li.potato-menu-item a.current {
	background:url(../images/menu-bg.gif) left bottom repeat-x;
}

ul.potato-menu li.potato-menu-item a.current span {
	background:url(../images/menu-left.gif) no-repeat left bottom;
}

ul.potato-menu li.potato-menu-item a.current em {
	background:url(../images/menu-right.gif) no-repeat right bottom;
}

ul.potato-menu li.potato-menu-item a:hover {
	background:url(../images/menu-bg.gif) left bottom repeat-x; 
}

ul.potato-menu li.potato-menu-item a:hover span {
	background:url(../images/menu-left.gif) no-repeat left bottom;
}

ul.potato-menu li.potato-menu-item a:hover em {
	background:url(../images/menu-right.gif) no-repeat right bottom;
}
ul.potato-menu ul.potato-menu-group {
	margin: 45px 0 0 0;
	padding: 0;
	-webkit-padding-start: 0;
	-webkit-padding-end: 0;
	position: absolute;
	display: none;
	z-index: 1000;
	background: none;
	background-color: #1a3039;
}

ul.potato-menu ul.potato-menu-group a {
	text-transform: none;
	background: none;
	margin:0;
	padding:5px;
	width:200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

ul.potato-menu ul.potato-menu-group a:hover {
	background: none;
	background-color: #FFFFFF;
	color: #1a3039;
}

ul.potato-menu ul.potato-menu-group a:hover span {
	background: none;
	background-color: #FFFFFF;
	color: #1a3039;
}

ul.potato-menu ul.potato-menu-group a:hover em {
	background: none;
	background-color: #FFFFFF;
	color: #1a3039;
}

ul.potato-menu ul.potato-menu-vertical li.potato-menu-item {
	/*width:96%;*/
}