@import url("assets.css");

/* start reset */
* {outline: none; background-repeat: no-repeat; border: 0;}
body,div,dl,dt,dd,ul.reset,ol.reset,ol.reset li, ul.reset li, h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol.reset,ul.reset {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* end reset */
body {min-width: 1000px;}
body { background-color: #151414; position: relative; top: 0; left: 0; font-family: Arial; font-size: 12px;}
img, embed, object {display: block;}
a:link, a:visited, a:active {color: #a74f01; text-decoration: none;}
a:hover {text-decoration: underline;}
em a:link, em a:visited,  em a:hover, em a:active  {color: #fff;}
p {padding: 0 0 15px;}
.inline-img {float: left; border: 4px solid #4c4b4b; padding: 1px; background-color: #2f2f2f; margin: 0 10px 0 0;}
#wrapper {min-width: 1000px;  top: 0; left: 0; }
#extra1 {display: block; width: 225px; height: 97px; background-image:url(layout/head_left.png); position: absolute; top: 143px; left: 0; z-index: 20;}
#extra2 {display: block; width: 225px; height: 97px; background-image:url(layout/head_right.png); position: absolute; top: 143px; right: 0; z-index: 20;}

#extra3 {display: block; background-image:url(layout/trifoi.jpg); width: 132px; height: 108px; background-image:url(layout/trifoi.png); position: absolute; top: 110px; left: 849px;}
.inner {width: 1000px; margin: 0 auto; position: relative; top: 0; left: 0; min-height: 1px;}
.inner:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
} 

/* start head */
#head {height: 222px; background-image:url(layout/head_bg.png); background-repeat: repeat-x;  top: 0; left: 0;}
#head .inner {z-index: 10;}
#bg-right {display: block; width: 280px; height: 97px; background-image:url(layout/head_right_bg.png); position: absolute; top: 143px; right: 0; }
#bg-left {display: block; width: 280px; height: 97px; background-image:url(layout/head_left_bg.png); position: absolute; top: 143px; left: 0; }

#logo { width: 230px; height: 56px; position:absolute; top: 71px; left: 30px;  z-index: 10000; display: block;  }

#main-menu {float: left; padding: 0 0 0 288px; position: relative; top: 0; left: 0; }
#main-menu  li {float: left;}
#main-menu a:link, #main-menu a:visited, #main-menu a:active,  #main-menu a#selected {display: block; text-indent: -3000px; overflow: hidden;  height: 183px;}
#main-menu a:hover,  #main-menu a#selected { background-position: 0 -183px; } 
#main-menu a#selected {background-position: 0 -366px;}
#main-menu .about { background-image:url(layout/about.jpg); width: 109px;}
#main-menu .services { background-image:url(layout/services.jpg); width: 102px;}
#main-menu .solutions { background-image:url(layout/solutions.jpg); width: 111px;}
#main-menu .support { background-image:url(layout/support.jpg); width: 102px;}
#main-menu .contact { background-image:url(layout/contact.jpg); width: 123px;}
/* end head */

/* start content */
#content {background-image:url(layout/content_bg.png); background-repeat: repeat-x; padding: 32px 0 0;}
#sidebar {width: 210px; padding: 0 0 20px 52px; min-height: 535px; float: left; position: relative; top: 0; left: 4px; background-image:url(layout/sidebar_bg.gif); background-position: left bottom; }
#page {width: 696px; float: right;  position: relative; top: 0; right: 24px; }
#sidebar h2 {font-size: 24px; color: #8a8774; margin: 0 0 16px 5px;}
.customer {width: 100%; float: left; padding: 0 0 28px;}
#sidebar .customer h3 {font-size: 16px; font-weight: bold; color: #d5d5d5; padding: 0 0 3px 5px;}
#sidebar .customer dt a {display: block; padding: 3px; border: 1px solid #3c3c3c; background-color: #1e1e1e;}
#sidebar .customer dt { background-image:url(layout/sidebar_dt_bg.gif); padding: 9px 0 0 5px; float: left; }
#sidebar .customer dd {width: 133px; float: right; padding: 6px 0 0 0; color: #656062; font-size: 11px;}
#sidebar .customer dd em {display: block;}
#sidebar .customer dd a:link, #sidebar .customer dd a:visited, #sidebar .customer dd a:active {color: #fff; text-decoration: none; display: block; float: left; background-image:url(layout/yellow_arrow.gif); background-position: left center; padding: 0 0 0 7px; margin: 3px 0 0;}
#sidebar .customer dd a:hover {text-decoration: underline;}

#sidebar .quote {padding: 0 0 25px 5px;}
#sidebar .quote h3 {color: #ff7800; font-size: 18px; padding: 0 0 5px;}
#sidebar .quote dt, #sidebar .quote dd {display: inline;}
#sidebar .quote dt {color: #acacac; font-weight: bold;}
#sidebar .quote dd {color: #fff;}
#sidebar .quote dl {padding: 0 0 3px;}
#sidebar blockquote {color: #a7a48f; background-image:url(layout/quote_top.gif);}
#sidebar blockquote p {text-indent: 20px; padding: 0; background-image:url(layout/quote_bottom.gif); background-position: right bottom; }


#intro { background-color: #1b1a1a; background-image:url(layout/intro_bg.jpg); background-position: 0 6px; color: #606060; font-size: 11px; margin: 0 0 39px;}
.intro-top { background-image:url(layout/intro_top.gif);}
.intro-bottom { background-image:url(layout/intro_bottom.gif); background-position: left bottom; min-height: 107px; padding: 6px 0 6px 145px; position: relative; top: 0; left: 0;}
#intro h2 {font-size: 24px; color: #e06c05; margin: 4px 0 6px;}
#intro .read-more { background-color: #1d1d1c; background-image:url(layout/read-more_bg.gif); background-position: right top; height: 24px; width: 696px; position: absolute; left: 0; top: 100%;}
#intro .read-more a {display: block; width: 129px; background-image:url(layout/read-more.jpg); height: 24px; text-indent: -3000px; overflow: hidden;}
#intro .read-more a:hover { background-position: 0 -24px;}
#intro p {padding: 0;}

#page-info{ background-color: #a7a48f; background-image:url(layout/princ-serv-left.jpg);}
.page-info-inner {height: 451px; background-image:url(layout/princ-serv-right.jpg); background-position: right top; margin-right: -16px; padding: 0 65px 0 65px;}
#page-info h2 {font-size: 33px; color: #414141;}
#page-info a.read-more {display: block; width: 80px; height: 14px; background-image:url(layout/read-more2.gif); overflow: hidden; text-indent: -3000px; }

.core-value {width: 480px; padding: 0 0 10px 20px; background-image:url(layout/core-value-bg.gif); margin: 0 0 0 -20px; }
.core-value h3 {color: #444440; font-weight: bold;}
#page-info p {padding: 0;}
#our-services ul { float: left; width: 100%; margin: 0; padding: 0;}
#our-services ul li a {color: #fff; display: block; text-decoration: none; background-image:url(layout/orange_arrow.gif); background-position: left center; padding: 0 0 0 10px;}
#our-services ul li a:hover {text-decoration: underline;}
#our-services ul li { float: left; line-height: 18px; white-space: nowrap; width: 179px; margin: 0 15px 0 0; padding: 0; overflow: hidden;}

.our-services:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
} 
.our-services {padding: 10px 0; min-height: 1px;}
#our-services {padding: 20px 0;}


/* end content */

/* start inner-page */
#inner-page { width: 694px; background-image:url(layout/inner-page-middle.png); line-height: 18px; background-repeat: repeat-y; background-color: #a7a48f; color: #2c2424;}
#inner-page-top { background-image:url(layout/inner-page-top.png);  }
#inner-page-bottom { background-image:url(layout/inner-page-bottom.png); background-position: left bottom; min-height: 360px; padding: 21px 29px 30px 24px;}
h2.emphasized , h3.emphasized{ background-image:url(layout/emphasized.gif);  background-position: right top; margin: 0 0 0 -10px; }
h2 span {display: block; height: 40px; background-image:url(layout/emphasized_bg2.gif); font-size: 33px; color: #2c2424;  }
.reset-form {display: block; overflow: hidden; text-indent: -3000px; background-image:url(layout/reset-form.gif); width: 82px; height: 14px; }
#form-information {min-height: 1px; }
#inner-page h3 {font-size: 18px; color: #414141; margin: 0 0 8px;}
h3.emphasized {height: 40px;}
#form-information:after, #inner-page-bottom:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
} 
#contact-form {width: 417px; float: left;  }
#contact-form form {background-image:url(layout/contact-form-bg.gif); padding: 5px 0 0; }
#contact-information {width: 220px; float: right; }
#contact-information address{ background-image:url(layout/contact-info-bg.gif); padding: 12px 0 0;}
#contact-information address span {display:block;}
#contact-information address span.gutter {padding: 5px 0 0;}

#contact-form label, #contact-form  em {display: block;}
#contact-form label.inline {display: inline;}
#contact-form  em {font-weight: bold; font-size: 13px; padding: 7px 0 4px;}
#contact-form input.text, #contact-form textarea { background:transparent;    width: 100%; }
input.text , textarea {font-size: 13px; font-family: Arial; color: #2c2424;}
#contact-form select {width: 336px;}
#contact-form textarea { overflow: auto; height: 152px;}

#contact-form .bg { background-image:url(layout/input-middle.gif); background-repeat: repeat-y; display: block; }
#contact-form .bg span { background-image:url(layout/input-top.gif); display: block; }
#contact-form .bg span span { background-image:url(layout/input-bottom.gif); background-position: left bottom; padding: 5px 10px; width: 316px; }

#contact-form .bg2 { background-image:url(layout/input-middle2.gif); background-repeat: repeat-y; display: block; float: left; }
#contact-form .bg2 span { background-image:url(layout/input-top2.gif); display: block; }
#contact-form .bg2 span span { background-image:url(layout/input-bottom2.gif); background-position: left bottom; padding: 5px 10px; width: 77px; }

#contact-form .bg3 { background-image:url(layout/input-middle3.gif); background-repeat: repeat-y; display: block;  }
#contact-form .bg3 span { background-image:url(layout/input-top3.gif); display: block; }
#contact-form .bg3 span span { background-image:url(layout/input-bottom3.gif); background-position: left bottom; padding: 5px 10px; width: 397px; }

#contact-way label {padding: 0 10px 0 0;}
#security-code {padding: 10px 0 0; min-height: 1px;}
#security-code:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
} 
#security-code label { float: left; }
#security-code em {float: left; white-space: nowrap; line-height: 26px; padding: 0 4px 0 0 ;}
#security-code img {float: left; position: relative; top: 1px; left: 8px;}
#form-buttons {min-height: 1px;}
#form-buttons:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
} 
#note {line-height: 40px;}
#form-buttons a {float: left;}
#form-buttons input {float: left; position: relative; top: 0; left: 20px;}


#portfolio-description {width: 370px; float: right;}
#portfolio-gallery {width: 256px; float: left;}
#photo {border: 7px solid #4c4b4b; padding: 1px; background: #323130; margin: 0 0 8px;}
#thumbs {width: 100%; overflow: hidden;}
#thumbs ul {width: 270px;}
#thumbs ul li {float: left; padding: 0 10px 10px 0;}
#thumbs a {display: block;}
#thumbs img {border: 3px solid #4c4b4b; padding: 1px; background: #2f2f2f;}

#project-description, #provided-services {padding: 10px 0 10px 10px; clear: both; }
.contact-us { background-image:url(layout/contact-us.gif); width: 173px; height:14px; text-indent: -3000px; overflow: hidden; display: block;}
#project-description { background-image:url(layout/contact-form-bg.gif); background-position: 5px 35px;}
.view-website a:link, .view-website a:visited, .view-website a:active {display: block; line-height: 16px; background-color: #bbb8a6; color: #5e5b4d; float: left;}
.view-website a:hover {text-decoration: none;}
.view-website span { background-image:url(layout/left_round.gif); display: block;}
.view-website span span { background-image:url(layout/right_round.gif); display: block; background-position: right top; white-space: nowrap; padding: 0 10px;}
.view-website {min-height: 1px;}
.view-website:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.services-list {min-height: 1px; padding: 0 0 10px;} 
.services-list:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}  
#provided-services ul {width: 100%; float: left; margin: 0; padding: 0;}

.services-list ul li {padding: 0 0 0  8px; white-space: nowrap; width: 160px; margin: 0 10px 0 0; overflow: hidden; float: left; background-image:url(layout/orange_arrow.gif); background-position: 0 6px; color:#fff;}

#sec-menu {width: 187px; padding: 0 0 20px 6px; margin-top: -7px; float: left;}
#sec-menu li { background-image:url(layout/sec-menu-bg.png); width: 100%; float: left;}

#sec-menu a, #sec-menu span {display: block; padding-left: 25px; line-height: 35px; color: #8f8c7b; background-image:url(layout/sec_lk_bg.gif); background-position: -282px center;}

#sec-menu a:hover {color: #dcd39d; text-decoration: none; background-position: left center; }
#sec-menu span { background-image:url(layout/sec_lk_selected.gif); background-position: left center; font-weight: bold; color: #f5f0d4;}
#sec-menu .parent span  { background-image:url(layout/sec-lk-parent.gif); color: #8f8c7b;}
#sec-menu li.parent { background: none;}
#sec-menu li.parent em {background-image:url(layout/sec-menu-bg.png); display: block;}
#sec-menu li.parent div {position: relative; top: 0; left: 0; overflow: hidden;}
#sec-menu li.parent div, #sec-menu li.parent div ul {width: 182px; float: left;}
#sec-menu li.parent div ul {width: 170px; padding: 0 0 0 25px; position: relative; z-index: 1; top: 0; left: 0;}
#sec-menu li.parent div ul li { background: none;}
#sec-menu li.parent div ul a {line-height: 21px; color: #5d5a49; padding-left: 17px; background-image:url(layout/sec-sec_lk.gif); background-position: 7px 8px;}
#sec-menu li.parent div ul a:hover {color: #7f7b64; background-position: 7px 8px;}
#sec-menu li.parent div ul a.bold {font-weight: bold}
#sec-menu li.parent div.submenu-bg {height: auto; width: 187px; background-position: bottom; background-image:url(layout/sec-menu-bg.png);  position: absolute; left: 0; bottom: 0;}

#sec-menu a.parent {display: block; padding-left: 25px; line-height: 35px; color: #8f8c7b; background-image:url(layout/sec_lk_selected.gif)!important; background-position: 0 10px; font-weight: bold}

/* end inner-page */

/* start footer */
#footer {padding: 58px 0 40px;}
#footer .logo {display: block; text-indent: -3000px; overflow: hidden; width: 165px; height: 40px; background-image:url(layout/footer-logo.jpg); position: absolute; top: 0; left: 77px; }
#footer .logo:hover { background-position: 0 -40px;}
#footer ul.reset , #footer p {padding: 0 0 0 316px;}
#footer ul.reset, #footer ul.reset li {float: left;}
#footer ul.reset li {padding: 0 25px; background-image:url(layout/footer_lk_bg.gif); background-position: right center;}
#footer ul.reset li.first {padding: 0 25px 0 0;}
#footer ul.reset li.last {background: none;}
#footer ul.reset a {color: #8a8774; font-weight: bold; text-decoration: none; white-space: nowrap;}
#footer ul.reset a:hover {text-decoration: underline;}
#footer p {color: #504f49; clear: both; padding: 7px 0 0 316px;}
#footer p a {color: #504f49; text-decoration: none; }
#footer p a:hover {text-decoration: underline;}
#footer .jd {color: #4f2c0d; font-weight: bold;}
#footer .jd em {color: #585858; font-weight: bold;}
/* end footer */




#services-list div{
	float: left;
	width: 310px;
	padding-left: 10px;
	height: 81px;
	overflow: hidden;
	margin-bottom: 20px;
}

#services-list div h2{
	padding-bottom: 4px;
}

#services-list div a {
	font-weight: bold;
}

#services-list div img{
	width: 75px;
	height: 75px;
	float: left;
	margin-right: 10px;
	border: 2px solid #4c4b4b;
}


#top-solutions div{
	float: left;
	width: 310px;
	padding-left: 10px;
	height: 100px;
	overflow: hidden;
	margin-bottom: 20px;
}

#top-solutions div h2{
	font-weight: bold;
	font-size: 14px;
}

#top-solutions div img{
	float: left;
	margin-right: 10px;
	border: 2px solid #4c4b4b;
}

#top-solutions div p{
	height: 42px;
	overflow: hidden;

}

#top-solutions .more{
	color: #fff; text-decoration: none; display: block; float: left; background-image:url(layout/yellow_arrow.gif); background-position: left center; padding: 0 0 0 7px; margin: 3px 0 0;
}



#top-articles {
	float: left;
	width: 400px;
}

#top-articles2 {
	float: left;
	width: 230px;
}



#resources-list div{
}

#resources-list div h2{	
}

#resources-list div a {
	font-weight: bold;
}