@charset "UTF-8";
/* dark 20211d */
/* light faf8f1 */
/*- Reset Styles -----------------------------------------------------------*/	
		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
		cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 
		ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr
		{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}
		
		ol, ul {list-style:none;}
		h1, h2, h3, h4, h5, h6, li {line-height:100%;}
		blockquote, q {quotes:none;}
		table {border-collapse:collapse; border-spacing:0;}
		

/*- End Reset Styles -------------------------------------------------------*/

/*- General Styles ---------------------------------------------------------*/
	body {font:100% "Trebuchet Ms", sans; background:#62999f url(/images/bg_body.jpg) repeat-x top;}
					
		
	/*- Links -*/
	a {text-decoration:none;}
	a:hover {text-decoration:underline;}
		
	
				
	/*- Sprite Load -*/
	.ico {display:block; background-image:url(images/sprite.png);}
			
	/*- Text Hide -*/
	#header h1 span {font-size:0; text-indent:-9999em;}
			
	/*- Rounded corners -*/
        #container #menu a:hover,
        #container #menu a.current,
        .box,
        fieldset{-moz-border-radius:4px; -webkit-border-radius:4px;border-radius:4px}
        fieldset h4,
#accordion_functions h4 {-moz-border-radius:2px; -webkit-border-radius:2px;border-radius:2px}
	.aside,
        .featured_service a.action,
        .special{-moz-border-radius: 8px; -webkit-border-radius: 8px;border-radius:8px}

	
/* Shade */
#menu a {text-shadow:1px 1px #639ba1;}	
#menu a:hover,
#menu a.current {text-shadow:-1px -1px #20211d;-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);}
.special {-moz-box-shadow: 0 3px 3px  rgba(0,0,0,0.3);-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.5);}		
	/*- Float Clears -*/
	#header,
	#navigation {overflow:hidden;}
			
	/*- Accesible labels -*/
	.accesible {width:1px; height:1px; position:absolute; top:0; left:-9000px; overflow:hidden;}
			
	/*- Fields on focus -*/
	.fieldFocus {color:#000 !important; border-color:#CCC !important; border-bottom:1px solid #999 !important;}	
		

h1 {font-size:2em; font-weight:lighter; letter-spacing:.1em; line-height:120%;}
table {border-collapse:collapse;}
table tr td {padding:0px;margin:0px;}
blockquote {margin:0 32px 16px 0px; padding:4px 0 0 32px;max-width:736px;background:url('/images/quote.gif') no-repeat left top;}
cite {line-height:3em;}
hr {height:0px;color:#79ACB0}
p {margin-bottom:.5em;}

/*FORM*/
form {position:relative;color:#faf8f1}
fieldset {background:#10110d; padding:8px;}
legend {font-size:1.3em; font-weight:bold;}
label {display:block;margin-top:4px;color:#D3D1C5}
textarea, 
fieldset input  {width:97%;border:1px solid #bec2bb; font-family:Georgia, "Times New Roman", Times, serif; color:#10110d;background:#faf8f1;font-size:1em; padding:2px 4px;}
.submit {margin:16px 16px 16px 336px;padding:2px 4px;font-weight:normal;font-size:1.6em }

/* form -> error */
label.error {background:#c00; color:#fff;display:block;padding:0px 2px;margin-top:0px;}
input.error {border:1px solid #a00; }

/* horizontal_menu */
.horizontal_menu ul{padding:0px;  margin:0px;        list-style:none;        list-style-image:none;       }
.horizontal_menu li{ float : left; padding :0 2px; margin:0px; list-style: none; list-style-image:none;        } 
.horizontal_menu li a { display : block; text-align:center;       }

/* CUSTOM*/

.clear {margin:0px;clear:both;height:0px; overflow:hidden;}
.left {float:left;}
.right {float:right;}
.toDetails {font-size:1.2em}
.force_break {width:100%; clear:both;}
.important {color:#e02039}


/*LAYOUT*/

/*- Screen Size Limit -*/
	#container,
	#header,
	.mainContent,
	#footer {width:100%;clear:both;}
	.mainContentArticle {width:99%; padding-right:0%; padding-left:1%;}
	.aside {width:896px;clear:both;margin:-20px 16px 0; float:right; padding-right:16px; padding-left:16px;position:relative;z-index:10; top:20px;}
	#indicator_down {width:960px;float:right}	
	#header {   height: 100px; }
		
/* container */
	#container {  background:url(../images/bg_container.jpg) no-repeat;  position: relative; }
			
/* menu */
	#menu { height: 32px;  position: absolute; top: 41px; right: 16px; }
	#menu a {width:80px;height:20px;padding : 9px 8px 8px 8px; color:#fff; text-transform:lowercase;font-size: 110%; font-weight:normal;}
	#menu a:hover,
        #menu a.current {background:#57554d;text-decoration:none;}
/* language menu */
	#language_menu { height: 32px;  position: absolute; top: 0px; right: 16px; }	
        #language_menu a{color:#5E939B; padding:0 8px; font-size:.8em; font-weight:bold; padding:2px 16px 10px;}
        #language_menu a.current {background:url('../images/language_menu_active.gif') no-repeat center top;color:#faf8f1; }
/* header */
	#header h1 a{ margin: 0; padding: 0px 0 5px 0;  width:300px; height: 90px; border:none; display:block;text-decoration:none;}
	#menu {margin-left:300px}	
/* mainContent */
	.mainContent {color:#20211d;}
		
/* mainContentArticle */
	.mainContentArticle {background:#75a7ac url('/images/bg_maincontentArticle.jpg') repeat-x top;margin-top:28px;position:relative;min-height:288px;}
        .mainContentArticle h2 {font-size:1.4em; font-weight:lighter; letter-spacing:.1em;padding:.4em 0 4px; margin:0 0 16px 0;border-bottom:2px solid #bbeaed;color:#57554d;}
#services .mainContentArticle h2 {font-size:2.5em; }
        .mainContentArticle h3 {font-size:1.2em; font-weight:lighter; letter-spacing:.1em; margin:16px 0 4px 0px;}	
        .mainContentArticle h4 {font-size:1.1em; font-weight:lighter; letter-spacing:.1em; margin:8px 0 4px 0;}
	.mainContentArticle a {color:#faf8f1; text-decoration:underline;}
        .mainContentArticle a:visited {color:#883D7E}
  /* article */
	#home .article {width:272px;  float:left;padding-right:16px;}
	#portfolio .article {width:368px; float:left;padding-right:32px;}
        #services .article {width:464px; float:left; padding-right:32px;}
        .article {font-size:.9em}
        .article ul li{margin-bottom:2px;margin-left:8px;padding-left:8px; background:url('/images/li.gif') no-repeat 0em .6em; line-height:1.4em; }
        .article h3 {color:#57554d;font-size:1.5em;}
        #portfolio dl {padding-top:16px;}
        #portfolio dt {width:64px; margin-right:16px;float:left; text-align:right;color:#faf8f1;}
        #portfolio dd {margin-left:80px;}
#portfolio p.data {padding:16px 0 8px 82px;font-size:.8em}

  /* additional text */
        .testimonials {margin-left:384px;font-size:.9em}
        .more_info {margin-left:496px;padding:16px;font-size:.9em; background:#7eb1b7;}
.more_info h3,
.more_info h4 {color:#DBECED; }
/* aside */
        .aside {font-size:.75em;}
	.aside {background:#20211d url('/images/bg_aside.gif'); color:#faf8f1;padding-top:16px; padding-bottom:16px;  }
        .aside a,
#accordion h4 {color:#faf8f1}
	#home .aside h2{width:160px;margin:54px 16px 0 0; float:left;font-size:1.5em;font-weight:normal;}
        #portfolio .aside h2 {font-size:1.5em; padding:0 4px 8px 0;}	
        .aside h3 {font-size:1.5em;}
        #home .aside h3{font-size:2em;}
        #portfolio h3 {font-size:1em;}
/* footer */
        #footer {z-index:1;}
	#footer .services {min-width:560px;_width:560px;margin-right:400px;}
	#footer .contact {width:368px; min-height:480px;_height:480px;float:right; }
	
	#footer { background: url(/images/bg_footer.gif) repeat-x top;   color: #cededd; font-size: 90%;}
	#footer a {color:#97dbe2}
	#footer h3 {border-bottom:2px solid #417985;margin:0px 0 16px 0;padding-top:32px;padding-bottom:4px; font-size:1.2em; font-weight:normal;}
/* footer > services */
	#footer .services h3 {padding-left:32px; }
        #footer .services h4 {padding:8px 0 0 245px; }
	#footer .services dl {padding-left:32px;}
        #footer .services dt {width:218px; margin-right:16px;float:left; text-align:right;font-weight:bold}
        #footer .services dd {margin-left:192px;}
/* footer > contact (right) */
	#footer .contact {text-align:left; background:url(/images/bg_contact.gif) no-repeat right bottom; position:relative;}
	#footer #copyright {position:absolute; left:0px; bottom:70px;color:#252622;font-size:.9em}

	/* CONTENT AREA */


/* indicators */
#indicator_home {position:absolute; top:-87px; right:300px; width:92px; height:89px; background:url('/images/indicator.gif') no-repeat; }
#indicator_portfolio {position:absolute; top:-87px; right:215px; width:92px; height:89px; background:url('/images/indicator.gif') no-repeat; }
#indicator_services {position:absolute; top:-87px; right:115px; width:92px; height:89px; background:url('/images/indicator.gif') no-repeat; }
#indicator_contact {position:absolute; top:-87px; right:15px; width:92px; height:89px; background:url('/images/indicator.gif') no-repeat; }

#indicator_down {background:url('/images/indicator_down.gif') no-repeat;  height:30px;clear:left;}
#home #indicator_down {background-position:555px top; }
#portfolio #indicator_down {background-position:630px top; }
#services #indicator_down {background-position:720px top;  }
#contact #indicator_down {background-position:830px top;}

/* pagination (previous-next) */
ul.pagination {position:absolute; top:-22px; }
#portfolio ul.pagination {left:230px;}
#services ul.pagination {left:330px}

ul.pagination .previous {background-image:url('/images/arrow_left.gif');background-position: 4px 8px;background-repeat:no-repeat; padding:2px 8px 4px 26px;}
ul.pagination .next {background-image:url('/images/arrow_right.gif');background-position: right 7px;background-repeat:no-repeat;  padding:2px 26px 4px 8px;}
ul.pagination a {font-weight:bold;text-decoration:none;background-color:rgba(67,108,117,.4);-moz-border-radius-topright:4px;-moz-border-radius-topleft:4px; -webkit-border-top-right-radius:4px;-webkit-border-top-left-radius:4px; border-top-right-radius:4px; border-top-left-radius:4px; }
ul.pagination a:visited {color:#fff;text-decoration:none;}
ul.pagination a:hover {background-color:rgba(67,108,117,.6)}

/* featured services */
.featured_service {width: 168px; float:left;  padding:0 4px 4px 4px; border-left:1px solid #363632; text-align:center; color:#98dae3;}
.featured_service a.action {display:inline-block;  margin:8px 8px; padding:8px 8px; background:#2a2a25; border:2px solid #363632; font-weight:bold;}
.featured_service a:hover.action {text-decoration:none; border-color:#faf8f1}
.featured_service p{height:4em; display:block;margin-top:.5em;}
/* portfolio projects */
.box {width: 256px; float:left;  margin:0 4px 4px 4px;padding:4px 8px;  color:#98dae3;}
.box h3 {padding-top:8px;}
.box a.image {background:url('/images/boxImagedark.jpg') no-repeat left top; float:left; width:76px; height:52px;padding:3px 0 0 3px;display:block;}
.box.current{background:#10110d;}
.box.current a.image,
.box:hover a.image {background:url('/images/boxImage.jpg') no-repeat left top;}
.box a.image img {color:#000; font-size:.8em;}

/*special*/
.special {width:560px; margin:16px 32px -16px;position:relative;padding:16px; background:#fff; opacity:.7;}
.article .special {width:432px;margin:8px 0;}
.special h1 {text-align:center;color:#436C75;}
.arrow_down {position:absolute; left:165px; bottom:-22px; background:url(/images/arrows.png) no-repeat -200px 0px;;display:block;width:60px;height:49px;}


/* inquiry form */
#personalfieldset {position:absolute; left:0px; top:0px; width:288px;}
#inquiryfieldset {margin-left:336px;width:544px; display:block;}
#inquiryfieldset label span {display:block; font-style:italic;line-height:1em;}

/*thank you modal box */
#thankyou {	display:none;	width:480px;	border:2px solid #666;color:#20211d;text-align:center;	border:2px solid rgba(82, 82, 82, 0.698);	-moz-border-radius:2px;	-webkit-border-radius:2px;	padding:10px;	background-color:#fff;	}
#thankyou h2 {	font-size:1.8em;font-weight:lighter;margin-bottom:1em;}

ol.steps,
ol.options {margin:16px 32px 0 0px;padding: 0 0 0 60px;  }
ol.steps li {list-style-type:decimal;color:#8AC5CB; font-weight:bold;font-size:2em;margin: 0;padding: 8px 0px;}
ol.steps li h4 {font-size: 0.58em;padding: 0 0 2px;margin:0 0 10px;border-bottom: 2px solid #87BCC2;color:#DBECED;}
ol.steps li p{	font-size: 0.44em;font-weight: normal;	line-height: 1.2em;color:#20211d;}
ol.steps li ul {margin:0 0 16px 16px;}
ol.steps li ul li{list-style-type:none;	font-size: 0.44em;font-weight: normal;	line-height: 1.2em;color:#20211d;margin:0 0 2px 0;padding:2px 8px; background:url('/images/li.gif') no-repeat 0em .6em; }

ol.options>li {list-style:upper-roman;color:#faf8f1; font-weight:bold;font-size:2em;padding:8px 0;}
ol.options li ul li{list-style-type:none;	font-size: 0.44em;font-weight: normal;	line-height: 1.4em;color:#20211d;margin-bottom:2px;margin-left:8px;padding-left:8px; background:url('/images/li.gif') no-repeat 0em .6em; }

/*icons sprite */
.ico {background:url('/images/ico.gif') no-repeat;}
.ico_features,
#accordion_functions h4.ico_features {background-position:0 0;background-color:transparent; padding:14px 0 6px 48px;text-decoration:none; border:none;}
.ico_applications {background-position:0 -100px; padding:14px 0 0 48px;}
.ico_schedule {background-position:0 -200px; padding:0;}
.ico_price {background-position:0 -300px; padding:4px 0 0 32px;}
.ico_demo {background-position:0 -405px; padding:14px 0 0 48px;}