@charset "utf-8";
/* Copyright Chilloutapps.com | 20100101 */
/* meyerweb reset v1.0 | 20080212 */

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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*-------------------------------------------------------------------
                            Text properties
--------------------------------------------------------------------*/
body {
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	letter-spacing: 0;
	color: #666666;
	margin: 0;
	background: #FFFFFF;
}
#container {
	width: 988px;
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF url(../img/wrapper-bg.jpg) repeat-y center 0;
}
a:link, a:visited {
	color: #FF0000;
	text-decoration: underline;
}
a:hover {
	color:#FF8484;
	text-decoration: underline;
}

h1 {
    font-size: 160%;
	font-weight: normal;
}

h2 {
    font-size: 140%;
	font-weight: normal;
}
h3 {
    font-size: 120%;
	font-weight: normal;
}

/*-------------------------------------------------------------------
                            Nav
--------------------------------------------------------------------*/

#nav {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	height: 30px;
	position: absolute;
	top: 75px;
	right: 10px;
}
#nav li a {
	padding:0 3px;
	text-decoration:none;
	color: #EEEEEE;
}
#nav li {
	display:inline;
	float:left;
	font-size:1.3em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:1.1;
	margin:0 0 0 7px;
	text-transform:lowercase;
}
#nav li a:hover, #nav li a:active {
	color:#FF0000;
	text-decoration:none;
}
#p01 li#nav01 a {
	color:#FF0000;
	text-decoration:none;
}
#p02 li#nav02 a {
	color:#FF0000;
	text-decoration:none;
}
#p03 li#nav03 a {
	color:#FF0000;
	text-decoration:none;
}
#p04 li#nav04 a {
	color:#FF0000;
	text-decoration:none;
}
#p05 li#nav05 a {
	color:#FF0000;
	text-decoration:none;
}
#p06 li#nav06 a {
	color:#FF0000;
	text-decoration:none;
}
#p07 li#nav07 a {
	color:#FF0000;
	text-decoration:none;
}

/*-------------------------------------------------------------------
                            GENERAL
--------------------------------------------------------------------*/
#slider {
    height: 250px;
	overflow: hidden;
	width: 670px;
	margin: 0 0 20px 0;
	padding: 0;
}


/*-------------------------------------------------------------------
                            For index page
--------------------------------------------------------------------*/

#messages {
	width:420px;
	float: left;
	margin: 0;
	padding: 0;
	border: 0 none;
}
#philosophy {
	width:420px;
	float: left;	
	margin: 0;
	padding: 0;
	border: 0 none;		
}
#compatibility {
	width:420px;
	float: left;
	margin: 0;
	padding: 0;
	border: 0 none;
}
#compat-br {
	width: 420px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0 none;	
}
#compat-br img {
	float: left;
	margin: 0 3px 0 0;
	padding: 0;
	border: 0 none;	
}
#philosophy  p, #compatibility p, #messages p {
    line-height: 1.3;
	padding: 10px 0;		
}
#philosophy h3 {
	margin: 8px 0 0 0;
	font-size: 1.3em;
}
/*-------------------------------------------------------------------
                            Layout
--------------------------------------------------------------------*/
#wrapper {
	margin:0 auto;
	width: 960px;
    padding: 0;
}
#wrapper-inside {
	margin: 0;
	padding: 10px;
	position: relative;
	background: #FFFFFF;
}
#header {
	margin: 0;
	padding: 0;
	background: #000000;
	width: 920px;
	height: 90px;
	position: relative;
}
#logo {
	height:68px;
	width:250px;
	float:left;
	margin:0 10px 0 0;
}
#latestnews {
	width: 250px;
	height: 200px;
	float: left;
	margin:0;
	padding:0;
}
.newsdate {
	display: block;
	color: #ef3e36;
	margin: 5px 0 10px 0;
}
.section {
	padding:2px;
}
.newsslider {
	position:relative;
	overflow:hidden;
	height: 200px;
	width: 250px;
	margin:0;
	padding:0;
}
.newsslidercontent {
	position:absolute;
}
.newssection {
	padding: 10px;
	height: 180px;
	font-size:12px;
	line-height:1.2;
}

/*-------------------------------------------------------------------
                            Footer
--------------------------------------------------------------------*/
#footer {
	margin: 0;
	padding: 0;
	width: 920px;
	height: 120px;
	background: #000000;
}

/*-------------------------------------------------------------------
                            FooterLinks Div
--------------------------------------------------------------------*/
#footerLinks {
	width: 100%;
	height: 35px;
}
#footer #left {
	float: left;
}
#footer #left li {
	display: block;
	margin: 0 10px 0 0;
	float: left;	
}
#footer #left li a img {
    display: inline;
	margin: 0;
	float: left;
}
#footer #left img.toporg {
    display: inline;
	margin: 2px 0 0 0;
	float: left;
}

#footer #right {
	float: right;
}
#footer #right li {
	display: inline;
	margin: 0 0 0 7px;	
}
#footer #right li a:link, #footer #right li a:visited {
    color: #EEEEEE;
}
#footer #right li a:hover {
    color: #FF0000;
}

/*-------------------------------------------------------------------
                            Tools Div
--------------------------------------------------------------------*/
#tools {
	width: 100%;
	height: 35px;
}
/*-------------------------------------------------------------------
                            Copy Div
--------------------------------------------------------------------*/
#copy {
	width: 100%;
}
#copy p {
padding: 20px 0 0 0;
}



/*-------------------------------------------------------------------
                            Services menu
--------------------------------------------------------------------*/
#services-thubn {
    margin: 0;
	padding: 0;
	width: 250px;
	border: 0 none;
}


ul.serv-index {
	padding: 0;
	margin: 0;
	border: 0 none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	line-height: 2.5;
	width: 250px;
	overflow: hidden;
}
ul.serv-index li a {
	display:block;
	width:250px;
	height: 50px;
	margin: 0;
	padding: 0 0 0 25px;
	background: url(../img/main_menu_bg.jpg) 0 0 no-repeat;
	text-decoration: none;
	color: #666666;
	font-size: 1.2em;
	font-weight:normal;
}
ul.serv-index li a:hover {
	background-position: -250px 0;
	color: #333333;
	text-decoration: none;	
}
ul.serv-index li a:active {
	background-position: -500px 0;
	text-decoration: none;	
}
ul.serv-index li #selected {
	background-position: -500px 0;
	color: #333333;
	text-decoration: none;	
}
ul.serv-index li a:visited {
	text-decoration: none;
}


/*-------------------------------------------------------------------
                            Products menu
--------------------------------------------------------------------*/

ul.prod-index {
	padding: 0;
	margin: 0;
	border: 0 none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	line-height: 2.5;
	width: 250px;
	overflow: hidden;
}
ul.prod-index li a {
	display:block;
	width:250px;
	height: 50px;
	margin: 0;
	padding: 0 0 0 25px;
	background: url(../img/main_menu_bg.jpg) 0 0 no-repeat;
	text-decoration: none;
	color: #666666;
	font-size: 1.2em;
	font-weight:normal;	
}
ul.prod-index li a:hover {
	background-position: -250px 0;
	color: #333333;
}
ul.prod-index li a:active {
	background-position: -500px 0;
}
ul.prod-index li #productselected {
	background-position: -500px 0;
	color: #333333;	
}
ul.prod-index li a:visited {
	text-decoration: none;
}



/*-------------------------------------------------------------------
                            general layout
--------------------------------------------------------------------*/
#content {
	width: 940px;
	position: relative;
	padding: 15px 0;
	margin: 0;
	background: #FFFFFF;
}
.clearboth {
	clear: both;
    height: 0;
    clear: both;
    visibility: hidden;
}
#leftcol {
	width:250px;
	float: left;
	padding: 0;
	margin: 0;
}
#rightcol {
	width: 670px;
	float: right;
	padding: 0;
	margin: 0;
	border: 0 none;
}
#promo {
	width: 670px;
	margin: 0;
	padding: 0;
	position: relative;
}
#myleftbox {
	width: 420px;
	float: left;
	margin: 0;
	padding: 0;
}
/*-------------------------------------------------------------------
                           PORTFOLIO PAGE
--------------------------------------------------------------------*/
#portfolio {
	position: relative;
	padding: 0;
	margin: 0;
	font-size: 86%;
}
.clearleft {
	clear: left;
}
#portfolio div.entry {
	margin: 0 0 15px 0;
	padding: 0;
	background: url(../img/entry-bg.jpg) repeat-x 0 0;
}
#portfolio div.entry a img {
	width: 220px;
	height: 176px;
	float: left;
	padding: 0;
	margin: 0 20px 15px 0;
	display:block;
}
#portfolio .portfolio_name {
	margin: 0;
	font-weight:bold;
	font-size: 1.2em;
	overflow:hidden;
}
#portfolio .portfolio_url {
	margin: -3px 0 10px 0;
	overflow:hidden;	
}
#portfolio .portfolio_url a {
	text-decoration: underline;
	overflow:hidden;	
}
#portfolio .portfolio_desc {
	margin: 0 10px 10px 0;
	line-height: 1.2;
	font-size: 1em;
	overflow:hidden;	
}
#portfolio .portfolio_tools {
	margin: 0 0 3px 0;
	font-size: 1em;
	overflow:hidden;	
}
#portfolio .portfolio_tools span {
	font-weight:bold;
	font-size: 1.1em;
}
#portfolio .portfolio_date {
	margin: 5px 0 0 0;
	font-size: 1em;
	overflow:hidden;	
}
/*-------------------------------------------------------------------
                           logos PAGE
--------------------------------------------------------------------*/
#logos-area {
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 0.9em;	
}
#logos-area div.entry {
	float: left;
	margin: 0 1px 20px 0;
	padding: 0;
	width: 160px;
	height: 310px;
	border-bottom: #DEDEDE thin dotted;
	border-right: #DEDEDE thin dotted;
}
#logos-area div.entry a img {
	width: 160px;
	height: 140px;
	padding: 0;
	margin: 0 0 5px 0;
}
#logos-area .logo_name {
	margin: 0 0 6px 0;
	font-weight:normal;
	font-size: 1.2em;
	padding:0 7px;
	color:#333333;
}
#logos-area .logo_desc {
	margin: 0 0 5px 0;
	line-height: 1.2;
	font-size: 1em;
	padding:0 7px;	
}
#logos-area .logo_date {
	margin: 0;
	font-size: 1em;
	padding:0 7px;	
}
/*-------------------------------------------------------------------
                            SERVICES PAGE
--------------------------------------------------------------------*/
#services {
	position: relative;
	padding: 0;
	margin: 0;
	border: 0 none;
	width: 100%;
	font-size: 0.9em;	
}
#services h2{
	margin: 0 0 10px 0;
}
#services div.entry {
	float: left;
	margin: 0 0 15px 0;
	padding: 0;
	width: 100%;
}
#services div.entry h3 {
	margin: 0 0 4px 0;
    font-weight: normal;
    font-size:147%;
}
#services div.entry p {
	margin: 0 20px 7px 0;
	font-size: 1em;
	line-height: 1.3;
}
/*-------------------------------------------------------------------
                           Products PAGE
--------------------------------------------------------------------*/
#products {
	position: relative;
	padding: 0;
	font-size: 86%;
}
#products h3 {
	font-weight:normal;
	margin: 0 0 4px 0;
	font-size: 147%;
	overflow:hidden;	
}
#products p {
	margin: 0 0 6px 0;
	overflow:hidden;	
}
#products h5 {
	font-size: 1em;
	font-weight:normal;
	margin: 0 0 10px 0;
	overflow:hidden;	
}
#products h5 span {
	font-weight:bold;
	font-size: 1.1em;
}
#products div.entry {
	margin: 0 0 15px 0;
	padding: 0;
	background: url(../img/entry-prod-bg.jpg) repeat-x 0 0;
}
#products div.entry a img {
	width: 160px;
	height: 140px;
	float: left;
	padding: 0;
	margin: 0 20px 1px 0;
	display:block;
}
#products div.entry p {
	margin: 0 20px 6px 0;
	line-height: 1.2;
	overflow:hidden;	
}

/*-------------------------------------------------------------------
                           news
--------------------------------------------------------------------*/
#news {
	height: 230px;
	padding: 0 0 20px 0;
}
#news h2{
	margin: 0 0 10px 0;
}

#news .entry {
    float: left;
	margin: 0 0 15px 0;
	padding: 0;
	width: 100%;
}
#news .entry ul li {
	margin: 0 20px 0 0;
	line-height: 1.3;
}

#news .entry p {
	margin: 5px 0 10px 0;
	color: #ef3e36;
}
/*-------------------------------------------------------------------
                           about
--------------------------------------------------------------------*/
#about {
	position: relative;
	padding: 0;
	margin: 0;
}
#about h2{
	margin: 0 0 10px 0;
}
#about .aboutus {
	margin: 0 0 20px 0;
	line-height: 1.3;
}

/*-------------------------------------------------------------------
                           testimonials
--------------------------------------------------------------------*/
#p01 #testimonials {
	padding: 0;
	margin: 0;
	width: 250px;
	float: right;
}

#testimonials {
	padding: 0;
	margin: 0;
	width: 250px;
}
#testimonials h2 {
	margin: 0 0 10px 0;
}
.testimonial_post {
	margin: 0;
	padding: 0 0 10px 0;
	background: transparent url(../img/quotes.gif) no-repeat scroll 0 0;
	line-height: 1.2;
}
.testimonial_text {
	margin: 0 10px 0 19px;
	padding: 0 0 15px 0;
	background: transparent url(../img/quotes_right.gif) no-repeat scroll 100% 100%;
	font-size: 0.9em;
}
.testimonial_author {
	color: #333333;
	margin: 0 10px 2px 19px;
	padding: 0;
}
.testimonial_portfolio {
	margin: 0 10px 0px 19px;
	padding: 0;
	color: #333333;
	font-weight: normal;
}
/*-------------------------------------------------------------------
                           Page selector
--------------------------------------------------------------------*/
.pageselector {
	margin: 3px 0 10px 0;
	padding:0;
	height: 20px;
}
.pageselector p {
	display:inline;
	float:left;
	font-weight:normal;
	margin:0 3px 0 0;
	padding: 2px;
}
.pageselector a:link {
	background:#222222;
	color:#CCCCCC;
	float:left;
	margin:0 3px 0 0;
	padding: 1px 3px;
}
.pageselector a:visited {
	background:#222222;
	color:#CCCCCC;
	float:left;
	margin:0 3px 0 0;
	padding: 1px 3px;
}
.pageselector a:hover {
	background:#666666;
	color:#FFFFFF;
	float:left;
	margin:0 3px 0 0;
	padding: 1px 3px;
}
.pageselector a:active {
	background:#666666;
	color:#FFFFFF;
	float:left;
	margin:0 3px 0 0;
	padding: 1px 3px;
}
.pageselector a#selected {
	background:#ef3e36;
	padding: 1px 3px;
	color: #FFFFFF;
}
/*-------------------------------------------------------------------
                             lang
--------------------------------------------------------------------*/
ul#lang {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
  right: 10px;
  height: 38px;
  background: transparent;
}
ul#lang li {
  float:left;
  display:inline;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0 0 0 5px;
  padding: 0;
}

ul#lang li a:link, ul#lang li a:visited  {
  color: #EEEEEE;
}
ul#lang li a:hover {
  color: #FF0000;
}

ul#lang li a:link, ul#lang li a:hover, ul#lang li a:visited, ul#lang li a:active {
  float:left;
  display:inline;
  margin:0;
  padding: 0;
  text-decoration: none;
}
ul#lang li a img {
  width: 46px;
  height: 38px;
  margin: 0 0 -2px 0;
  padding: 0 5px 0 0;
  border: 0 none;
}
ul#lang li a span {
  padding: 0;
  margin: -2px 0 0 0;
}
/*-------------------------------------------------------------------
                           FAQ PAGE - TERMS PAGE
--------------------------------------------------------------------*/
#faq, #terms  {
	position: relative;
	padding: 0;
	margin: 0;
	border: 0 none;
	width: 100%;
}
#faq h2, #terms h2{
	margin: 0 0 10px 0;
}
#faq div.entry, #terms div.entry {
	float: left;
	margin: 0 0 15px 0;
	padding: 0;
	width: 100%;
}
#faq div.entry h3, #terms div.entry h3{
	margin: 0 0 4px 0;
	font-size: 1.3em;
}
#faq div.entry p, #terms div.entry p {
	margin: 0 0 10px 0;
	font-size: 0.9em;
	line-height: 1.3;
}
#up {
    margin: 0 0 0 20px;
}
#dataLinks a {
    margin-left: 20px;
}

/*-------------------------------------------------------------------
                           for toolltips 
--------------------------------------------------------------------*/
#tipstyle {
	padding: 10px;
	margin: 0;
	border: 0 none;
}
/*-------------------------------------------------------------------
                           Round corners 
--------------------------------------------------------------------*/
.bl {background: url(../img/bl.gif) 0 100% no-repeat #000000; width: 940px; margin: 0 auto;}
.br {background: url(../img/br.gif) 100% 100% no-repeat}
.tl {background: url(../img/tl.gif) 0 0 no-repeat;}
.tr {background: url(../img/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

/*-------------------------------------------------------------------
                           Object ad 
--------------------------------------------------------------------*/



#ad {
margin-top: 20px;

}

/*-------------------------------------------------------------------
                           Newsletter form 
--------------------------------------------------------------------*/

#formbg {
background: url(../img/newsletter-bg.jpg) no-repeat top left;
width: 250px;
height: 180px;
float: left;
}
#subForm {
margin: 63px 0 0 10px;




}
span.label,span.spacer,span.multiple span {width:200px;float:left;} 
span.multiple {float:left;} 

div input#stayConnected {
background:url(../img/newsletter-btn.jpg) no-repeat top left;
    border: 0;
    cursor: pointer;
    display: block;
    height: 25px;
    line-height: 0;
    text-indent: -9999px;
    width: 139px;
	margin-top: 5px;
}

div input#stayConnectedgr {
background:url(../img/newsletter-btn-gr.jpg) no-repeat top left;
    border: 0;
    cursor: pointer;
    display: block;
    height: 25px;
    line-height: 0;
    text-indent: -9999px;
    width: 139px;
	margin-top: 5px;
}
div.clear {clear:both;padding-top:5px;} 




/*-------------------------------------------------------------------
                           J Query Slider 
--------------------------------------------------------------------*/

#slider {
    width: 670px; /* important to be same as image width */
    height: 250px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 670px; /* important to be same as image width or wider */
    height: 250px;    
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 670px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}







#banner {
float:left;
}