/*-------------------------------------------------------------------------
=LAYOUT
-------------------------------------------------------------------------*/
body { margin:0; font:normal 12px Arial; background:url(../img/site_bg.png) repeat;}

div.container {}
	div.header { background:url(../img/header_bg.png) repeat-x; width:100%;}
	div.main {}
		div.leftColumn{ width:270px;}
		div#rightColumn { }
		div#content {}
	div.footer{ background:url(../img/footer_bg.jpg) no-repeat; width:100%; margin-top:20px;}
	
/*-------------------------------------------------------------------------
=GLOBAL CLASSES
-------------------------------------------------------------------------*/
.floatNone { float:none }
.floatLeft { float:left }
.floatRight { float:right }
.clearBoth { clear:both }
.clearAll { clear:both; line-height:1px; height:1px }
.noBg { background:none !important }
.noMargin { margin:0 !important }
.noTopMargin { margin-top:0 !important }
.noPadding { padding:0 !important }
.noPaddingRight { padding-right:0 !important }
.noPaddingTop { padding-right:0 !important }
.noBorder { border:0 none !important }
.displayNone { display:none !important }
.displayBlock { display:block !important }
.left { text-align:left }
.center { text-align:center }
.right { text-align:right }
.bold { font-weight:bold }
.leftImg{ float:left; margin:0px 10px 10px 0px; padding:2px; border:1px solid #ddd;}
.rightImg{ float:right; margin:0px 0px 10px 10px; padding:2px; border:1px solid #ddd;}
.hidden{ display:none;}
.red,.red a{ color:#f00 !important}
a:link, a:visited { border:0; color:#666; text-decoration:none }
a:hover { color:#cc0000; text-decoration:underline }

.globalWidth{ width:960px; margin:auto;}
.relative{ position:relative;}
.cufonAller,.cufonAllerWhite,.cufonDosis{}
.radius5{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.radius5Left{ border-bottom-left-radius:5px; border-top-left-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-left-radius:5px;}
.radius5Right{ border-bottom-right-radius:5px; border-top-right-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-top-right-radius:5px;}
.radius5Top{ border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}

/*HEADER*/
.header .wrapper{ height:139px;}
.header .wrapper .logo{ background:url(../img/logo.png) no-repeat; width:272px; height:115px; position:absolute; left:0; top:15px;}
.header .wrapper .logo a{ width:100%; height:100%; display:block; text-indent:-9999px;}
.header .wrapper .social{ position:absolute; right:0; top:15px;}
.header .wrapper .social ul{ float:left;}
.header .wrapper .social ul li{ float:left; background:url(../img/header_social.png) no-repeat 0 0; width:20px; height:20px; margin:0 0 0 15px;}
.header .wrapper .social ul li a{ display:block; width:100%; height:100%;}
.header .wrapper .social ul li.facebook{ background-position:0 0;}
.header .wrapper .social ul li.twitter{ background-position:-21px 0;}
.header .wrapper .social ul li.linkedin{ background-position:-42px 0;}
.header .wrapper .social ul li.googlePlus{ background-position:-63px 0;}
.header .headerNav{ position:absolute; right:0; bottom:0; background:url(../img/header_nav_bg.png) repeat-x; height:50px; overflow:hidden;}
.header .headerNav .home{ float:left; width:88px; height:50px; background:url(../img/home_page_icon.png) no-repeat;}
.header .headerNav .home a{ display:block; width:100%; height:100%; text-indent:-9999px;}
.header .headerNav ul{ float:left; padding:0 5px; font-size:12px; font-weight:bold;}
.header .headerNav ul li{ float:left; background:url(../img/header_nav_bracket.png) repeat-y right center;}
.header .headerNav ul li a{ color:#292570; display:block; padding:19px 8px;}
.header .headerNav ul li a:hover{ color:#d96f0f;}

.slider{ background:url(../img/slider_bg.jpg) no-repeat top center; border-bottom:3px solid #de812c;}
.slider .wrapper{ height:309px;}
.slider .wrapper .ultrashapeLogo{ background:url(../img/ultra_shape_logo.png) no-repeat; width:181px; height:90px; position:absolute; right:0; bottom:10px; z-index:999;}
.slider .wrapper .bx-controls{ position:absolute; bottom:-5px; left:0; background:url(../img/slider_button_bg.png) no-repeat; width:146px; height:27px; padding:0 0 0 25px; z-index:9999;}
.slider .wrapper .bx-controls .bx-pager-item{ float:left; width:16px; height:16px; margin:8px 0 0 12px;}
.slider .wrapper .bx-controls .bx-pager-item a{ background:url(../img/slide_buttons.png) no-repeat 0 0; width:16px; height:16px; float:left; text-indent:-9999px;}
.slider .wrapper .bx-controls .bx-pager-item a:hover,
.slider .wrapper .bx-controls .bx-pager-item a.active{ background-position:-17px 0;}

.index{ padding:15px 0;}
.index .download{ float:left; width:270px; overflow:hidden; background:#fff; margin:0 30px 0 0;}
.index .download .title{ background:url(../img/download_title_bg.png) no-repeat; width:270px; height:75px;}
.index .download p{ padding:5px; font:normal 11px/18px Verdana, Geneva, sans-serif; color:#000;}
.index .download p.input{}
.index .download p.input input{ margin:0; padding:0;}
.index .download p.input input[type="text"]{ background:#fbfbfb; border:1px solid #d7dee1; padding:10px; color:#333; font:normal 12px Verdana, Geneva, sans-serif; width:238px;}
.index .download p.input input[type="text"]:focus{ border-color:#999;}
.index .download p.input input[type="submit"]{ background:url(../img/submit_button.png) no-repeat; width:90px; height:36px; float:right; margin-bottom:8px; cursor:pointer;}

.index .video{ width:320px; float:left;}
.index .video .player{ width:320px; height:175px; background:#ddd}
.index .video .videoInfo{ background:url(../img/index_video_bg.png) no-repeat; width:320px; height:60px; overflow:hidden;}
.index .video .videoInfo a{ display:block; width:100%; height:100%; padding:9px;}
.index .video .videoInfo a:hover{ color:#36545f}
.index .video .videoInfo .name{ font:normal 20px Arial, Helvetica, sans-serif; color:#36545f; text-shadow:#fff 0 0 1px; background:url(../img/index_video_title_bg.png) no-repeat left center; padding:0 0 0 30px; margin-bottom:5px;}
.index .video .videoInfo p{ font:normal 10px Verdana, Geneva, sans-serif; color:#999;}

.index .indexImage{ width:310px; height:234px; float:right;}

.index .ultraShapeIndex{ background:url(../img/ultra_shape_index.jpg) no-repeat; width:960px; height:215px; margin:30px 0 0; overflow:hidden;}
.index .ultraShapeIndex .textWrapper{ padding:10px 20px; float:left; width:650px; font:italic 15px/24px Arial, Helvetica, sans-serif; color:#686b3d; background:url(../img/ultrashape_logo_index.png) no-repeat 15px 20px; text-shadow:#fff 0 1px 1px;}
.index .ultraShapeIndex .textWrapper a{ color:#333;}

.index .velashapeIndex{ background:url(../img/velashape_index.jpg) no-repeat; width:960px; height:234px; margin:30px 0 0;}
.index .velashapeIndex .textWrapper{ padding:10px 20px; float:left; width:650px; font:italic 15px/24px Arial, Helvetica, sans-serif; color:#fff; background:url(../img/velashape_logo_index.png) no-repeat 15px 10px;}
.index .velashapeIndex .textWrapper a{ color:#9B2F93;}

.footer .wrapper{ height:287px; padding:20px 0 0; overflow:hidden;}
.footer .wrapper .about{ float:left; width:280px; margin:0 30px 0 0;}
.footer .wrapper .about .title{ background:url(../img/footer_block_title_bg.png) no-repeat bottom left; padding:0 0 20px; margin-bottom:5px; font-size:26px; color:#fff; font-weight:bold;}
.footer .wrapper .about p{ font:normal 12px/33px Verdana, Geneva, sans-serif; color:#fff;}
.footer .wrapper .about p a{ color:#fff;}

.footer .wrapper .footerNav{ float:left;}
.footer .wrapper .footerNav .title{ background:url(../img/footer_block_title_bg.png) no-repeat bottom left; padding:0 0 20px; margin-bottom:5px; font-size:26px; color:#fff; font-weight:bold;}
.footer .wrapper .footerNav ul{ font:normal 12px Verdana, Geneva, sans-serif;}
.footer .wrapper .footerNav ul li{ border-bottom:1px solid #F90;}
.footer .wrapper .footerNav ul li a{ display:block; padding:3px 0 3px 15px; color:#fff; background:url(../img/footer_nav_ico.png) no-repeat left center;}
.footer .wrapper .footerNav ul li a:hover{}

.footer .wrapper .social{ float:right;}
.footer .wrapper .social ul{ float:left;}
.footer .wrapper .social ul li{ float:left; width:40px; height:40px; background:url(../img/footer_social.png) no-repeat; margin:0 0 0 10px;}
.footer .wrapper .social ul li a{ display:block; width:100%; height:100%;}
.footer .wrapper .social ul li.text{ background-position:0 0; width:74px;}
.footer .wrapper .social ul li.facebook{ background-position:-214px 0;}
.footer .wrapper .social ul li.twitter{ background-position:-172px 0;}
.footer .wrapper .social ul li.linkedin{ background-position:-130px 0;}
.footer .wrapper .social ul li.googlePlus{ background-position:-88px 0;}

.footer .copyright{ position:absolute; left:0; bottom:0; width:100%; }
.footer .copyright .copyText{ float:left; font:bold 11px Verdana, Geneva, sans-serif; color:#fff; padding:5px 0 0px 0;}
.footer .copyright .webTasarim{ float:right; width:39px; height:29px; background:url(../img/web-tasarim.png) no-repeat; margin:0 0 3px 0;}
.footer .copyright .webTasarim a{ display:block; width:100%; height:100%; text-indent:-9999px;}

.yasalUyari{ clear:both; font:normal 10px Arial, Helvetica, sans-serif; color:#fff; background:#960; padding:5px 0;}

.leftColumn .facebook{ margin:10px 0 !important; display:block; border:1px solid #000; clear:both;}
.leftColumn > .block{ margin-bottom:10px;}

.page{ width:670px;}
div.typography p{ font:normal 12px Verdana; color:#333; padding:0 0 15px 0; line-height:20px !important;}
div.typography ul{ font:normal 12px Verdana; color:#333; padding:0 0 16px 15px; line-height:18px; display:inline-block;}
div.typography ul li{ background:url(../img/footer_nav_ico.png) no-repeat 0 7px; padding:0 0 1px 10px; display:block; line-height:20px !important;}
div.typography p a,
div.typography ul li a{ color:#333; border-bottom:1px dotted #ccc}
div.typography p a:hover,
div.typography ul li a:hover{ color:#333; border-bottom:1px dotted #999; text-decoration:none;}
div.typography img{ padding:1px; border:1px solid #ddd; margin:0px 5px 0px 5px}
div.typography h1{ color:#333; font:bold 26px Arial; margin:0 0 10px; border-bottom:1px solid #ccc; padding-bottom:10px;}
div.typography h2{ font:bold 18px Verdana; color:#333; padding:0px 0px 10px 0px; }
div.typography h3{ font:bold 16px Verdana; color:#333; padding:0px 0px 10px 0px; }
div.typography h4{ font:bold 14px Verdana; color:#333; padding:0px 0px 10px 0px; }
div.typography h5,
div.typography h6{ font:bold 12px Verdana; color:#333; padding:0px 0px 10px 0px; }

.contactBlock{ background:url(../img/page_bracket_2.jpg) repeat-x bottom center; padding-bottom:15px; margin-bottom:15px;}
.contactBlock .success{ font:bold 14px Arial; font-style:italic; color:#090; padding-bottom:20px;}
.contactBlock h6{ padding-bottom:10px !important;}
.contactBlock p{ font-size:12px !important; padding-bottom:5px !important;}
.contactBlock .error{ margin-bottom:10px; display:inline-block; width:100%;}
.contactBlock .error div{ background:#f00; margin-bottom:5px; padding:10px 1px; font:normal 11px Arial, Helvetica, sans-serif; margin-right:8px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:left; color:#fff;}
.contactBlock div.row{ display:inline-block; width:100%; margin-bottom:10px;}
.contactBlock div.row .text{ float:left; width:150px; padding:11px 0 0;}
.contactBlock div.row .input{ float:left;}
.contactBlock div.row .input input,
.contactBlock div.row .input textarea{ margin:0; padding:0;}
.contactBlock div.row .input input[type="text"]{ padding:10px 5px; border:1px solid #ddd; font:normal 13px Arial, Helvetica, sans-serif; width:240px;}
.contactBlock div.row .input input[type="submit"]{ border:1px solid #ddd; background:#f1f1f1; padding:10px 15px; cursor:pointer; font:bold 13px Arial, Helvetica, sans-serif;}
.contactBlock div.row .input input[type="submit"]:hover{ border:1px solid #ccc; background:#f0f0f0;}
.contactBlock div.row .input textarea{ padding:10px 5px; border:1px solid #ddd; font:normal 13px Arial, Helvetica, sans-serif; width:350px; height:70px; resize:none;}

.contactBlock div.row .humans{ float:left; font-size:18px;}
.contactBlock div.row .humans input{ margin:0; padding:0;}
.contactBlock div.row .humans input[type="text"]{ padding:7px 5px; border:1px solid #ddd; font:normal 18px Arial, Helvetica, sans-serif; width:40px; text-align:center;}
.contactBlock div.row .humans span{ margin-left:15px;}