/* --------- /stylesheets/frontend/main.css --------- */ 
html {margin:0px; padding:0x; height: 100%;background:#e3e2e2 url(/images/frontend/bg_white_top.jpg) no-repeat top center;
}
body{
	margin:0px;
	padding:0px;
	background: url(/images/frontend/gradient_bottom.png) repeat-x left bottom;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 10pt;
	min-height:100%;
}

.centered {
	width: 1000px;
	margin:auto;
}

#header {
	margin-top:10px;
}


#content {
	background-color: #fff;
	box-shadow: 0px 0px 30px #999;
	-moz-box-shadow: 0px 0px 30px #999;
	-webkit-box-shadow: 0px 0px 30px #999;
	margin:20px auto;
	background:#fff url(/images/frontend/sidebar_fade.jpg) repeat-y top right;
}



#bg_shadow {
}

/*:::::::::::::::::::::::::::: Generic Styles ::::::::::::::::::::::::::*/
h1 {font-size: 18pt; letter-spacing: -1px;}
h2 {font-size: 16pt; letter-spacing: -1px;}
h3 {font-size: 14pt;}
h4 {font-size: 11pt;}
h5 {font-size: 10pt;}


h1, h2, h3, h4, h5 {margin:2px 0px;  letter-spacing: -1px;}

a {text-decoration: none; color: #3CB4E7;}
a:hover {text-decoration: underline;}
a img {border:0;}

.clear {clear:both; margin:0px; padding:0px; height: px; width: 0px;}

#awards div:last-child:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
	color: transparent;
	line-height: 0;
    visibility: hidden;
}



.section {float:left;}
.shadow_divider {
	height: 72px;
	background:transparent url(/images/frontend/shadow_divider.png) no-repeat top center;
	margin-bottom:-40px;
}

ol {margin:0px; padding:0px;}
ol li {list-style: none;}

/*:::::::::::::::::::::::::::: Menu Styles ::::::::::::::::::::::::::*/

#menu {
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	box-shadow: 0px 2px 2px #999999;
	-moz-box-shadow:  0px 2px 2px #999999;
	-webkit-box-shadow: 0px 2px 2px #999999;
	background: url(/images/frontend/menu_bg.png) repeat-x;
	margin:5px auto;
	padding:7px 0;
	height: 18px;
}

#menu ol li {display: inline;}
#menu ol {margin:0 5px; padding-left:5px; float:left;}

#menu ol li a {
	font-size: 11pt;
	color: #2f3b14;
	font-weight: bold;
	padding:3px 20px 10px 10px;
	text-shadow:0px 1px 1px #fff;
	letter-spacing: -1px;
	background: url(/images/frontend/mini_elements.png) no-repeat right 4px;	
}

#menu ol li:last-child a {background: none;}

.current {background-color: #ddd;}

#menu .linkedin, #menu .twitter {
	width: 23px;
	height: 23px;
	display: block;
	float:right;
	margin-right:3px;
	background: url(/images/frontend/mini_elements.png) no-repeat right -149px;
}
#menu .twitter {background-position: right -112px;}

/*:::::::::::::::::::::::::::: Highlights Styles ::::::::::::::::::::::::::*/


#highlights .items div div {
	width: 1000px;
	display: block;
}

#highlights .items div .image, #highlights .items div h1, #highlights .items div span {
	position:relative;
	float:left;
}
#highlights .items div .image {
	width: 600px;
	position:relative;
	z-index:20;
	text-align: left;
	height: 250px;
}


 #highlights .items div h1 {
	color: #fff; font-size: 20pt; letter-spacing: -1px;
	background-color: #006ec6;
	padding:3px 5px 3px 100px;
	margin-top:80px;
}

 #highlights .items div h1, #highlights .items div span {
	padding-left: 120px;
	left:-120px;
	width: 250px;

}

/*:::::::::::::::::::::::::::: Body Styles ::::::::::::::::::::::::::*/

#maincol {float:left; width: 680px; padding:30px;}
#maincol .section{float:none;}
#maincol h1 {font-size: 20pt; letter-spacing: -2px;}
#sidebar {
	float:right;
	width: 245px;
	padding-right:10px;
	font-size: 9pt;
}

#sidebar h2 {
	border-bottom:1px solid #fff;
	padding:10px;
	background: url(/images/frontend/tiny_divider.png) no-repeat center bottom;
	color: #8dbb2b;
}
#sidebar ul {margin:0px;padding: 0; margin-bottom:10px;}
#sidebar li{
	list-style: none;
	padding:10px;
	background: url(/images/frontend/line_divider.png) repeat-x left bottom;
}
#sidebar .quotes li{font-style: italic;  font-size: 10pt;}
#sidebar .quotes li span {font-size: 8pt;}
#sidebar ul li span {display:block; text-align: right; }

#sidebar .events {font-size: .8em;}
#sidebar .events a {display: block; font-size: 1.2em; font-weight: bold; color: #333;}

#sidebar .blog span a{color: #333; font-weight: bold; margin-top:5px; display: block;}

.twitts li span  a {
	color: #3cb4e7;
}

#sidebar .twitts li {padding-left:30px; font-style: italic;}
#sidebar .twitts li span {text-align: left; color: #666; font-style: normal;}

/* PMS */
#sidebar .gfc-resultsHeader .gf-title {color:#000000;display:inline;font-weight:bold;}
#sidebar div.gf-title {  height:auto;}
#sidebar .gf-result{
	background:url(/images/frontend/line_divider.png) repeat-x scroll left bottom transparent;
 	padding:10px;}
#sidebar .gf-snippet, #sidebar .gfc-resultsHeader{display:none;}


#maincol .section {
	margin:20px 0;
	padding:25px 0;
/*	background: url(/images/frontend/small_divider.png) no-repeat center 1px;
*/	border-bottom: 1px solid #f1f1f1;
	
}

#maincol  div.section:last-child {border:0px!important;}

.advance  {
	width: 450px;
	margin-left:210px;
}

#maincol h2 {color: #8dbb2b;}

#maincol .section img {float:left; display: block;}
.bordered{padding:5px;border:1px solid #eee;}

#about .section img {
	border:1px solid #f1f1f1;
	padding:3px;
}

#about .section .advance {margin-left:190px; width: 480px;}

#maincol .section {padding:15px 0;}
#about #maincol > h2 {margin-top:20px; margin-bottom:-20px;}
.contactform {margin:20px 0;}
.contactform form {padding:0 10px;}
.contactform label {display: block; font-weight: bold;}
.contactform input[type=text], .contactform textarea {
	padding:5px;
	display: block;
	width: 220px;
	background-color: #fff;
	border:1px solid #dbdbdb;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 1px 2px #fff,  0px -1px 0px #aaaaaa;;
	-moz-box-shadow: 0px 1px 2px #fff, 0px -1px 0px #aaaaaa;;
	-webkit-box-shadow: 0px 1px 1px #fff,  0px -1px 0px #aaaaaa;
	
}

#advisors .advance {margin-left:140px;}
#advisors .advance h2 {color: #666;}

/*:::::::::::::::::::::::::::: Footer Styles ::::::::::::::::::::::::::*/
#footer {padding-bottom:30px;}

#footer * {color:#666;}
#footer .section {width: 190px; margin:5px; display:none }
#footer .section a {display: block; padding:1px 5px;}

#footer #credits {clear:both; padding-top:20px; color:#fff; text-align: center;}



/*:::::::::::::::::::::::::::: HOMEPAGE Styles ::::::::::::::::::::::::::*/

.products {
	margin-top:20px;
	background: url(/images/frontend/small_divider.png) no-repeat center top;
	padding-top:20px;
}

.products div {width: 310px; float:left; padding-right:20px; }
.products div img {float:left;}
.products div a {display: block; margin-top:5px;}

.products div:last-child {	border-left: 1px solid #e9e9e9; padding-left:30px; padding-right: 0; }

#awards {
	clear:both;
	margin-top:00px;
	padding-top:80px;
	background: url(/images/frontend/small_divider_bottom.png) no-repeat center top;
}

#awards div{
	float:left;
	width: 200px;
	margin:0 7px;
	padding:0 6px;
	border-right: 1px solid #e9e9e9;
}

#awards div:last-child {border: 0}

#awards div .image {text-align: center;}

#awards div span {font-size: 8pt; text-align: center;}




/*******************
ERRORS
*******************/
#escondeme{display:none;}
div #notice {
	color: #6d9100;
	padding: 0.7em 1em;
 
	background-color: #e5ffba;
	font-weight: bold;
}
div #error {
	color: #9f1d20;
	padding: 0.7em 1em;
 
	background-color: #ffb7bc;
	font-weight: bold;
}
div #warning {
	color: #ee9a00;
	padding: 0.7em 1em;
	background-color: #fff1c0;
	font-weight: bold;
}

.fieldWithErrors {
	padding: 2px;
	background-color: red;
	display: table;
}
#errorExplanation {
	width: 90%;
	border: 2px solid red;
	padding: 7px;
	padding-bottom: 12px;
	margin-bottom: 20px;
	margin-top:20px;
	background-color: #f0f0f0;
}
#errorExplanation h2 {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	font-size: 15px;
	margin: -7px;
	background-color: #c00;
	color: #fff;
}
#errorExplanation p {
	color: #333;
	margin-bottom: 0;
	padding: 5px;
}
#errorExplanation ul li {
	font-size: 12px;
	list-style: none;
}

.formError {
		position:absolute;
		top:300px; left:300px;
		padding-bottom:13px;
		display:block;
		z-index:5000;
}
#debugMode{
	background:#000;
	position:fixed;
	width:100%; height:200px;
	top:0; left:0;
	overflow:scroll;
	opacity:0.8;
	display:block;
	padding:10px;
	color:#fff;
	font-size:14px;
	z-index:100000;
}

.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
.formError .formErrorContent {
	width:100%; 
	background:#ee0101;
	color:#fff;
	width:150px;
	font-family:tahoma;
	font-size:11px;
	border:2px solid #ddd;
	box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
	padding:4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.greenPopup .formErrorContent {background:#33be40;}
.blackPopup .formErrorContent {background:#393939;color:#FFF;}
.formError .formErrorArrow{
	position:absolute;
	bottom:0;left:20px;
	width:15px; height:15px;
	z-index:5001;
}
.formError .formErrorArrowBottom{top:0;margin:-6px;}
.formError .formErrorArrow div{
	border-left:2px solid #ddd;
	border-right:2px solid #ddd;
	box-shadow: 0px 2px 3px #444;
	-moz-box-shadow: 0px 2px 3px #444;
	-webkit-box-shadow: 0px 2px 3px #444;
	font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
}
.formError .formErrorArrowBottom div{box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;}		
.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}
.formError .formErrorArrow .line10{width:15px;border:none;} 
.formError .formErrorArrow .line9{width:13px;border:none;} 
.formError .formErrorArrow .line8{width:11px;} 
.formError .formErrorArrow .line7{width:9px;} 
.formError .formErrorArrow .line6{width:7px;} 
.formError .formErrorArrow .line5{width:5px;} 
.formError .formErrorArrow .line4{width:3px;} 
.formError .formErrorArrow .line3{width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0px solid #ddd;} 
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}


/*:::::::::::::::::::::::::::: Icons Styles ::::::::::::::::::::::::::*/

#sidebar div h2, #maincol h1 {
	background: url(/images/frontend/icons.png) no-repeat;
	text-indent: 22px;
}

.twitts h2 {background-position: left -107px!important;}

.events h2 {background-position: left -69px!important;}

.contacts h2 {background-position: left -190px!important;}

.contactform h2 {background-position: left -148px!important;}


 #maincol h1 {text-indent: 33px;}

.about_us {background-position: left -383px!important;}

.customers {background-position: left -470px!important;}

.products h1, .Products{background-position: left -293px!important;}

#awards h1 {background-position: left -427px!important;}


/*:::::::::::::::::::::::::::: Product Styles ::::::::::::::::::::::::::*/

.product_item {
	background:transparent url(/images/frontend/small_divider.png) no-repeat center bottom; 
	padding-bottom:80px;
}



.product_item img {
	float:left;
	max-width: 280px;
	margin-right:10px;
}

.product_item .product_lead {
	float:left;
	width: 390px;
}

.product_item:after{
	content: ".";
    display: block;
    height: 0;
    clear: both;
	color: transparent;
	line-height: 0;
    visibility: hidden;
}

#product_list .product_item:last-child {
	background: transparent;
}

/* --------- /stylesheets/frontend/scrollable.css --------- */ 

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 1000px;
	height:270px;

	/* custom decorations */
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	padding-top:5px;
}

.items > div {
	float:left;
	width: 1000px;
}

/* single scrollable item */


/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


.navi {
	margin:0px auto;
	text-align: center;
	height:20px;
	padding-top:20px;
	background: url(/images/frontend/small_divider.png) no-repeat center top;
}


/* items inside navigator */
.navi a {
	padding-left:25px;
	padding-top:32px;
	padding-bottom:0px;
	margin:0 3px;
	background:transparent url(/images/frontend/mini_elements.png) no-repeat center -33px;
	font-size:1px;
}


/* active state (current page state) */
.navi a.active {
	background-position:0 -69px;     
}