body{background:#000 url(../i/bg.jpg) repeat-x top; text-align:center}
#content {width:977px;  margin:0 auto;background: url(../i/contbottom.gif) no-repeat bottom left;padding-bottom:37px;}
#header {width:977px; height:207px;background: url(../i/header.jpg) no-repeat top;position:relative; ;}
#header h1 {width:230px; height:75px; position:absolute; top:38px; left:20px;}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; 	line-height: 0;	height: 0;}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.c1 {color:#a9ff00}
.clear {clear:both}
.left {float:left}
.right {float:right}
#menu {width:627px; height:54px; position:absolute; right:70px;bottom:7px}
#menu li {margin-right:2px; float:left;}
#menu li.button { height:54px;background:none;float:left;}
#menu li.button .left {height:54px; width:20px; float:left;}
#menu li.button .right {height:54px; width:20px;  float:left;}
#menu li.sep {height:54px;width:1px; ;background: url(../i/separator.gif) no-repeat center center;}
#menu li.button a {font-weight:bold;font:14px Verdana; color:#fff;text-transform:uppercase;text-decoration:none;float:left;display:block; height:36px;padding-top:18px;}
#menu li.button.sel .left {height:54px; width:20px; background: url(../i/but_left.gif) no-repeat; float:left;}
#menu li.buttonOver .left {height:54px; width:20px; background: url(../i/but_left_o.gif) no-repeat; float:left;}
#menu li.button.sel .right {height:54px; width:20px; background: url(../i/but_right.gif) no-repeat; float:left;}
#menu li.buttonOver .right {height:54px; width:20px; background: url(../i/but_right_o.gif) no-repeat; float:left;}
#menu li.button.sel a  {font:14px Verdana; color:#000;text-transform:uppercase;text-decoration:none;float:left;display:block; height:36px;padding-top:18px;background: url(../i/but_center.gif) repeat-x;}
#menu li.buttonOver a  {font:14px Verdana; color:#000;text-transform:uppercase;text-decoration:none;float:left;display:block; height:36px;padding-top:18px;background: url(../i/but_center_o.gif) repeat-x;}
#header_wave {width:124px; height:48px;background: url(../i/headerwave.gif) no-repeat;position:absolute; bottom:-48px; left:128px;}
#bodyrightHolder {width:1px; height:1px;float:right; position:relative;}
#bodyright {width:43px; height:271px;background: url(../i/bodyright.gif) no-repeat;position:absolute; top:0; right:-43px;}
#body {width:880px; background:#2a2a2a  url(../i/bodybg.gif) no-repeat bottom; float:left; margin:0 0 0 35px;display:inline;}
#bodyleftHolder {width:1px; height:1px;float:left; position:relative;}
#bodyleft {width:43px; height:271px;background: url(../i/bodyright.gif) no-repeat;position:absolute; top:0; right:-43px;}
#footerout {width:977px;  margin:0 auto;}
#footer {width:880px; height:66px; background:url(../i/footerbg.gif) no-repeat bottom; float:left; margin:10px 0 20px 35px;display:inline;}
#footer p {font:12px Verdana; color:#fff; margin-top:35px;}
#footer p a {font:12px Verdana; color:#fff; text-decoration:none;} 
#footer p a:hover {text-decoration:underline;}
#portfolio {width:326px; height:179px; background:url(../i/p_bg.gif) no-repeat center center;position:relative;float:right; margin-right:22px;display:inline}
#portfolioHolder {width:300px; height:173px; margin:3px 0 0 13px;float:left;z-index:0;display:inline;}
#portfolio a.prev, #portfolio a.next {display:block; position:absolute;width:43px; height:50px;display:block;z-index:1000;}
#portfolio a.prev{ background:url(../i/prev.png) no-repeat; bottom:20px; left:0px;}
#portfolio a.next{ background:url(../i/next.png) no-repeat;top:20px; right:0px;}
#homeTLblock {width:475px; height:184px; background:#1a1a1a; float:left;margin-left:34px;display:inline;}
#homeTLblock p {width:442px; margin:28px 0 0 13px;text-indent:180px;font:bold 16px Verdana;line-height:1.2; color:#fff; text-align:left; }
.homeBblock {width:384px;height:207px;margin:35px 0 27px 0; padding:7px 0 0 10px; text-align:left;display:inline;}
.homeBblock.l {float:left; background:#151515 url(../i/blbg.gif) no-repeat top right;margin-left:34px;display:inline;}
.homeBblock.r {float:right; background:#151515 url(../i/brbg.gif) no-repeat top right;margin-right:22px;display:inline;}
.homeBblock h2 {font:26px Verdana; color:#fff;margin-bottom:60px;}
.homeBblock h3 {font:16px Verdana; color:#fff;margin-bottom:12px;}
#submenu {float:right; }
#submenuHolder {width:825px; height:40px; background:#1a1a1a;margin:0 26px;}
#tabHolder {width:825px; height:40px;margin:0 26px; background:#000;}
#tabHolder ul {height:40px; float:left; margin-left:209px; }
#tabHolder ul li{padding:0 15px;  line-height:40px;float:left;}
#tabHolder ul li.Over {	background: url(../i/snavover.gif) repeat-x;}
#tabHolder ul li a {font:14px Verdana;color:#fff;text-transform:uppercase;text-decoration:none;}
#bodyInside {width:805px;  background:#151515;margin:10px 26px 20px 26px; padding:10px;}
#bodyInside h2 {font:21px Verdana; color:#fff;margin-bottom:12px; text-align:left}
#bodyInside p {font:12px Verdana; color:#fff;text-align:left; line-height:1.2;margin-bottom:15px;}
#bodyInside .box {position:relative;width:383px;border:1px solid #383837; padding:3px 2px 10px 10px;margin-bottom:10px; text-align:left; font:11px Verdana; color:#fff;}
#bodyInside .box ul {margin-top:15px;}
#bodyInside .box ul li {margin-bottom:5px;}
#bodyInside a {color:#A9FF00; text-decoration:none; font:12px Verdana;}
#bodyInside a:hover {text-decoration:underline; }
#bodyInside .box#paketSlim {background:url(../i/paketSlim.gif) no-repeat top right;padding-top:60px;height:318px;}
#bodyInside .box#paketStandart {background:url(../i/paketStandart.gif) no-repeat top right;padding-top:60px;height:318px;}
#bodyInside .box#paketBus {background:url(../i/paketBus.gif) no-repeat top right;padding-top:60px;height:418px;}
#bodyInside .box#paketShop {background:url(../i/paketShop.gif) no-repeat top right;padding-top:60px;height:418px;}
#bodyInside .box img {position:absolute; bottom:0; right:0;}
#bodyInside .box#paketBronze {background:url(../i/paketBronze.gif) no-repeat top right;padding-top:50px;height:150px;}
#bodyInside .box#paketSilver {background:url(../i/paketSilver.gif) no-repeat top right;padding-top:50px;height:150px;}
#bodyInside .box#paketGold {background:url(../i/paketGold.gif) no-repeat top right;padding-top:50px;height:150px;}
#bodyInside .box#paketPlatinium {background:url(../i/paketPlatinium.gif) no-repeat top right;padding-top:50px;height:150px;}
#bodyInside .box h3 {font:16px Verdana;margin-bottom:12px;}
#cHolder {width:100%;  }
#cHolder #contacts{ background:url(../i/c_bg.jpg) no-repeat top right;}
#cHolder #contacts ul {width:260px;float:left;font:14px Verdana; color:#fff; text-align:left;margin-bottom:100px;}
#cHolder #contacts ul li {height:30px; padding:10px 0 10px 45px; }
#cHolder #contacts ul li a {font:14px Verdana; color:#fff;text-decoration:none;}
#cHolder #contacts ul li a:hover {text-decoration:underline;}
#cHolder #contacts ul li.first {height:30px; padding:20px 0 10px 0}
#cHolder #contacts ul li.mail {background: url(../i/icon_mail.gif) no-repeat center left;}
#cHolder #contacts ul li.phone {background: url(../i/icon_phone.gif) no-repeat center left;}
#cHolder #contacts ul li.skype {background: url(../i/icon_skype.gif) no-repeat center left;}
#cHolder #contacts ul li.facebook {background: url(../i/icon_facebook.gif) no-repeat center left;}#cHolder #contacts, #cHolder #form {margin-bottom:100px;}
.portfolioItem {padding:33px; border:1px solid #383837; margin-bottom:10px;}
.portfolioItem img {float:left;border:1px solid #383837;}
.portfolioItem p {font:14px Verdana; color:#fff; float:left; margin-top:20px; line-height:3.0 !important;padding-left:26px;}
.portfolioItem p a {color:#b4d333; text-decoration:none;}
.portfolioItem p a:hover {text-decoration:underline;}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
	
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */

}
.sf-menu li {
	float:			left;
	position:		relative;
	height:30px;
	padding:10px 15px 0 15px;
	
}
.sf-menu a {
	display:		block;
	position:		relative;
	
}
.sf-menu li a{

}
.sf-menu li ul li a{
font:11px Verdana;
color:#000;
text-transform:none;

}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			40px; /* match top ul list item height */
	z-index:		99;
	
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
	
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			0em; /* match ul width */
	top:			0;
	
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	
}
.sf-menu a {
font:14px Verdana !important;
color:#fff;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	font:14px Verdana !important;
  color:#fff;
  text-transform:uppercase;
}
.sf-menu li ul li a, .sf-menu li ul li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	font:11px Verdana;
  color:#000;
  text-transform:none;

}

.sf-menu li:hover, .sf-menu li.sfHover  {
	background: url(../i/snavover.gif) repeat-x ;
	outline:		0;
}
.sf-menu li ul li:hover, .sf-menu li ul li.sfHover  {
	background: #9bb823;
	outline:		0;
	padding-right:25px;

}


/*** arrows **/
.sf-menu a.sf-with-ul {

	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {width:9px; line-height:15px;background:url(../i/sub.gif) no-repeat center center;padding-left:10px; }


/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	 /* arrow hovers for modern browsers*/
	 background:url(../i/sub_o.gif) no-repeat center center ;
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {  }
.sf-menu ul a > .sf-sub-indicator { background:url(../i/sub_o.gif) no-repeat center center ; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background:url(../i/sub_o.gif) no-repeat center center ;
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
 background:		#000;
}
.sf-shadow ul.sf-shadow-off {
	background: #000;
}
.sf-menu li ul li{background:#8a8a88; text-align:left;height:15px; padding:5px 15px;}
.sf-menu li.separator, #tabHolder li.separator {height:40px;width:1px;padding:0;background: url(../i/separator.gif) no-repeat center center;}