/* CSS Document by designesia*/

/* ===== general ===== */
body{ font-family:Arial, Helvetica, sans-serif;line-height:1.35em; font-size:13px;}
body,p,h1,h2,h3,h4,h5,h6,ul{margin:0;padding:0;}
img{border:none;}
.noborder{border:none!important;}

/* ===== link ===== */
a{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{outline: none;}

/* ===== link button ===== */
a.btn{padding:7px 10px 5px 10px; display:inline-block; margin-top:20px;}
a.btn.white{float:right; display:block;}
a.btn.white:hover{padding:7px 10px 5px 10px; display:inline-block; margin-top:20px;}
.hide_content{ margin-top:-4px;}
.hide_content .inner{padding:20px; z-index:100; width:600px; display:block;}
.plus{width:36px; height:23px;  position: absolute; margin-top:-4px; margin-left:300px; z-index:50;cursor:pointer;}
.min{width:36px; height:23px; position: absolute; margin-top:-4px; margin-left:300px; z-index:50;cursor:pointer;}


/* ===== 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:36px; line-height:26px;}
h2 {font-size:32px; line-height:23px;}
h3 {font-size:30px; line-height:20px;}
h4 {font-size:28px; line-height:18px;}
h5{font-size:22px; line-height:16px;}
h6 {font-size:18px; line-height:15px;}

#content ul li,#footer ul li,#content ol li,#content li{ list-style:none;}
.cool-list li{ padding:8px 0 8px 20px;}

/* ===== images ===== */
.pic_left{ float:left; margin:0 20px 20px 0;}
.pic_right{ float:right; margin:0 0 20px 20px;}

/* ===== color picker===== */
#skins{position:fixed;top:250px;width:30px;left:0px;height:155px;background:#000;border-radius: 0 5px 5px 0;}
#skins ul li a{display:inline-block;width:20px;height:20px;margin-left:2px;margin-bottom:3px;border: 1px #666 solid;position:relative;}

/* ===== table ===== */
table{ width:100%; border-collapse:collapse;}
thead td{padding:10px;}
tbody td{ padding:10px;}
thead{font-weight:bold;}

/* ===== wrapper ===== */
#wrapper{ width:940px; margin:0 auto;}

/* ===== header & elememts ===== */
#header{ height:185px;overflow:hidden;}
#header h1{font-size:36px; margin:0px; padding:0px;}
.slogan-big{ float:left; padding-right:20px; padding-top:80px;}
.slogan-small{ float:left; padding-top:0px; padding-top:80px;}

/* ===== line ===== */
.line{ clear:both; height:10px; background:url(../images/pattern-1.png) center repeat-x; height:70px;}

/* ===== main ===== */
#main{width:670px; padding-left:220px;}

/* ===== content ===== */
#content{margin-left:0px;}

/* ===== sidebar ===== */
#sidebar{ float:left; padding:40px; height:100%; position:fixed;}

/* ===== columns ===== */
.one_half, .one_third{margin-right:40px;}
.last{ margin-right:0px;}
.one_full{ width:670px; }
.one_half{ width:315px; float:left;}
.one_third{ width:196px; float:left;}

/* ------- Fluid Columns ------- */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

/* ===== LINK ===== */
#mainlogo{margin-bottom:40px;}

/* ===== main menu ===== */
#mainmenu{font-size:36px; text-align:left;}
#mainmenu ul li{list-style:none; margin-bottom:-2px;}

/* ===== gallery home ===== */
.pf-big{}
.cool_pf{list-style-type:none; padding:0; margin:0;}
.cool_pf {padding:0; margin-right:40px; margin-bottom:10px; width:640px; list-style:none; padding-bottom:20px;}
.cool_pf .nomargin{margin-right:0;}
.cool_pf h2{margin-bottom:10px}
.cool_pf .title{position:absolute; width:667px; margin-top:380px; z-index:300; height:77px;}
.cool_pf .title h2{ margin:0; padding:0; padding:10px 20px 5px 20px; float:right; text-align:right; font-size:36px;}
.cool_pf .line{ clear:both; height:10px; background:url(../images/pattern-1.png) top; margin-top:30px;}
.cool_pf .title{ background-image:url(../images/shadow-1.png);background-position:bottom right ;background-repeat:no-repeat;}

/* ===== portfolio 3 column ===== */
.pf_gallery{list-style-type:none; padding:0; margin:0;}
.pf_gallery li{padding:0; margin-right:20px!important; margin-bottom:20px; width:196px; float:left; list-style:none; padding-bottom:20px;}
.pf_gallery li img{border:solid 10px #FFF; margin-bottom:20px;}
.pf_gallery li.nomargin{margin-right:0;}
.pf_gallery h2{margin-bottom:10px}

/* ===== rollover image style ===== */ 
.pic_hover a .rollover{ margin-left:10px;margin-top:10px;background-image:url(../images/icon-hover-1.png);background-repeat:no-repeat;background-position:center; position:absolute; z-index:10; display:none; cursor:pointer;}
.pic_hover a .rollover .text{padding:40px; color:#FFF;}
.cool_pf img{width:620px; height:465px;}
.cool_pf .pic_hover a .rollover{ width:620px; height:465px; margin:10px 0 0 10px;}
.pf_gallery img{ width:176px; height:131px;}
.pf_gallery .pic_hover a .rollover{ width:176px; height:131px; margin:10px 0 0 10px;}
.pf_gallery .pic_hover a .rollover{ background-image:url(../images/icon-hover-1.png) ;background-repeat:no-repeat;background-position:center;}

/* ===== span color ===== */
.clear{clear:both;}

/* ===== span color ===== */
#footer{font-size:11px; margin-top:40px; padding-top:10px; padding-bottom:10px;}
#footer .left{float:left; width:47%;}
#footer .right{float:left; width:50%; text-align:right;}

/* ===== page ===== */
.page_well{text-align:left; font-size:11px; color:#999;}
.blogpage{margin-top:40px;}
.page_well a:hover{ padding:4px 8px 4px 8px; margin-right:5px; color:#FFF;}
.page_well a{ padding:4px 8px 4px 8px; margin-right:5px; color:#FFF;}
.page_well .active a,.page_well .current-menu-item a,.page_well .current_page_parent a{color:#FFF;}


/* ===== contact ===== */
#contact label{ display:block; width:120px; float:left;}
#contact input{ display:block; margin-bottom:10px; padding:5px; border:none; border:solid 1px #888; width:384px; background:none;}
#contact textarea{ padding:5px; border:solid 1px #777; width:384px;height:150px; margin-bottom:10px; background:none;}
#contact input.btn{padding:3px 10px 3px 10px; margin:10px 0 0 120px; font-family:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px;border:none; width:60px;}
#contact input.btn:hover{background:#333; color:#FFF;}
#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 { width:31px; height:31px;display: none; padding:0 5px 0 5px; color: #FFF; font-size:11px; margin-left:120px; position:absolute; margin-left:520px;}
.success { display:none; padding:0 5px 0 5px; color: #FFF; font-size:11px; background:#333; width:385px; margin-left:120px;}
.error img { vertical-align:top; }

/* ===== search ===== */
#searchform button.btn{ cursor:pointer;color:#FFF; background:#CE1F1F; padding:3px 10px 3px 10px; margin:10px 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px;border:none; width:60px;}
#searchform button.btn:hover{background:#333; color:#FFF;}
#searchform input{margin-bottom:10px; padding:5px; border:none; border:solid 1px #888; width:150px; background:none;}
#searchform fieldset{border:none;}

/* ===== comment ===== */
#respond label{ display:block; width:120px; float:left;}
#respond input{ display:block; margin-bottom:10px; padding:5px; border:none; border:solid 1px #888; width:384px; background:none;}
#respond textarea{ padding:5px; width:384px;height:150px; margin-bottom:10px; background:none;}
#respond #submitCommentButton:hover{background:#333; color:#FFF;}
#respond #submitCommentButton{ cursor:pointer; padding:3px 10px 3px 10px; margin:10px 0 0 120px; font-family:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px;border:none; width:60px;    background: none repeat scroll 0 0 #CE1F1F;}
#respond textarea{border:solid 1px #777;}

.itemComments ul li{ margin-left:30px; }

#respond{margin-top:30px;}
#respond textarea{margin-top:0px;}
#respond li{list-style:none; margin-bottom:20px;}
ul.comment-list{margin-left:0; padding-left:0;}
.comment-text{padding:20px;}
ul.comment-list ol{margin-top:20px;}
.comment-date{ font-size:11px;}
.comment-by,.readon{ font-size:11px; display:inline-block; margin-left:5px;}
.linkreply{font-size:11px; margin-left:5px;}
.sender{ text-align:right;}


/* ===== blog ===== */
.bloglist{margin:0; padding: 0;}
.bloglist .blogpost{list-style:none; margin:0; padding: 0; margin-bottom:30px;margin-top:30px;}
.bloglist .col-1{float:left; width:340px; margin-right:20px; margin-bottom:30px;}
.bloglist .col-2{float:left; width:310px;}
.bloglist .date {width:50px; color:#FFF; text-align:center; margin-bottom:15px;}
.bloglist .day{display:block; font-size:36px; padding-top:10px;}
.bloglist .month{display:block; font-size:24px; margin-top:-15px; padding-bottom:10px;}
.bloglist .comment-count{ background:url(../images/comment-baloon.png) top center  no-repeat; width:41px; height:42px; text-align:center; padding-top:5px; font-weight:bold; margin-top:15px;}
.bloglist .line{ clear:both; height:10px; background:url(../images/pattern-1.png) top; margin-top:30px;}

.blog-header{margin:0; padding: 0;}
.blog-header .col-1{float:left; width:340px; margin-right:20px; margin-bottom:20px;}
.blog-header .col-2{float:left; width:310px;}
.blog-header .date {width:50px; color:#FFF;text-align:center; margin-bottom:15px;}
.blog-header .day{display:block; font-size:36px; padding-top:10px;}
.blog-header .month{display:block; font-size:24px; margin-top:-15px; padding-bottom:10px;}
.blog-header .comment-count{ background:url(../images/comment-baloon.png) top center  no-repeat; width:41px; height:42px; text-align:center; padding-top:5px; font-weight:bold; margin-top:15px;}
.blog-header .line{ clear:both; height:10px; background:url(../images/pattern-1.png) top; margin-top:30px;}


/* ===== blockquote ===== */
blockquote{ border:none;font-style:italic; font-size:13px; margin-right:0px; padding-left:20px; margin-left:20px; font-family:Georgia, "Times New Roman", Times, serif;}
.pos_left{float:left; width:50%; margin:0 20px 10px 20px;}


/* ===== social-icons ===== */
#social-icons{position:fixed; bottom:40px; margin-left:40px; z-index:200;cursor:pointer;}
#social-icons img{margin-right:5px;}
.social img{margin-right:5px;cursor:pointer;border:none! important;}


/* ===== toTop ===== */
#toTop {display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;
	text-indent:-999px;background:url(../images/ui.totop.png) no-repeat left top;}

#toTopHover {background:url(../images/ui.totop.png) no-repeat left -51px;
	width:51px;height:51px;display:block;overflow:hidden;
	float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}

#toTop:active, #toTop:focus {outline:none;}



/* CSS Document by designesia*/

.dropcap{ width:32px; height:30px;float:left; padding:10px 10px 12px 10px; color:#FFF; font-size:36px; text-align:center; margin:5px 15px 5px 0;}

/*pagination*/
ul#pagination{padding-top:20px;}
ul#pagination li{list-style: none;display:inline;margin-right:10px;padding:4px 8px;cursor:pointer;}
ul#pagination li a.current,ul#pagination li:hover{cursor:default;}
ul#pagination li a, ul#pagination li a.current {color:#fff;}
ul#pagination li.current{background:#ce1f1f;}

/* ===== portfolio 2 column ===== */
.pf_gallery li.twocol{padding:0; margin-right:40px!important; margin-bottom:20px; width:295px; float:left; list-style:none; padding-bottom:20px;}
.pf_gallery li.twocol img{border:solid 10px #FFF; margin-bottom:20px;width:295px;height:200px;}
.pf_gallery li.twocol .pic_hover a span.rollover{width:295px;height:200px;}

/* ===== portfolio 1 column ===== */
.pf_gallery li.onecol{padding:0; margin-right:40px!important; margin-bottom:20px; width:100%; float:left; list-style:none; padding-bottom:20px;}
.pf_gallery li.onecol img{border:solid 10px #FFF; margin-bottom:20px;width:350px;height:250px;}
.pf_gallery li.onecol .pic_hover a span.rollover{width:350px;height:250px;}
.pf_gallery li.onecol .pic_hover{float: left;margin-left: 0;position:relative;}
.pf_gallery li.onecol div.pf-text,.pf_gallery li.onecol h6{margin-left:20px;margin-top:10px;float:left;position:relative;width:280px;}

.hide{display:none;}
.pf_gallery{width:670px;position:relative;overflow:hidden;}
.pagee{width:670px;}
.page_well{width:670px;}
.page_well span{cursor:pointer;}

/* schortcodes */
.left blockquote{float:left;width:50%;}
.firstcharacter { float: left;font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia; }

/*toggles*/
.toggle h4{display:block;}
.toggle_content{background:#eaeaea;margin-top:10px;overflow:hidden;padding:10px;}
.toggle_content img{float:left;margin-right:10px;}
.toggle_content ul li{float:left;margin-right:10px;}
.toggle h4{color:#222;font-size:1.3em;margin-top:35px;}

.toggle1{ position: relative; }
.toggle1 .arrowdown{ width: 24px; height: 22px; background: url('../images/arrowdown.png') no-repeat center center; display: inline-block; vertical-align:bottom; margin-right: 15px; }
.toggle1 .toggle-content { position: relative; width: 100%; -moz-box-sizing:    border-box;   -webkit-box-sizing: border-box;    box-sizing: border-box;	
 background-color:#fff; color: #666; display: none; margin-top: 20px;}
.toggle1 .toggle-content p { padding: 12px 12px; margin: 0;}
.toggle1 .toggle-title { background-color: #444; border-radius:5px;  cursor: pointer;-moz-box-sizing:  border-box;   -webkit-box-sizing:border-box;    box-sizing:border-box;	}
.toggle1 .toggle-title p { display:inline; }
.toggle1 .toggle-title h3 { padding: 10px; margin: 0; color: #fff; font-weight: normal; font-size: 1.5em; display: inline-block;  }
.toggle1 .arrow-top{ border-color: #fff transparent; border-style:solid; border-width:00px 12px 12px 12px; width:0; height:0; position: absolute; top:-12px; left: 15px;}

.toggle2{ position: relative; }
.toggle2 .arrowdown{ position:relative; top:0px; width: 20px; height: 20px; background: url('../images/toggleplus.png') no-repeat 0 0; display: inline-block; vertical-align:bottom; margin-right: 15px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;	 }
.toggle2 .toggle-content { position: relative; width: 100%; -moz-box-sizing:    border-box;   -webkit-box-sizing: border-box;   
-moz-box-shadow: inset 0 0 5px 5px rgba(0,0,0,0.3);box-shadow: inset 0 0 5px 2px rgba(0,0,0,0.1); background-color:#fafafa; color: #444; display: none; margin: 4px 0;}
.toggle2 .toggle-content p { padding: 12px 10px; margin: 0; }
.toggle2 .toggle-title { cursor: pointer; }
.toggle2 .toggle-title p { display:inline; }
.toggle2 .toggle-title h3 { padding: 15px; margin: 0; color:#333; font-weight: normal; font-size: 1.5em; display: inline-block; font-family:Verdana, Geneva, sans-serif;  }
.toggle2 .opened .arrowdown { background-position: 0 -21px; }
 /*testimonial*/
.testimonial{ position: relative;}
.testimonial .testimonial-box{ position: relative; background: #eee; padding: 12px 15px; border-radius:15px; border: 1px solid #ccc; }
.testimonial .testimonial-arrow{ border-color: #eee transparent;border-style:solid;border-width:12px 12px 0px 0px;width:0;height:0; position: absolute; bottom: -12px; left: 20px; z-index: 9; }
.testimonial .testimonial-arrow-border{ border-color: #ddd transparent;border-style:solid;border-width:14px 14px 0px 0px; width:0; height:0; position: absolute; bottom: -14px; left: 19px; z-index: 8; }
.testimonial .testimonial-author{ margin-top: 15px; color: #444; }
 /*tabs*/
.tabs{margin:7px; }
UL.tabNavigation {list-style: none;margin: 0 1px 4px;}
UL.tabNavigation LI {display: inline;margin-right:0px;}
UL.tabNavigation LI A {padding: 3px 5px;background-color: #fff;color: #222;text-decoration: none;border-radius:5px 5px 0 0 ;padding-top: 10px;padding-left: 10px;padding-right: 10px;border: 1px solid rgba(0, 0, 0, 0.09);cursor:pointer;}
UL.tabNavigation LI A.selected {background-color: #888;color: #fff;padding-top: 10px;padding-left: 15px;padding-right: 15px;}
UL.tabNavigation LI A:focus {outline: 0;}
div.tabs > div {padding: 15px; margin-top: -2px; border: 1px solid #ccc;}
div.tabs > div h2 {margin-top: 0;}
.tabs div{background-color:#888888; color: #fff; display: none; margin-top: 20px;border-radius:0px 8px 8px 8px;}
/* Success and error message */
.success_message, .error_message,.warning_message,.info_message{padding:10px;margin-bottom:10px;-moz-border-radius: 5px;-webkit-border-radius:5px;}
.success_message{background:rgba(148,250,130,0.4);border:1px solid #B6FCA9;}
.error_message{background:rgba(254,227,227,0.6);border:1px solid #FCD4D4;}
.warning_message{background:rgba(237,250,115,0.5);border:1px solid #FCEDAE;}
.info_message{background:rgba(197,250,238,0.5);border:1px solid #CCFCF2;}
.success_message h2, .error_message h2,.warning_message h2,.info_message h2{margin:0;padding:5px 0 5px 50px;}
.success_message h2{background:url(../images/checkmark.png) left no-repeat;color:#186E09;}
.error_message h2{background:url(../images/error.png) left no-repeat;color:#DB3B3B;}
.warning_message h2{background:url(../images/imp.png) left no-repeat;color:#7A6E27;}
.info_message h2{background:url(../images/info.png) left no-repeat;color:#0376A3;}

.left{float:left;margin:5px;}
.right{float:right;margin:5px;}
img.alignleft{float:left;margin:0 20px 20px 0;}
.effectmove{margin:0 !important;}
.imgdiv{margin:20px 0px 20px 0px !important;}
.tabs img.alignleft {margin:0px !important;}
.tabs div.overlay{margin:5px !important;}
ul.gallery a{color:#111111;}