/* 
 *	CSS LAYOUT Styles Definition 
 *
 *							©2009
*/

/*	ie6 png transparency fix */
* html img, * html .png { position: relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/static/images/x.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)) }

/*	body base styles */
body { font: normal 12px Arial, Helvetica, sans-serif; color: #666; background-color: #FFF; background-image: url(/static/images/ajax/loader2.gif); background-repeat: no-repeat; background-position: 50% 50% }
body.site { background: transparent }
	
a, a:visited { color: #333 }
a:hover, a:active { color: #FF3F3A; text-decoration: none }

/*	IE6 hack to get sub links to behave correctly */
li { height: 1% } 

/*	single line */
/*hr { margin: 0 !important; height: 1px; border: 0; background: #CCC; !color: #CCC; !display: block; !margin: -7px auto !important }*/
hr { margin: 0 !important; height: 1px; border: 0; border-bottom: 1px dashed #CCC; !color: #CCC; !display: block; !margin: -7px auto !important }

* html input { padding: 2px; background: #e7e7e7; border: 1px solid #CCCCCC; font-size: 11px; color: #333333 }
input[type="text"], input[type="password"], input[type="file"], select, textarea { padding: 2px; background: #e7e7e7; border: 1px solid #CCCCCC; font-size: 11px; color: #333333 }
input[type="submit"], input[type="button"] { padding: 1px 10px; font-size: 11px; display: block; font-weight: bold; text-align: center; background: #E6E6E6; color: #333333; border: 2px outset; border-color: #C1C1C1 }

/*	this tells the elements where to go */
.left { float: left }
.right { float: right }

/*	rounded corners */
.rounded { border-radius: 5px; /* CSS3 support */ -webkit-border-radius: 5px; /* Webkit equivalent */ -moz-border-radius: 5px /* Mozilla equivalent */ }

/*	hide elements from screen but not from source */ 
.hidden { position: absolute !important; top: -999em; left: -999em }

/*	apply transparency to element */
.transparent { filter: alpha(opacity=50); /* internet explorer */ -khtml-opacity: 0.5; /* khtml, version before safari */ -moz-opacity: 0.5; /* firefox, mozilla, netscape */ opacity: 0.5; /* safari, chrome, opera */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* internet explorer 8 */ }

/*	<noscript> & IE6 warnings */
.noscript { display: block; position: absolute; top: 0; left: 0; background-color: #FFF; color: #333; width: 100%; height: 100% }
.noscript h1 { margin: 15px 10px; font-size: 18px }
.noscript p { margin: 5px 10px; font-size: 12px }
.sayno2ie6 { display: none; _display: block; _white-space: nowrap; font: normal 11px Verdana, Geneva, sans-serif !important; position: absolute; top: 0; left: 0; background-color: #D4D0C8; border-bottom: 1px solid #808080; width: 100%; color: #000 }
.sayno2ie6 p { margin: 5px 10px }
.sayno2ie6 p a { color: #005A88 !important; text-decoration: underline !important }

/*	main definitions */
.site-wrapper { display: none }
.site-wrapper a#top { display: block; line-height: 5px; font-size: 0; background: #D6D6D6 }
.site .site-wrapper { display: block; margin-bottom: 0; position: absolute; left: 0; top: 0; width: 100%; _margin-top: 25px; _height: 100%; min-height: 100% }
.site-content { margin: 0 auto; width: 815px; position: relative; text-align: left }

/* @Header */
.header { margin-bottom: 20px; margin-top: 5px }
.header h2 { font-size: 11px; color: #999; margin-top: 5px; font-weight: normal }
.header ul { position: absolute; right: 0; top: 25px; border-bottom: 1px solid #D8D8D8 }
.header ul li { float: left }
.header ul li a { padding: 3px 14px; display: block; border-bottom: 3px solid #FFF; font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666 !important; text-decoration: none }
.header ul li a.first { padding-left: 0 }
.header ul li a.last { padding-right: 0 }
.header ul li a:hover { border-bottom: 3px solid #FF3F3B }
.header ul li a.active { border-bottom: 3px solid #FF3F3B }
.header div.slideshow { margin-top: 25px; position: relative; height: 97px }
.header div.slideshow img { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0 }
.header div.slideshow img.active { z-index: 10; opacity:1.0 }
.header div.slideshow img.last-active { z-index: 9 }


/* @Footer */
.footer { padding-top: 10px; margin-top: 10px; background: #EEEEEE url(/static/images/footer_background.jpg) repeat-x left top }
.footer blockquote { position: relative; margin: 0 auto; padding: 10px 0; width: 815px}
.footer blockquote p { font-size: 11px; margin-bottom: 10px }
.footer blockquote p.copyright { color: #999 }
.footer blockquote ul { position: absolute; right: 0; top: 10px }
.footer blockquote ul li { float: left; margin-left: 15px }
.footer blockquote ul li a { font-size: 11px; text-decoration: underline; color: #666 !important }
.footer blockquote ul li a:hover { color: #FF3F3A !important }
.footer blockquote ul li a.active { color: #FF3F3A !important }
.footer blockquote div.contor { position: absolute; right: 0; top: 50px }
.footer blockquote div.contor a { font-size: 10px; color: #ccc }

/* @Mainbar */
.mainbar { position: relative; width: 545px }
.mainbar h1, .mainbar h2, .mainbar h3 { font: normal 18px Georgia, "Times New Roman", Times, serif }
.mainbar h1 strong { color: #FF3F3A; font-size: 26px; font-weight: normal }
.mainbar img.right { position: absolute; right: 20px; top: 90px }
.mainbar ul li { margin: 5px 0 }
.mainbar ul li span { color: #FF3F3A; font-size: 11px; margin-right: 7px } 
.mainbar .askus { padding: 10px; background: #FFD5D4; border-top: 3px solid #FFA8A6 }
.mainbar .askus img { float: left }
.mainbar .askus form { margin-left: 60px }
.mainbar .askus form a { color: #A9594E; font-weight: bold }
.mainbar .askus h2 { margin-bottom: 5px; font-size: 18px; color: #B16258 }
.mainbar .askus input { padding: 5px 10px; background: #FFF; border: 0; color: #999 }
.mainbar .askus .first { width: 430px }
.mainbar .askus blockquote { display: none }
.mainbar .askus blockquote p { margin: 5px 0 }
.mainbar .askus blockquote p.btns { margin-top: 15px }
.mainbar .askus blockquote label { float: left; font-size: 11px; color: #666; display: block; width: 100px }
.mainbar .askus blockquote label strong { font-size: 14px }
.mainbar .askus blockquote input,
.mainbar .askus blockquote textarea { padding: 5px; background: #FFF; border: 0; color: #999 }
.mainbar .askus blockquote textarea { width: 340px }
.mainbar .askus blockquote input { width: 250px }
.mainbar .askus blockquote input.short { width: 200px }
.mainbar .askus blockquote span { font-style: italic; font-size: 10px }
.mainbar .askus blockquote .button { padding: 3px 15px; font-size: 12px; font-weight: bold; text-align: center; background-color: #FFA8A6; color: #FFF; border: 2px outset; margin-right: 5px; text-decoration: none; border-color: #A56D6B }
.mainbar .askus blockquote .button:hover { background-color: #A56D6B }
.mainbar .askus blockquote .disabled { font-weight: normal; display: none; background-color: #CCC; border-color: #999 }
.mainbar .askus .results { background: #fff }
.mainbar .askus .results blockquote { display: block; padding: 10px; color: #666 }

.mainbar .join2team h3 { margin-bottom: 15px; font-style: italic }
.mainbar .join2team p { text-indent: 25px; position: relative }
.mainbar .join2team p span { position: absolute; left: -20px; _left: -43px; top: -5px; }
.mainbar .join2team p strong { color: #FF3F3A }
.mainbar .join2team p a { text-decoration: underline }
.mainbar .services { margin-top: 10px }
.mainbar .services ul { margin-left: 15px }
.mainbar .services h1 { /*padding: 5px 10px; margin-top: 5px; background: #EFEFEF; color: #333; font: bold 14px Arial, Helvetica, sans-serif }*/
						padding: 5px 10px; background: #EFEFEF; font: bold 15px Arial, Helvetica, sans-serif; color: #999; font-weight: bold; margin-bottom: 5px }
.mainbar .prices { margin-top: 10px }
.mainbar .prices ul { margin-left: 15px }
.mainbar .prices .right { margin-top: -35px }
.mainbar .prices blockquote { padding: 10px; line-height: 20px; text-align: center; background: #EFEFEF }
.mainbar .about { margin-top: 10px; }
.mainbar .about h2 { padding: 5px 10px; background: #EFEFEF; font: bold 15px Arial, Helvetica, sans-serif; color: #999; font-weight: bold; margin-bottom: 5px }
.mainbar .about blockquote { padding: 10px; border: 1px solid #EFEFEF }
.mainbar .about .whatwedo {}
.mainbar .about .whatwedo blockquote { padding: 7px; float: left; margin-right: 10px; width: 159px; border: 1px solid #E8E8DD }
.mainbar .about .whatwedo blockquote.last { margin-right: 0 !important }
.mainbar .about .whatwedo blockquote h3 { color: #FF3F3B; font: normal 11px Arial, Helvetica, sans-serif; margin-bottom: 5px; }
.mainbar .about .whatwedo blockquote p { margin: 5px 0; font-size: 10px }
.mainbar .contact { margin-top: 10px; }
.mainbar .contact h2 { font: bold 14px Arial, Helvetica, sans-serif; color: #999; font-weight: bold; margin-bottom: 5px }
.mainbar .contact .right { margin-top: -75px }
.mainbar .contact p a.map { margin-left: 5px; color: #FF9900; font-size: 11px; font-style: italic }

/* @Sidebar */
.sidebar { width: 250px; }
.sidebar div.frame { margin-bottom: 10px }
.sidebar div.frame h3 { margin-bottom: 7px; font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif }
.sidebar div.frame ul {}
.sidebar div.frame ul li { margin: 10px 0; padding-left: 15px; background: url(/static/images/ok.gif) no-repeat 0 2px }
.sidebar div.frame.ceccar { margin: 30px 0 }
.sidebar div.frame.ceccar h2 { margin-bottom: -25px; font-size: 14px; color: #838383; text-align: center }
.sidebar div.frame.ceccar a { display: block; border: 1px solid #E8E8DD; margin: 0 auto; width: 175px; text-align: center; padding: 30px 0 10px 0; }
.sidebar div.frame.cv { padding: 10px; background: #F2F2EB; border-top: 3px solid #E8E8DD }
.sidebar div.frame.cv p { position: relative; margin: 7px 0 }
.sidebar div.frame.cv p strong { position: absolute; right: 0; _right: 10px; top: 0px; color: #FF3F3B; text-align: right }
.sidebar div.frame.cv p img { margin-right: 5px }
.sidebar div.frame.cv p.txt { font-size: 10px; color: #CCC; text-align: right }
.sidebar div.frame.join2team h3 { margin-bottom: 15px; font-style: italic }
.sidebar div.frame.join2team p { text-indent: 25px; position: relative }
.sidebar div.frame.join2team p span { position: absolute; left: -20px; _left: -43px; top: -5px; }
.sidebar div.frame.join2team p strong { color: #FF3F3A }
.sidebar div.frame.join2team p a { text-decoration: underline }

.promotii{
	font-size: 14px;
	color: Red;
	font-weight: bold;
}