* { margin: 0; padding: 0; outline:0; }

body {
	font-size: 12px;
	line-height: 20px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #333;
	background: url(images/body-bg.gif) repeat 0 0;
}

a { color: #ff0000; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }

a img { border: 0; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }


.shell { width: 980px; margin: 0 auto; }
.border { border: 1px solid #e8e8e8; background: #fff; position: relative; }
.shadow-l { background: url(images/shadow-l.png) no-repeat 0 0; width: 25px; height: 686px; position: absolute; top:0;left:-25px; }
.shadow-r { background: url(images/shadow-r.png) no-repeat 0 0; width: 25px; height: 686px; position: absolute; top:0;right:-25px; }
.shadow-b { background: url(images/shadow-b.png) no-repeat 0 0; width: 980px; height: 20px; position: absolute; bottom:-20;left:0; }

#header { background: url(images/header-bg.gif) repeat-x 0 0; height: 120px; position: relative; }
#logo a { background: url(../images/vibe.png)no-repeat 0 0; width: 250px; height: 109px; position: absolute; top:5px;left:5px; }
#logo1 a { background: url(../images/logo_png.png)no-repeat 0 0; width: 500px; height: 109px; position: absolute; top:5px;left:5px; }
.socials { padding: 23px 11px 0 0; }
.socials ul { list-style: none; }
.socials ul li { display: inline; float: left; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 11px; line-height: 16px; border-right: 1px dotted #b9b9b9; padding: 2px 17px 2px 0; margin: 0 15px 0 0; }
.socials ul li.last { border:0; margin:0; }
.socials ul li a { float: left; color: #b9b9b9; height: 16px; padding: 0 0 0 20px; }
.socials ul li a.rss { background: url(images/soc-rss.gif) no-repeat 0 0; }
.socials ul li a.fb { background: url(images/soc-fb.gif) no-repeat 0 0; }
.socials ul li a.twit { background: url(images/soc-twit.gif) no-repeat 0 0; }

/*...................*/

#cssmenu{ height:37px; display:block; padding:0; margin:1px auto;  border:1px solid;} 
#cssmenu > ul {list-style:inside none; padding:0; margin:0;} 
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } 
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;} 
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } 
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;} 
#cssmenu ul li.has-sub:hover > a{ background:#1960a2; border-color:#1960a2; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } 
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} 
#cssmenu ul li.has-sub > a:hover{background:#1960a2; border-color:#1960a2;} 
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#1960a2; border-radius:0 0 5px 5px; z-index:999; } 
#cssmenu ul li > ul{width:200px;} 
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } 

#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#1960a2; background:-moz-linear-gradient(top,  #1960a2 0%, #30576e 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#1960a2), color-stop(100%,#30576e)); background:-webkit-linear-gradient(top,  #1960a2 0%,#30576e 100%); background:-o-linear-gradient(top, #1960a2 0%,#30576e 100%); background:-ms-linear-gradient(top, #1960a2 0%,#30576e 100%); background:linear-gradient(top,  #1960a2 0%,#30576e 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1960a2', endColorstr='#30576e',GradientType=0 ); } 
#cssmenu{border-color:#1b313d;} 
#cssmenu > ul > li > a{border-right:1px solid #1b313d; color:#fff;} 
#cssmenu > ul > li > a:after{border-color:#6696bd;} 
#cssmenu > ul > li > a:hover{background:#1960a2;} 

/*------------------*/
img{ padding:0; margin:0;}
.works_icon{ padding:0; margin:0; float:left;}
.slider { width: 930px; height: 300px; border: 1px solid #dbdbdb; position: relative; margin: 25px 0 0 24px; }
.slider .item { position: relative; width: 928px; height: 298px; }
.slider .item img { position: absolute; top:0;left:0; z-index: 1; }
.slider .text { position: absolute; top:102px;left:480px; z-index: 2; }
.slider .text h3 { font-size: 45px; line-height: 45px; color: #ff0000; padding: 0 0 0 7px; }
.slider .text h2 { font-size: 58px; line-height: 58px; color: #39393d; text-transform: uppercase; padding: 0 0 0 2px; }

.slider-nav { width: 92px; height: 18px; position: absolute; bottom:9px;right:6px; z-index: 3; }
.slider-nav a { width: 18px; height: 18px; background: #d7d7d8; margin: 0 5px 0 0; }
.slider-nav a.active { background: #39393d; }

#main {
	width: 932px;
	padding: 27px 24px 17px 24px;
}
#main h3 {
	font-size: 20px;
	line-height: 15px;
	color: #000;
	
	border-bottom: 1px solid #dbdbdb;
	padding: 0 0 9px 0;

}
#main a.more { background: url(images/more.gif) no-repeat 0 3px; font-size: 11px; line-height: 14px; color: #ff0000; text-decoration: underline; padding: 0 0 0 13px; }
#main a.more:hover { text-decoration: none; }

#content {
	width: 940px;
}

.highlight {  }
.highlight h3 { margin: 0 0 9px 0; }
.highlight p {
	padding: 0 0 11px 0;
	text-align: justify;
	font-size: 13px;
}
.highlight img { margin: 4px 1px 0 1px; }

.projects { padding: 65px 0 0 0; }
.projects h3 { margin: 0 0 17px 0; }
.projects .item { margin: 0 0 28px 0; }
.projects .image { width: 183px; height: 111px; border: 1px solid #dbdbdb; padding: 2px; margin: 0 20px 0 3px; }
.projects .text { width: 393px; }
.projects .text h4 { font-size: 12px; line-height: 15px; color: #333; text-transform: uppercase; padding: 3px 0 2px 0; }
.projects .text p { padding: 0 0 3px 0; }

#sidebar { width: 300px; }

.sidebar-nav { list-style: none; padding: 0 0 17px 0; }
.sidebar-nav ul { list-style: none; }
.sidebar-nav ul li {
	font-size: 12px;
	line-height: 18px;
	padding: 7px 0;
}
.sidebar-nav ul li a { background: no-repeat 5px 4px; color: #333; padding: 0 0 0 16px; }

.btn-buy { background: url(images/btn-buy.gif) no-repeat 0 0; display: block; width: 307px; height: 86px; font-size: 40px; line-height: 86px; color: #b50000; font-weight: bold; text-align: center; margin: 0 0 17px 0; position: relative; left:-3px; }
.btn-buy:hover { text-decoration: none; }

.advertisement { padding: 0 0 13px 0; }
.advertisement h3 { margin: 0 0 18px 0; }
.advertisement .ads { padding: 0 15px 0 7px; }
.advertisement .ad { margin: 0 0 18px 0; }

#sidebar .info {  }
#sidebar .info h3 { margin: 0 0 7px 0; }
#sidebar .info p {  }


#footer { font-family: Arial, sans-serif; font-size: 11px; line-height: 14px; color: #7f7f7f; padding: 18px 27px 20px 38px; }
#footer a{ color: #7f7f7f; }

.footer-nav {  }
.footer-nav ul { list-style: none; }
.footer-nav ul li { display: inline; border-right: 1px solid #7f7f7f; padding: 0 6px 0 0; margin: 0 7px 0 0; }
.footer-nav ul li.last { border:0; padding:0; margin:0; }

a span.button
	{
	
	padding:10px 16px 10px 16px;
	text-decotration:none;
	color:#fff;
	font-family:'Maven Pro', arial, serif;
	font-size:30px;
	font-weight:bold;
	line-height:31px;
	margin:0px 0px 0px 0px;
	text-shadow: 1px 1px 0px #000;
background: #AE1D20;
background: -moz-linear-gradient(left,  #6d0019 0%, #cc1a28 50%, #6d0019 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#6d0019), color-stop(50%,#cc1a28), color-stop(100%,#6d0019));
background: -webkit-linear-gradient(left,  #6d0019 0%,#cc1a28 50%,#6d0019 100%);
background: -o-linear-gradient(left,  #6d0019 0%,#cc1a28 50%,#6d0019 100%);
background: -ms-linear-gradient(left,  #6d0019 0%,#cc1a28 50%,#6d0019 100%);
background: linear-gradient(left,  #6d0019 0%,#cc1a28 50%,#6d0019 100%);
	-webkit-border-radius: 8px;
 	-moz-border-radius: 8px;
	border-radius: 8px;
	}

a span.button:hover
	{
	background:#6d0019;
	text-decotration:none;
	}


#contact-area {
	width: 600px;
	margin-top: 15px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #0e4882;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}

.CSSTableGenerator {
margin:0px;padding:0px;
width:100%;	



-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;

-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;

-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;

-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;
}.CSSTableGenerator table{
width:100%;
height:100%;
margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{

}.CSSTableGenerator tr:nth-child(odd){ background-color:#e5e5e5; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }
.CSSTableGenerator td{
vertical-align:middle;



border-width:0px 1px 1px 0px;
text-align:left;
padding:7px;
font-size:13px;
font-family:arial;
font-weight:normal;
color:#000000;
}.CSSTableGenerator tr:last-child td{
border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
	background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);
background-color:#cccccc;

text-align:left;
border-width:0px 0px 1px 1px;
font-size:14px;
font-family:arial;
font-weight:bold;
color:#000000;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);
background-color:#cccccc;
}
.CSSTableGenerator tr:first-child td:first-child{
border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
border-width:0px 0px 1px 1px;
}