/* ========================================= */
/* 		CSS Document ©2011 by designesia
/* ========================================= */



*{border:none; margin:0; padding:0;}
body{
	font-family:Open Sans;
	font-style: normal;
	font-size:11px;
	letter-spacing:.25px;
	line-height:1.7em;
	background-color: #D7CCCA;
	background-image: url(../images/pattern-7.png);
	background-position: center;
}
body,p,h1,h2,h3,h4,h5,h6,ul,li{margin:0;padding:0;}
input{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}



/* =========================================
/* 					WRAPPER
/* ========================================= */
#wrapper{margin:0 auto; margin-top:40px; margin-bottom:40px; width:920px; -moz-box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.5);}
/* #wrapper{ padding:10px; border:solid 1px #FFF; background:#EAEAEA; } */



/* ========================================= */
/* 					HEADER
/* ========================================= */
#header{height:70px; width:920px; margin:0 auto; position:absolute; background:url(../images/dotwhite75.png); margin-top:20px; z-index:200; -moz-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);}
#logo{ height:70px; display:table-cell; vertical-align:middle; padding-left:40px;}



/* ========================================= */
/* 					TOP MENU
/* ========================================= */
#mainmenu { margin-top:-45px; margin-right:30px; font-family:'PT Sans Narrow', sans-serif; text-transform:uppercase;}
#mainmenu ul li a:link, #mainmenu ul li a:visited{color: #333;}
#mainmenu ul li a:hover, #mainmenu ul li a.current{ background:url(../images/dot10.html);color:#CF2929;}
#mainmenu ul{margin: 0; padding:0; float:right; list-style-type: none;}
#mainmenu ul li{position: relative;display: inline;float: left;z-index:100;font-size:14px;}
#mainmenu ul li a{display: block; padding: 2px 15px 4px 15px; text-decoration: none;}
#mainmenu ul li.active a{padding: 2px 15px 7px 15px; }
#mainmenu ul li.home a{padding-left:0px;}
* html #mainmenu ul li a{display: inline-block;}
#mainmenu ul li ul{
position: absolute; top:24px !important; left: 0px; display: block; visibility: hidden; padding:0px !important;padding-top:0px !important;}
#mainmenu ul li ul li{display: list-item;float:none;}
#mainmenu ul li ul li ul{left: 191px !important;top: -1px !important;padding-top:0px !important;}
#mainmenu ul li ul li a{width: 150px;padding:5px 10px 5px 10px; margin-bottom:1px; border-bottom:none;
border-top-width:0px;background:url(../images/dotwhite75.png);}
#mainmenu ul li ul li a:hover{background:url(../images/dotwhite75.png); color:#CF2929;}
.arrowDown{position: absolute;top: 9px;right: 2px;}
.arrowRight{position: absolute;top: 9px;right: 2px;}



/* ========================================= */
/* 					SUB HEADER
/* ========================================= */
#subheader{background:#CF2929; color:#FFF; height:58px;}
#subheader h1{color:#FFF; display:inline-block; background:url(../images/dotblack10.png); padding:12px 40px 20px 40px; font-size:36px;}
#subheader h2{color:#FFF; margin:0; padding:0; float:left;}
#subheader .page-info{ float:left; margin-left:40px; font-size:16px;}



/* ========================================= */
/* 					CONTENT
/* ========================================= */
#content{ font-weight: 600;  color:#555; width:840px; margin:0 auto; border-top:solid 1px #FFF; background:#F4F2F0; padding:40px 40px 80px 40px; background:url(../images/footer-deco.png) bottom center no-repeat #F4F2F0;}



/* ========================================= */
/* 					LINK / URL
/* ========================================= */
a{color:#CF2929; text-decoration:none;}
a:hover{color:#999;}
a.btn{ color:#FFF; background:url(../images/bgbtn.html) top repeat-x #CF2929; padding:5px 10px 5px 10px;display:inline-block; margin-top:10px; padding:3px 15px 3px 15px;text-transform:uppercase; font-size:11px; }
a:active{outline: none;}
a:focus{-moz-outline-style: none; -webkit-outline-style: none;}
a.btn-big{background:url(../images/bgbigbutton.html) top repeat-x; border:solid 1px #111; font-size:24px; color:#FFF; padding:13px 30px 13px 30px;}
a.btn-big:hover{background:url(../images/bgbigbutton-hover.html) top repeat-x; border:solid 1px #111; font-size:24px; color:#FFF; padding:13px 30px 13px 30px;}
.btnright{ float:right;}
.bigbtnright{ float:right; position:relative; right:0px; top:-15px;}



/* ========================================= */
/* 					BUTTON STYLE
/* ========================================= */
a.btn.red{background:url(../images/bg-btn.html) top repeat-x #A40102; border:solid 1px #A40102;}
a.btn.orange{background:url(../images/bg-btn.html) top repeat-x #D25502; border:solid 1px #D25502;}
a.btn.purple{background:url(../images/bg-btn.html) top repeat-x #572976; border:solid 1px #572976;}
a.btn.blue{background:url(../images/bg-btn.html) top repeat-x #2077A2; border:solid 1px #2077A2;}
a.btn.black{background:url(../images/bg-btn.html) top repeat-x #333; border:solid 1px #333;}
a.btn.brown{background:url(../images/bg-btn.html) top repeat-x #785F47; border:solid 1px #785F47;}
a.btn.green{background:url(../images/bg-btn.html) top repeat-x #438B53; border:solid 1px #438B53;}
/* stylish button hover */
a.btn.red:hover{background:url(../images/bg-btn-hover.html) top repeat-x #A40102; border:solid 1px #A40102; color:#FFF;}
a.btn.orange:hover{background:url(../images/bg-btn-hover.html) top repeat-x #D25502; border:solid 1px #D25502;color:#FFF;}
a.btn.purple:hover{background:url(../images/bg-btn-hover.html) top repeat-x #572976; border:solid 1px #572976;color:#FFF;}
a.btn.blue:hover{background:url(../images/bg-btn-hover.html) top repeat-x #2077A2; border:solid 1px #2077A2;color:#FFF;}
a.btn.black:hover{background:url(../images/bg-btn-hover.html) top repeat-x #333; border:solid 1px #333;color:#FFF;}
a.btn.brown:hover{background:url(../images/bg-btn-hover.html) top repeat-x #785F47; border:solid 1px #785F47;color:#FFF;}
a.btn.green:hover{background:url(../images/bg-btn-hover.html) top repeat-x #438B53; border:solid 1px #438B53;color:#FFF;}



/* ========================================= */
/* 					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:28px; line-height:26px;}
h2 {font-size:24px; line-height:23px;}
h3 {font-size:22px; line-height:20px;}
h4 {font-size:20px; line-height:18px;}
h5{font-size:16px; line-height:16px; text-transform:uppercase; letter-spacing:5px; font-weight:bold;}
h6 {font-size:13px; line-height:15px; text-transform:uppercase; letter-spacing:5px; font-weight:bold; color:#222;}
h1, h2, h3, h4, h5, h6{color:#CF2929; font-family:'PT Sans Narrow', sans-serif;}
.heading{ background:url(../images/bgheading.html) bottom repeat-x; padding:10px 10px 8px 10px; -moz-border-radius:8px;}
h2.title{display:block; width:100%; text-align:right; background:#DDD7D2; border-bottom:solid 1px #FFF; margin-bottom:20px;}
h2 span{font-size:12px; display:inline-block; background:#CF2929; color:#FFF; padding:0px 5px 0px 10px; text-transform:uppercase; letter-spacing:4px;}

p img{margin-bottom:20px;}
.readmore-align-left{ display:block; margin-top:10px; text-align:left;}
.readmore-align-right{ display:block; margin-top:10px; text-align:right;}




/* ========================================= */
/* 					LIST STYLE
/* ========================================= */
#content li{ list-style:none;}
.list-1 li, .list-2 li, .list-3 li, .list-4 li, .list-5 li, .list-6 li, .list-7 li, .list-8 li, .list-9 li, .list-10 li, .list-11 li, .list-12 li, .list-13 li, .list-14 li, .list-15 li{  padding:2px 0 2px 30px;}
.list-1 li a, .list-2 li a, .list-3 li a, .list-4 li a, .list-5 li a, .list-6 li a, .list-7 li a, .list-8 li a, .list-9 li a, .list-10 li a, .list-11 li a, .list-12 li a, .list-13 li a, .list-14 li a, .list-15 li a{ color:#222;}
.list-1 li{background:url(../images/icon-check.png) left center no-repeat;}
.list-2 li{background:url(../images/icon-support.png) left center no-repeat;}
.list-3 li{background:url(../images/icon-user.png) left center no-repeat;}
.list-4 li{background:url(../images/icon-calendar.png) left center no-repeat;}
.list-5 li{background:url(../images/icon-warning.png) left center no-repeat;}
.list-6 li{background:url(../images/icon-arrow.png) left center no-repeat;}
.list-7 li{background:url(../images/icon-error.png) left center no-repeat;}
.list-8 li{background:url(../images/icon-clock.png) left center no-repeat;}
.list-9 li{background:url(../images/icon-thumbup.png) left center no-repeat;}
.list-10 li{background:url(../images/icon-folder.png) left center no-repeat;}
.list-11 li{background:url(../images/icon-play.png) left center no-repeat;}
.list-12 li{background:url(../images/icon-plus.png) left center no-repeat;}
.list-13 li{background:url(../images/icon-post.png) left center no-repeat;}
.list-14 li{background:url(../images/icon-comment.png) left center no-repeat;}
.list-15 li{background:url(../images/icon-ask.png) left center no-repeat;}
.btm-border li{  border-bottom:solid 1px #E6DFDD; padding:5px 0 5px 30px;}



/* ========================================= */
/* 				SPACE & LINE
/* ========================================= */
.clear{ clear:both; background:none;}
.line{ height:80px; clear:both; background:url(../images/line.png) center repeat-x;} 



/* ========================================= */
/* 					COLUMNS
/* ========================================= */
.one_half{ width:400px;}
.one_third{ width:253px;}
.one_fourth{width:180px;}
.one_fifth{ width:135px;}
.two_third{
	width:546px;
}
.two_fifth{ width:310px;}
.three_fourth{width:620px;}
.three_fifth{ width:485px;}
.one_half, .one_third, .one_fourth, .three_fourth, .one_fifth, .two_third, .two_fifth, .three_fourth, .three_fifth, .main, .sidebar{margin-right:40px; float:left;}
.last{ margin-right:0 !important; clear:right; }



/* ========================================= */
/* 					TABLE
/* ========================================= */
table{ width:100%; border-collapse:collapse; margin-top:10px;}
thead{border-top:solid 1px #BBB; border-bottom:solid 1px #BBB;}
thead td{font-family:'Open Sans',Arial, Helvetica, sans-serif; padding:10px; }
tbody td{ padding:10px; border-bottom:solid 2px #F4F2F0; top repeat-x; background:#EAEAEA;}
thead{font-weight:bold;}



/* ========================================= */
/* 					SLIDESHOW
/* ========================================= */
#slideshow{ background:url(../images/shadow-1.html) bottom center no-repeat; height:478px; color:#FFF; line-height:1.5em; letter-spacing:1px; margin-bottom:-25px;}
#slideshow h1{color:#FFF;}
#slideshow .banner-text-left{width:260px; height:280px; background:url(../images/bgbannertext.html) top left no-repeat; float:left; padding:40px;}
#slideshow .banner-text-left-2{width:260px; height:280px; background:url(../images/bgbannertext-white.html) top left 
no-repeat; float:left; padding:40px; color:#333;}
#slideshow .banner-text-left-2 h1{color:#333;}
#slideshow .banner-text-right{width:260px; height:280px; background:url(../images/bgbannertext-2.html) top left no-repeat; float:right; padding:40px;}
#slideshow .banner-text-right-2{width:260px; height:280px; background:url(../images/bgbannertext-white-2.html) top left no-repeat; float:right; padding:40px; color:#333;}
#slideshow .banner-text-right-2 h1{color:#333;}
#slideshow .banner-text-right{width:260px; height:280px; background:url(../images/bgbannertext-2.html) top left no-repeat; float:right; padding:40px;}
.list-slider{ background:url(../images/slider-list.html) 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.html); }
.nojs .slide-desc{visibility:hidden;}
#slider li{width:920px; height:360px;}
#slideshow .banner-deco{ width:920px; height:86px; background: url(../images/banner-deco.png) top center no-repeat; position:absolute; margin-top:-86px; z-index:250;}
/* slideshow pager */
#slidenav a{background:url(../images/slidedot-active.html) no-repeat;display:block;float:left;font-size:0px;width:11px;height:11px;margin:3px;outline-style:none;	padding:0px;outline-width:medium;}
#slidenav{position:absolute; margin-left:425px; top:532px; z-index:30; cursor:pointer}
#slidenav .activeSlide {background:url(../images/slidedot.html);}
/* button arrow slideshow */
#slideArrow{width:920px; height:42px; position:absolute; top:190px; z-index:20}
.nojs #slideArrow{visibility:hidden;}
#prevslide{display:block; background-image:url(../images/btn-prev.html); 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.html); background-repeat:no-repeat; width:42px; height:42px; position:absolute; top:10px; right:20px}
#nextslide:hover{background-position:0 -42px;}
#prevslide,#nextslide{top:170px;}



/* ========================================= */
/* 					BLOG
/* ========================================= */
#bloglist{ margin-top:-10px;}
#bloglist li{margin-bottom:40px;}
/*#bloglist h1{ background:#CF2929; display:inline-block; padding:10px 10px 10px 51px; margin-left:-51px;}
#bloglist h1 a{color:#FFF;}*/
.blog-header{ border-top:solid 1px #E2DCD8; border-bottom:solid 1px #E2DCD8; font-size:11px; padding:6px 0 6px 0; margin:15px 0 10px 0;}
.blog-header span{ display:inline-block; margin:0 20px 0 20px;}
.blog-header span.date{margin-left:0;}
.blog-header .comment-count{float:right; margin-right:0px;}
.pic-blog{margin:10px 0 10px 0;}
.blogpost{padding-bottom:20px;border-bottom:dotted 2px #ccc; margin-bottom:20px;}
.blogpost.first{padding-top:0px;}
.blogpost.read{ background:none; padding-top:0px; padding-bottom:40px;}
.blogpost.read .info{ margin-bottom:0px;}
.blogpost .blog_post_date{ width:50px; float:left; background:url(../images/bgdate.html) top left no-repeat; padding:5px 0 5px 0;}
.blogpost .right{ width:550px; float:left; padding-left:10px;font-size:10px; color:#888; margin-bottom:10px;}
.blogpost .date{ font-size:26px; text-align:center; padding-top:4px; color:#FFF}
.blogpost .month{ font-size:12px; text-align:center;color:#FFF;}
.blogpost h2{ margin-bottom:5px; margin-top:5px;}
.blogpost h2 a{color:#333;}
.blogpost .pix{ padding:0 20px 10px 0;}
.blogpost .text{ padding:0 0px 20px 0;}
.blogpost .info{ display:block;background:url(../images/lines-3.html) top right no-repeat; padding-top:1px; font-size:11px;}
.blogpost .info span{display:inline-block; background:url(../images/hlines.html) right repeat-y; padding-right:10px; padding-left:10px; padding-top:2px;}
.blogpost .info span.postedby{padding-left:0px;}
.blogpost .btn{float:right;}
.read .info { margin-bottom:-5px;}
.blogsmall .thumb{float:left; margin-right:10px; margin-top:5px; display:block;}
.blogsmall .date{ display:block; font-size:11px; color:#999;}
.blogsmall li{border-bottom:solid 1px #DDD; padding:10px 0 17px 0;}
.blogsmall li.first{padding-top:0px;}
.bloglist{ list-style:none; }
.bloglist li{margin-top:20px;}
.bloglist .l{display:block; float:left; margin-right:20px; width:200px;}
.bloglist .r{display:block; float:left; width:326px;background:url(../images/line1.png) top repeat-x; padding-top:7px;}
.bloglist .r .date{display:inline-block; float:left; font-size:11px;padding-bottom:7px;}
.bloglist .r .comment-count{display:inline-block; float:right; text-align:right;font-size:11px; padding-bottom:7px;}
.bloglist .r h2{color:#CF2929;}
.bloglist .r .text{ background:url(../images/line1.png) top repeat-x; padding-top:10px;}



/* ========================================= */
/* 					SERVICES
/* ========================================= */
.list-services{width:586px;}
.list-services li{width:155px; float:left; margin-right:40px; margin-bottom:40px; display:inline-block;}



/* ========================================= */
/* 					PORTFOLIO
/* ========================================= */
/* portfolio */
.pf_1_col{list-style-type:none; padding:0; margin:0;}
.pf_1_col{margin-bottom:-40px;}
.pf_wrapper{margin-bottom:40px; display:block;}
/* portfolio 2 column */ 
.pf_2_col{list-style-type:none; padding:0; margin:0;}
.pf_2_col li{padding:0; margin-right:40px; margin-bottom:20px; width:450px;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; width:940px;}
.pf_3_col li{padding:0; margin-right:40px; margin-bottom:20px; width:253px;float:left; list-style:none; padding-bottom:20px;}
.pf_3_col li.nomargin{margin-right:0;}
.pf_3_col h1{margin-bottom:10px}
/* portfolio 4 column */
.pf_4_col{list-style-type:none; padding:0; margin:0; width:940px;}
.pf_4_col li{padding:0; margin-right:40px; margin-bottom:20px; width:180px;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:20px;}



/* ========================================= */
/* 				BLOCKQUOTE & TESTI
/* ========================================= */
.testi{margin-bottom:20px; font-weight:200;}
.testitext{ background-position:top left;margin-left:140px; padding:20px 0 0 20px;}
.testiby{padding:10px 0 0 0; text-align:right;}
.testi img{float:left;}
.last{margin-bottom:0px;}
.list-testimonial{ width:880px;}
.list-testimonial li{ width:253px; float:left; margin-right:40px; margin-bottom:40px;} 
.quotebox{ font-weight:200;}
.quotebox .h{height:20px; background:url(../images/bgquote.png) top left no-repeat;}
.quotebox .f{height:50px; background:url(../images/bgquote.png) bottom left no-repeat;}
.quotebox .text{background:url(../images/bgquote-text.png) left repeat-y; padding:10px 30px 5px 30px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; color:#222;}
.quotebox .name{display:inline-block; padding-left:30px; font-weight:bold; font-size:14px;}
.quotebox .info{display:inline-block; padding-left:30px;}



/* ========================================= */
/* 				IMAGES ALIGN
/* ========================================= */
.pos_top{ margin-bottom:20px;}
.pic_top{ margin-bottom:20px;}
.pic_left{ float:left; margin:10px 20px 5px 0;}
.pic_right{ float:right; margin:10px 0 5px 20px;}
.pic_center{ margin:0 auto; margin-top:10px; margin-bottom:10px; display:block;}



/* ========================================= */
/* 					CODE
/* ========================================= */
code{display:block; background:#FFF; font-size:12px; padding:5px 10px 5px 10px; border:solid 1px #CCC; margin-bottom:10px;}
code b,code strong{font-weight:bolder;}



/* ========================================= */
/* 					CONTACT
/* ========================================= */
#contact label{ display:block; width:120px; float:left;}
#contact input{ display:block; margin-bottom:10px; padding:5px; border:none; border:solid 1px #CCC; width:384px; background:#FFF}
#contact input:focus{border:solid 1px #999; background:#F2F2F2;}
#contact textarea{ padding:5px; border:solid 1px #CCC; width:384px; background:#FFF; height:150px; margin-bottom:10px;}
#contact textarea:focus{border:solid 1px #999; background:#F2F2F2;}
#contact input.btn{ color:#FFF; background:#CF2929; padding:3px 10px 3px 10px; margin:10px 0 0 120px; font-family:Arial, Helvetica, sans-serif; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px; -moz-border-radius:0px; -webkit-border-radius:0px; border:none;}
#contact input.button:hover{background:#CCC; color:#333;}
#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; background:url(../images/icon-error.png) top left no-repeat; 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; }
.map{border:solid 1px #DDD; margin-bottom:20px;}



/* ========================================= */
/* 				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/bginput.html) top repeat-x; border:solid 1px #777;}
#comment-form input:focus{border:solid 1px #999; background:url(../images/dotblack1.html);}
#comment-form textarea{ padding:5px; background:url(../images/bginput.html) top repeat-x; border:solid 1px #777; width:370px;}
#comment-form textarea:focus{border:solid 1px #999; background:url(../images/dotblack1.html);}
#comment-form input.button{ color:#FFF; background:url(../images/bgbtn.html) 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; -moz-border-radius:15px; -webkit-border-radius:15px; border:none;}
#comment-form input.button:hover{background:#CCC; color:#333;}
#comment h5{margin-bottom:0px;}



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



/* ========================================= */
/* 				SOCIAL ICONS
/* ========================================= */
.social-icon{ padding:20px 0 0 0;}
.social-icon img{ margin-right:5px;}



/* ========================================= */
/* 				BLOG COMMENTS
/* ========================================= */
.comment-list{list-style-type:none; padding:0; margin: 0; margin-bottom:20px;}
.comment-list ol{list-style-type:none; padding:30px 0 0 90px; margin:0;background:url(../images/lines.html) bottom repeat-x; padding-bottom:0px;}
.comment-list li ol{list-style-type:none; padding:20px 0 0 90px; margin:0;background:url(../images/lines-3.html) bottom right no-repeat;}
.comment-list li{position:relative;padding:10px 0 20px 0;background:url(../images/lines-3.html) top right no-repeat;}
.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{color:#DDD; padding:40px; padding-top:50px; background:#373737;}
#footer h1,#footer h2,#footer h3,#footer h4, #footer h5,#footer h6{ color:#FFF;}
#footer .one_fourth ul, #footer .one_fifth ul{background:url(../images/dotwhite.html) top repeat-x; }
#footer ul li{list-style:none; padding:4px 0 4px 30px; border-bottom:solid 1px #555;}
#iconic .one_fifth ul li a:hover{background:url(../images/list-arrow-hover.html) left center no-repeat;}
#footer .inner{width:920px; margin:0 auto; background:url(../images/footerfx.html) top center no-repeat; padding:20px 0 20px 0;}
#footer-b{ background:#2B2B2B; padding:10px 0 10px 0; color:#757575; font-size:11px; text-align:center;}
#footer-b .inner{margin:0 auto; background:url(../images/dotwhite.html) top repeat-x; padding:10px 40px 0px 40px;}
#footer-b .left{width:50%; float:left;}
#footer-b .right{width:50%; float:right; text-align:right;}
.footer-deco{ background:url(../images/footer-deco.png) top repeat-x; height:70px;}



/* ========================================= */
/* 				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;}



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




/* ========================================= */
/* 					MISC
/* ========================================= */
.logo-client-small{ width:82px; height:82px; margin:0 20px 20px 0; float:left;}
.member-list img{ margin-right:5px; margin-bottom:5px; width:56px; height:56px;}
.box-side{margin-bottom:40px;}

.gallert-small{list-style-type:none; padding:0; margin:0;}
.gallery-small li{ width:145px; padding:0px; margin-right:10px; float:left;list-style:none;}
.gallery-small li img{width:145px; height:109px; }



/* ========================================= */
/* 				HIGHLIGHT TEXT
/* ========================================= */
.highlight-red{background:#A40102; color:#FFF; padding:0 5px 2px 5px;}
.highlight-yellow{background:#FF6; color:#111; padding:0 5px 2px 5px;}
.highlight-green{background:#AEEB5C; color:#111; padding:0 5px 2px 5px;}
.highlight-blue{background:#3CF; color:#111; padding:0 5px 2px 5px;}
.highlight-black{background:#333; color:#FFF; padding:0 5px 2px 5px;}



/* ========================================= */
/* 				MESSAGE BOX
/* ========================================= */
.msgbox{padding:20px 20px 20px 90px;font-size:12px; margin-bottom:10px;-moz-border-radius:7px;  -moz-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); -webkit-border-radius:7px;  -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);}
.msg-success{ background:url(../images/msg-icon-success.png) 20px center no-repeat #BFF39C;}
.msg-warning{ background:url(../images/msg-icon-warning.png) 20px center no-repeat #F6E9B4;}
.msg-error{ background:url(../images/msg-icon-error.png) 20px center no-repeat #FFC4C4;}
.msg-info{ background:url(../images/msg-icon-info.png) 20px center no-repeat #CCE1F3;}
.special{font-size:12px; line-height:1.6em; padding:20px; background:url(../images/pattern-9.png) #E6DFDD; width:502px;-moz-border-radius:10px; -webkit-border-radius:10px; border:solid 2px #FFF;  -moz-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);}
.logo-small{text-align:center; display:block; margin-top:-60px; position:absolute; width:840px; padding-bottom:}
