/* CSS Document ©2011 by liontheme*/

*{border:none; margin:0; padding:0;}
body{background:url(../images/pattern-1.jpg); color:#FFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:13px;line-height:1.6em;}
body,p,h1,h2,h3,h4,h5,h6,ul,li{margin:0;padding:0;}
#container{background:url(../images/bglossy.png) top repeat-x;}
#top-container{ width:940px; margin:0 auto;}
#content{ background:url(../images/contentfx.png) top center no-repeat; margin-top:1px; padding:40px 0 40px 0;}
input{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

/* links */
a{color:#777; text-decoration:none;}
a:hover{color:#FFF;}
a.btn{ color:#FFF; background:url(../images/bgbtn.png) top repeat-x; padding:5px 10px 5px 10px;  display:inline-block; margin-top:10px; padding:3px 15px 3px 15px; border:solid 1px #111; text-transform:uppercase; font-size:11px;}
a.btn:hover{ color:#333; background:#EAEAEA; text-decoration:none;}

/* header elements */
#header{ background:url(../images/headerfx.png) top left no-repeat; height:180px;}
#header .left{
	float:right;
	width:340px;
	height:134px;
	margin-right: 300px;
}
#header .right{
	float:right;
	width:200px;
	height:134px;
}

/* heading */
h1, h2, h3{margin-bottom:10px;}
h3, h4, h5, h6{margin-bottom:12px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
h1 {font-size:26px; line-height:26px;}
h2 {font-size:22px; line-height:23px;}
h3 {font-size:20px; line-height:20px;}
h4 {font-size:18px; line-height:18px;}
h5{font-size:16px; line-height:16px;}
h6 {font-size:14px; line-height:15px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:#FFF;}


/* logo */
#logo{
	height: 115px;
	width: 300px;
	margin-top: 10px;
}

/* ul, li */
ul.underline{ padding-bottom:10px; padding-left:20px; padding-top:10px; background:url(../images/bglist.png) top left no-repeat;}
ul.underline li{list-style:none; background:url(../images/lines.png) bottom right repeat-x; padding:5px 0 5px 0;}
.iconic li a{background:url(../images/list-arrow-2.png) left center no-repeat; padding-left:20px;}
.iconic li a:hover{background:url(../images/list-arrow-2-hover.png) left center no-repeat; padding-left:20px;}
.list{margin:0; padding:0; list-style:none;}
.list li{ padding:0 0 0 20px; line-height:25px;}
.circle li{ background:url(../images/list-circle.png) left center no-repeat;}
.arrow li{ background:url(../images/list-arrow.png) left center no-repeat;}
.plus li{ background:url(../images/list-plus.png) left center no-repeat;}
.check li{ background:url(../images/list-check.png) left center no-repeat;}


/* top menu */
#top-navigation{position:relative;z-index:100;float:left;padding:6px 0 0 0;width:700px; margin-left:-15px;}

/* jquery menu */
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color: #FFF;}
.jqueryslidemenu ul li a:hover, .jqueryslidemenu ul li a.current{ color:#CCC;}
.jqueryslidemenu{width: 100%;}
.jqueryslidemenu ul{margin: 0; padding: 0; float:left; list-style-type: none;}
.jqueryslidemenu ul li{position: relative;display: inline;float: left;z-index:100;font-size:13px;}
.jqueryslidemenu ul li a{display: block; padding: 12px 15px 4px 15px; text-decoration: none;}
.jqueryslidemenu ul li.active a{padding: 4px 15px 6px 15px; }
.jqueryslidemenu ul li.home a{padding-left:0px;}
* html .jqueryslidemenu ul li a{display: inline-block;}
.jqueryslidemenu ul li ul{
position: absolute; top:34px !important; left: 0px; display: block; visibility: hidden; padding:0px !important;padding-top:6px !important;}
.jqueryslidemenu ul li ul li{display: list-item;float:none;}
.jqueryslidemenu ul li ul li ul{left: 191px !important;top: -1px !important;padding-top:0px !important;border-top:solid 1px #333;}
.jqueryslidemenu ul li ul li a{width: 160px;padding: 7px 15px;margin: 0;border: 1px solid #333;
border-top-width:0px;background: #222;}
.jqueryslidemenu ul li ul li li a{border-width:0px 1px 1px 1px;}
.jqueryslidemenu ul li ul li a:hover{background-color:#333;}
.arrowDown{position: absolute;top: 16px;right: 5px;}
.arrowRight{position: absolute;top: 12px;right: 10px;}

/* space & br*/
.single{ margin-bottom:10px;} /*add 20px space*/
.clear{ clear:both; background:none;}
.line{ height:80px; clear:both; background:url(../images/linedeco.png) center no-repeat; border:none;} 


/* column */
.one_half{ width:450px;}
.one_third{ width:300px;}
.one_fourth{width:220px;}
.one_fourthiletisim{
	float:left;
	width: 300px;
}
.one_fifth{
	width:272px;
}
.two_third{ width:620px;}
.two_fifth{
	width:450px;
	float: right;
}
.three_fourth{
	width:900px;
}
.three_fourthiletisim{
	width:600px;
	float: left;
}
.three_fifth{ width:556px;}
.one_half, .one_third, .one_fourth, .three_fourth, .one_fifth, .two_third, .two_fifth, .three_fourth, .three_fifth{margin-right:20px; float:left;}
.last{ margin-right:0 !important; clear:right; }
.last1{ 
margin-right:20 ;
float:right;
 }

/* slideshow */
#slideshow{ margin:10px 0 10px 0;}
.list-slider{ background:url(../images/slider-list.png) repeat-x top; z-index:100; position:relative; top:7px; height:7px;}
#slider{list-style-type:none; margin:0; padding:0; height:360px; }
.nojs #slider {overflow:hidden;}
.slide-desc{position:absolute; right:0px; bottom:30px; width:430px; padding:25px 35px 40px 35px; color:#373737; background-image: url(../images/transparent-slide.png); }
.nojs .slide-desc{visibility:hidden;}
#slider li{width:950px; height:360px;}

/* button arrow slideshow */
#slideArrow{width:940px; height:42px; position:absolute; top:180px; z-index:20}
.nojs #slideArrow{visibility:hidden;}
#prevslide{display:block; background-image:url(../images/btn-prev.png); background-repeat:no-repeat; width:42px; height:42px; position:absolute; top:10px; left:20px}
#prevslide:hover{background-position:0 -42px;}
#nextslide{display:block; background-image:url(../images/btn-next.png); background-repeat:no-repeat; width:42px; height:42px; position:absolute; top:10px; right:20px}
#nextslide:hover{background-position:0 -42px;}
#prevslide,#nextslide{top:170px;}

/* quick search */
#quicksearch input.text{width:148px; float: left;}
#quicksearch input.btnsearch{ float:right; width:14px; height:14px; background:url(../images/iconsearch.png) top left no-repeat; margin: 3px 5px 0 0;}
#quicksearch{position:relative;z-index:110; float:right; background:url(../images/bgsearch.png) top left no-repeat; width:171px; height:27px; top:8px; padding:5px 0px 7px 10px;}
#quicksearch input{ color:#999; border:none; background:none;}


/* blog */
.blogpost{padding-bottom:0px; padding-top:20px;}
.blogpost.first{padding-top:0px;}
.blogpost.read{ background:none; padding-top:0px;}
.blogpost .blog_post_date{ width:50px; float:left; background:url(../images/bgdate.png) top left no-repeat; padding:5px 0 5px 0;}
.blogpost .right{ width:640px; float:left; padding-left:10px;font-size:10px; color:#888; margin-bottom:15px;}
.blogpost .date{ font-size:30px; text-align:center; padding-top:4px;}
.blogpost .month{ font-size:12px; text-align:center;}
.blogpost h2{ margin-bottom:5px; color:#FFF; margin-top:5px;}
.blogpost .pix{ float:left; padding:0 20px 20px 0; width:220px;}
.blogpost .text{ float:left; padding:0 0px 20px 0; width:450px;}
.blogpost .info{ display:block;background:url(../images/lines-3.png) top right no-repeat; padding-top:1px; text-transform:uppercase;}
.blogpost .info span{display:inline-block; background:url(../images/hlines.png) right repeat-y; padding-right:10px; padding-left:10px; padding-top:2px;}
.blogpost .info span.postedby{padding-left:0px;}
/* portfolio */
/* portfolio 2 column */
.pf_2_col{list-style-type:none; padding:0; margin:0;}
.pf_2_col li{padding:0; margin-right:20px; margin-bottom:20px; width:460px;  float:left; list-style:none; padding-bottom:20px;}
.pf_2_col li.nomargin{margin-right:0;}
.pf_2_col h2{margin-bottom:10px}
/* portfolio 3 column */
.pf_3_col{list-style-type:none; padding:0; margin:0;}
.pf_3_col li{padding:0; margin-right:20px; margin-bottom:20px; width:300px;  float:left; list-style:none; padding-bottom:20px;}
.pf_3_col li.nomargin{margin-right:0;}
.pf_3_col h2{margin-bottom:10px}
/* portfolio 4 column */
.pf_4_col{list-style-type:none; padding:0; margin:0;}
.pf_4_col li{padding:0; margin-right:20px; margin-bottom:20px; width:220px;  float:left; list-style:none; padding-bottom:20px;}
.pf_4_col li.nomargin{margin-right:0;}
.pf_4_col h2{margin-bottom:10px}
.pf_2_col img, .pf_3_col img, .pf_4_col img{margin-bottom:10px;}

/* column */
.four_col{list-style-type:none; padding:0; margin:0;}
.four_col li{padding:0; margin-right:20px; margin-bottom:0px; width:220px;  float:left; list-style:none; }
.four_col li.nomargin{margin-right:0;}
.four_col h2{margin-bottom:10px}
.four_col img, .pf_3_col img, .pf_4_col img{margin-bottom:10px;}

.four_col.home h2{padding-top:10px;}
.three_col.home h2{padding-top:10px;}
.two_col.home h2{padding-top:10px;}

/* team */
#team{list-style-type:none; padding:0; margin:0;}
#team li{padding:0; margin-right:20px; margin-bottom:30px; width:160px;  float:left; list-style:none;}
#team li.nomargin{margin-right:0;}
#team h2{margin-bottom:10px}

/* blockquote & testi */
blockquote{ border:none; padding-left:70px; font-style:italic; background: url(../images/quote.png) top left no-repeat; font-size:15px; margin-left: 0px; margin-right:0px;}
blockquote.pos-left{ float:left; width:50%; margin:20px; margin-left:0px;}
blockquote.pos-right{ float:right; width:50%; margin:20px; margin-right:0px;}
.testi{margin-bottom:20px;}
.testitext{ background-position:top left;margin-left:140px; padding:20px 0 0 20px;}
.testiby{padding:10px 0 0 0; font-weight:bold; text-align:right;}
.testi img{float:left;}
.last{margin-bottom:0px;}

/* align */
.pos_top{ margin-bottom:10px;}
.pic_left{ float:left; margin:0 20px 20px 0;}
.pic_right{ float:right; margin:0 0 20px 20px;}

/* code */
code{display:inline-block; background:url(../images/dotwhite.png); font-size:11px; padding:5px 10px 5px 10px; border:solid 1px #666; border-left:solid 4px #666; color:#CCC;}
code b,code strong{font-weight:bolder; color:#FFF;}

/*contact */
#contact label{ display:block; width:120px; float:left;}
#contact input{ display:block; margin-bottom:10px; padding:5px; border:none; background:url(../images/dotwhite.png); color:#FFF; border:solid 1px #555; width:384px;}
#contact input:focus{border:solid 1px #999; background:url(../images/dotblack1.png);}
#contact textarea{ padding:5px; background:url(../images/dotwhite.png);color:#FFF; border:solid 1px #555; width:384px; height:150px; margin-bottom:10px;}
#contact textarea:focus{border:solid 1px #999; background:url(../images/dotblack1.png);}
#contact input.button{ color:#FFF; background:url(../images/bgbtn.png) top repeat-x; padding:3px 10px 3px 10px; margin:10px 0 0 120px; font-family:Arial, Helvetica, sans-serif; border:solid 1px #111; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px;}
#contactform { font-size: 12px; width:300px;}
#contactform input, #contactform textarea {width:100%;font-family:inherit;font-size:12px;padding:5px;}
#contactform textarea {height:100px;}
#send {width:100px !important;font-size: 12px;border:1px solid black;cursor:pointer;cursor:hand;}
#btnsubmit { text-align:right; } 
.error { background:#900; border: solid 1px #C00;display: none; padding:0 5px 0 5px; color: #FFF; font-size:11px;width:385px; margin-left:120px;}
.success { display: none; padding:0 5px 0 5px; color: #044406; font-size:11px;}
.error img { vertical-align:top; }


/* comment form */
#comment-form label{ display:block; width:120px; float:left;}
#comment-form input{ display:block; margin-bottom:10px; padding:5px; border:none; background:url(../images/dotwhite.png); color:#FFF; border:solid 1px #555;}
#comment-form input:focus{border:solid 1px #999; background:url(../images/dotblack1.png);}
#comment-form textarea{ padding:5px; background:url(../images/dotwhite.png);color:#FFF; border:solid 1px #555; width:370px;}
#comment-form textarea:focus{border:solid 1px #999; background:url(../images/dotblack1.png);}
#comment-form input.button{ color:#FFF; background:url(../images/bgbtn.png) top repeat-x; padding:3px 10px 3px 10px; margin:10px 0 0 120px; font-family:Arial, Helvetica, sans-serif; border:solid 1px #111; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px;}


/* dropcap */
.dropcap{background:url(../images/bgdropcap.png) top left no-repeat; display:block; font-size:32px; float:left; width:50px; height:50px; line-height:40px; margin:10px 10px 0 0; text-align:center; padding-top:10px;}

/*social-icon */
.social-icon{ float:right; padding-top:59px;}
.social-icon img{padding-left:5px;}


/* rollover image style */ 
.pic_hover a .rollover{	background:url(../images/hover-opacity.png) no-repeat center;background-color:#FFF; display:block; position:absolute; z-index:10; display:none; cursor:pointer;}
.pf_2_col .pic_hover a .rollover{ width:460px; height:230px;}
.pf_3_col .pic_hover a .rollover{ width:300px; height:142px;}
.pf_4_col .pic_hover a .rollover{ width:220px; height:165px;}

.two_col .pic_hover a .rollover{ width:460px; height:230px;}
.three_col .pic_hover a .rollover{ width:300px; height:142px;}
.four_col .pic_hover a .rollover{ width:220px; height:165px;}

/* blog comments */
.comment-list{list-style-type:none; padding:20px 0 0 0; margin: 0;}
.comment-list ol{list-style-type:none; padding:30px 0 0 90px; margin:0;background:url(../images/dotwhite.png) bottom repeat-x; padding-bottom:0px;}
.comment-list li ol{list-style-type:none; padding:20px 0 0 90px; margin:0;background:url(../images/dotwhite.png) bottom repeat-x;}
.comment-list li{position:relative;padding:10px 0 20px 0;background:url(../images/dotwhite.png) top repeat-x;}
.comment-list li li{position:relative;padding:10px 0 20px 0;}
.avatar{position:absolute;top:10; left:0;}
.comment{margin:0 0 0 90px; padding:0; padding:10px 0 0 0;}
.comment span{display:block;}
.comment h3{margin-bottom:5px;}
.comment .comment-date{font-size:11px; color:#999;}
.comment .btn{margin-top:10px;}

/* footer */
#footer{ background:url(../images/dotwhite.png) top repeat-x #000; color:#999;}
#footer h2{ color:#FFF;}
#footer .one_fifth ul{  background:url(../images/dotwhite.png) top repeat-x;}
#footer .one_fifth ul li{ background:url(../images/dotwhite.png) bottom right repeat-x; list-style:none; padding:4px 0 4px 0;}
#footer .one_fifth ul li a{background:url(../images/list-arrow.png) left center no-repeat; padding-left:20px;}
#iconic .one_fifth ul li a:hover{background:url(../images/list-arrow-hover.png) left center no-repeat; padding-left:20px;}
#footer .inner{width:940px; margin:0 auto; background:url(../images/footerfx.png) top center no-repeat; padding:10px 0 10px 0;}
#footer-b{ background:#000; padding:10px 0 10px 0; color:#757575; font-size:11px; border-top:solid 1px #111;}
#footer-b .inner{width:940px; margin:0 auto;}
#footer-b .left{  width:50%; float:left;}
#footer-b .right{  width:50%; float:right; text-align:right;}

/* footer menu */
#btmmenu{float:right;}
#btmmenu ul{list-style-type:none;padding:0px;margin:0px;}
#btmmenu li{display:inline;}
#btmmenu a{float:left;color:#787878;font-size:8pt;padding-left:20px;text-decoration:none;}
#btmmenu a:hover{text-decoration:underline;}

/* page */
.page{text-align:left; font-size:11px; color:#999;}
.page a{ padding:4px 8px 4px 8px; margin-right:5px; background:url(../images/bg-page-num.png) top repeat-x; border:solid 1px #111;}
.page a:hover{ padding:4px 8px 4px 8px; margin-right:5px; background:#EAEAEA; color:#222;}
