/* HTML OPTIONS */
html {background:#d6d5d5;}
body {font-family:"Trebuchet MS", sans-serif; font-size:12px; line-height:19px; color:#7d7d7d;}
h1, h2, h3, h4, h5, h6 {color:#424242; font-family: 'SansThomasDBNormal'; font-weight:normal; text-transform:uppercase;}
h2, h3, h4, h5, h6 {text-transform:none;}
p {font-weight:normal;}
a {color:#4f4f4f; text-decoration:underline;}
a:hover {color:#424242; text-decoration:none;}
.left {float:left;}
.right {float:right;}
/* TYPOGRAPHY */
#post h1, #post h2, #post h3, #post h4, #post h5, #post h6 {font-weight:bold; margin:18px 0 4px 0; padding:4px 0 0 0}
#post h1 a, #post h3 a {color:#424242;}
#post h1 {font-size:30px;}
#post h2 {
font-size:16px;
}
#post h3 {font-size:24px;}
#post h4 {font-size:20px;}
#post h5 {font-size:17px;}
#post h6 {font-size:14px;}
#post p {padding:10px 0 0 0; margin:0;}
#post img {border:1px solid #dbdbdb; padding:1px; margin:0 15px 0 0;}
#post img:hover {border:1px solid #c3c3c3;}
.date {color:#4f4f4f; font-size:11px;}
#post blockquote {margin:20px 0 14px 0; border-left:8px solid #4f4f4f;}
#post blockquote p {padding:10px; font-style:italic; font-size:13px;}
#post hr {border-color:#d6d5d5; margin-bottom:48px; margin-top:54px;}
#post table {margin:18px 0 6px 0;}
#post table th { background-color:#4f4f4f; color:#FFF; font-size:13px; font-weight:normal; border:4px solid #FFF; padding:4px;}
#post table td { background-color:#dedcdc; border:4px solid #FFF; padding:6px 8px 4px 8px;}
.sidebar {margin-top:-24px;}
.sidebar a {color:#7d7d7d;}
.sidebar a:hover {color:#4f4f4f;}
.sidebar h5 {color:#868686;}
.sidebar ul {list-style:none; margin:8px 0 32px -28px;}
.sidebar ul li h6 { margin-bottom:4px; margin-top:-4px;}
.sidebar ul li p { padding-bottom:18px;}
.sidebar ul li { background: url(../../image/black/dot.png) repeat-x bottom; padding:8px 0 8px 0;}
.sidebar ul li ul {list-style:square; margin:10px 0 10px 0;}
.sidebar ul li ul li { background:none; line-height:8px;}
.space-one {margin:16px;}
.space-two {margin-bottom:14px;}
.space-three {margin:-10px;}
.space-four {margin:-28px 0 0 0;}
.post-block { margin:-22px auto;}
.post-block-two { margin:-22px auto; padding-bottom:30px;}
#sidebar-sponsor { margin-top:-10px;}
#sidebar-sponsor ul {list-style:none; margin:32px -10px 0 16px;}
#sidebar-sponsor ul li {background:none; display:block; padding:0; margin:0;}
#sidebar-sponsor ul li img { margin-bottom:14px;}
#pagenavi {}
#pagenavi ul { list-style:none}
#pagenavi ul li { display: inline-block; margin:0 2px 0 0;}
#pagenavi ul li a {color:#aaaaaa; background-color:#dcdcdc; padding:6px 10px 6px 10px;}
#pagenavi ul li a:hover {color:#fff; background-color:#b4b4b4; padding:6px 10px 6px 10px;}
#comments { float:inherit; margin:-18px 0 4px 0; padding:18px 0 18px 0; border-bottom:1px solid #d6d5d5;}
#user-back { position:relative; background:url(../../image/black/user-back.png) no-repeat; width:77px; height:63px; padding:5px 0 0 5px; margin-top:18px; margin-right:4px; z-index:1;}
#title-top h1 {font-size:36px; color:#FFF; margin:44px 0px 20px 0px; line-height:40px;}
.download {margin:40px -6px 0 0;}
/* HEADER AND NAVIGATIONS OPTIONS */
#navigations-top { position:absolute; background:url(../../image/black/nav-top.png) repeat-x top; width:100%; height:127px; top:0; left:0; z-index:-1;}
#navigations {height:34px;}
.jqueryslidemenu{
margin-top:30px;
width: 100%;
z-index:200;
font-size:14px;
text-transform:uppercase;
}
.jqueryslidemenu ul{float:right; list-style-type: none;}
.jqueryslidemenu ul li{position: relative; display: inline; float: left; margin-left:14px;}
.active a{color:#272727; text-decoration:none; border-bottom:3px solid #4f4f4f;}
.active ul li a{text-decoration:none;}
.active ul li a:hover{}
.jqueryslidemenu ul li a{display:block; margin:4px; text-decoration:none;}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color:#878787;}
.jqueryslidemenu ul li a:hover{ color: #272727;}
.jqueryslidemenu ul li ul{position:absolute; left:0; display:block; visibility:hidden;}
.jqueryslidemenu ul li ul li{display:list-item; float:none; margin-left:0px;}
.jqueryslidemenu ul li ul li ul{top:0;}
.jqueryslidemenu ul li ul li a{width:160px; padding:8px 10px 8px 10px; margin:0; border-bottom:1px solid #434343; background:#373737; font-size:13px;}
.jqueryslidemenu ul li ul li a:hover{background:#4f4f4f; color:#FFF; border-bottom:1px solid #FFF;}
/* HOME PAGE - SLIDE OPTIONS */
#slide {color:#FFF;}
.slide {float:left;}
.slide-image {float:right; margin-top:52px;}
.slide h1 {font-size:36px; width:550px; margin:74px 0px 20px 0px; line-height:40px; color:#FFF;}
.slide p {font-size:13px; width:550px; padding-left:2px; margin-bottom:52px;}
#slide-back {position:absolute; top:0; left:0; margin-top:128px; width:100%; background:url(../../image/black/slide-back.png) repeat-x top left; height:397px; z-index:-5;}
#slide-back-two {position:absolute; top:0; left:0; margin-top:128px; width:100%; background:url(../../image/black/slide-back.png) repeat-x top left; height:147px; z-index:-5;}
#slide-light {position:absolute; background-image:url(../../image/black/slide-light.png); margin:131px 0px 0px 200px; width:819px; height:393px; z-index:-4;}
#slide-light-two {position:absolute; background-image:url(../../image/black/slide-light.png); margin:131px 0px 0px 200px; width:819px; height:142px; z-index:-4;}
#slide-bottom { position:absolute; top:0; left:0; margin:526px 0px 0px 0px; width:100%; background:url(../../image/black/slide-bottom.png) repeat-x top; height:65px; z-index:-1;}
#slide-bottom-two { position:absolute; top:0; left:0; margin:276px 0px 0px 0px; width:100%; background:url(../../image/black/slide-bottom.png) repeat-x top; height:65px; z-index:-1;}
#coda-nav-1 {position:absolute;margin-top:426px;z-index:1000;}
.coda-slider-no-js .coda-slider { overflow: auto !important;}
.coda-slider, .coda-slider .panel { width:950px; height:490px; }
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 950px; }
.coda-slider-wrapper.arrows .coda-slider {}
.coda-nav-left a, .coda-nav-right a { background:#000; color:#fff; padding:5px; width: 100px }
.coda-nav ul li a.current { background:url(../../image/black/slide-one.png) no-repeat transparent; width:35px; height:35px; }
.coda-slider p.loading { padding: 20px; text-align: center }
.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
.coda-nav ul li { display: inline; }
.coda-nav ul li a { background:url(../../image/black/slide-off.png) no-repeat transparent; width:35px; height:35px; color:#fff; display:block; float:left; }
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
/* HOME PAGE - WELCOME AREA OPTIONS */
#welcome {}
.w-top{ background:url(../../image/black/post-back-top.png) no-repeat top left; height:21px;}
.w-top-two{ background:url(../../image/black/post-back-top-two.png) no-repeat top left; height:21px;}
.w-center { background:url(../../image/black/post-back-center.png) repeat-y top left; height:100%;}
.w-center-two { background:url(../../image/black/post-back-center-two.png) repeat-y top left; height:100%;}
.w-bottom { background:url(../../image/black/post-back-bottom.png) no-repeat bottom center; height:21px; margin-bottom:24px;}
.w-bottom-two { background:url(../../image/black/post-back-bottom-two.png) no-repeat bottom center; height:21px; margin-bottom:24px;}
.w-left {padding:10px 10px 0px 20px; width:564px; }
.w-main {padding:10px 10px 0px 20px; }
.w-main-two {padding:10px 20px 0px 20px; }
.w-right { padding:10px 26px 0px 0px; width:304px; }
.w-featured { margin:12px 0px 4px 0; width:267px;}
.w-featured p {padding:0 6px 0 0;}
.w-featured img {border:1px solid #dbdbdb;}
.w-featured img:hover {border:1px solid #c3c3c3;}
.w-next { margin:12px 8px 4px 0; width:267px;}
.w-next p {padding:0 6px 0 0;}
.w-next img {border:1px solid #dbdbdb;}
.w-next img:hover {border:1px solid #c3c3c3;}
#welcome h1 { font-size:26px; color:#424242; font-weight:bold;}
#welcome h3 { font-size:20px; color:#424242; font-weight:bold;}
#welcome h4 { font-size:17px; color:#868686; font-weight:bold;}
#welcome h6 { font-size:14px; color:#4f4f4f; font-weight:bold;}
#welcome p {}
#welcome ul {list-style:none; margin:0 0 22px -30px; padding-top:4px;}
#welcome ul li h6 { margin-bottom:4px; margin-top:-4px;}
#welcome ul li p { padding-bottom:18px;}
#welcome ul li { background: url(../../image/black/dot.png) repeat-x bottom;}
/* HOME PAGE - MINI SLIDE LATEST PORTFOLIO*/
#carousel_inner {float:left; margin-top:6px; margin-bottom:-70px; width:564px; height:174px; overflow:hidden; }
.latest-postfolio-dot { border-bottom:1px solid #dbdbdb; margin:-2px 2px 4px 0px;}
#carousel_ul {position:relative; left:-210px; list-style-type:none; padding:0px; width:9999px;}
#carousel_ul li{float:left; width:102px; height:174px; margin-left:12px;}
#carousel_ul li img {margin-bottom:-4px; cursor:pointer; border:1px solid #dbdbdb; }
#carousel_ul li img:hover {border:1px solid #c3c3c3; }
#left_scroll{float:right; height:16px; width:8px; margin-top:-26px; margin-right:15px;}
#right_scroll{float:right; height:16px; width:8px; margin-top:-136px; margin-left:15px; margin-right:2px;}
#left_scroll img, #right_scroll img{cursor: pointer;}
/* HOME PAGE - BUSINESS SERVICES PART*/
#ribbon-1 {position:absolute; background:url(../../image/black/ribbon-1.png) no-repeat top left; width:228px; height:178px; top:-8px; left:10px; z-index:1;}
#ribbon-1:hover {background:url(../../image/black/ribbon-1-hover.png) no-repeat top left;}
#ribbon-2 {position:absolute; background:url(../../image/black/ribbon-2.png) no-repeat top left; width:228px; height:178px; top:-8px; left:10px; z-index:1;}
#ribbon-2:hover {background:url(../../image/black/ribbon-2-hover.png) no-repeat top left;}
#ribbon-3 {position:absolute; background:url(../../image/black/ribbon-3.png) no-repeat top left; width:228px; height:178px; top:-8px; left:10px; z-index:1;}
#ribbon-3:hover {background:url(../../image/black/ribbon-3-hover.png) no-repeat top left;}
#ribbon-4 {position:absolute; background:url(../../image/black/ribbon-4.png) no-repeat top left; width:228px; height:178px; top:-8px; left:10px; z-index:1;}
#ribbon-4:hover {background:url(../../image/black/ribbon-4-hover.png) no-repeat top left;}
.part { background:url(../../image/black/part.png) no-repeat; width:228px; height:178px;}
.part h1 {margin:22px 0px 22px 60px; font-size:16px; font-weight:bold; color:#8d8d8d;}
.part p { padding:0px 14px 5px 14px;}
/* PORTFOLIO */
.portfolio { width:220px; display: inline-block; margin:0 7px 30px 0;}
.portfolio h6 { margin:4px 0 -2px 0;}
.portfolio p { padding-right:10px;}
.portfolio-latest { border-bottom:1px solid #d6d5d5; height:200px; margin:0 4px 30px 0;}
/* FORM */
form {margin:20px 0 0 0;}
input[type="text"] {font-family:"Trebuchet MS", sans-serif; font-size:12px; background-color:#dedcdc; border-top:1px solid #c6c5c5; border-left:1px solid #d4d3d3; border-bottom:1px solid #f5f5f5; border-right:1px solid #e1e0e0; padding:3px 3px 3px 6px; color:#7d7d7d; width:60%; margin-bottom:0px;}
input[type="text"]:focus { border:1px solid #4f4f4f;}
textarea {font-family:"Trebuchet MS", sans-serif; font-size:12px; background-color:#dedcdc; border-top:1px solid #c6c5c5; border-left:1px solid #d4d3d3; border-bottom:1px solid #f5f5f5; border-right:1px solid #e1e0e0; padding:3px 3px 3px 6px; color:#7d7d7d; width:99%; height:90px; margin-bottom:0px;}
textarea:focus { border:1px solid #4f4f4f;}
input[type="submit"] {font-family:"Trebuchet MS", sans-serif; background:url(../../image/black/send-button.png) no-repeat; width:72px; height:27px; border:0; color:#FFF; font-size:12px; cursor:pointer; font-weight:bold; padding-top:2px;}
input[type="submit"]:hover { border:1px solid #FFF;}
/* FOOTER */
#footer {background:url(../../image/black/footer-back.png) repeat-x top left #282828; margin:30px 0 0 0; padding:0 0 14px 0; top:0; left:0; width:100%; display:inline-block; overflow:hidden; color:#8d8d8d;}
#footer-social {background: url(../../image/black/footer-two.png) repeat-x top left #282828; margin:-6px 0 0 0; top:0; width:100%; height:38px; display: block;}
#footer-light {position:absolute; background:url(../../image/black/footer-light.png); left:480px; width:360px; height:109px; z-index:1;}
#footer h1 { font-size:18px; font-weight:bold; color:#FFF; padding:30px 0 6px 10px; margin-bottom:0px;}
#footer hr {border-color:#444444; width:98%;}
#footer ul { margin:-4px 0 0 -4px;}
#footer li { line-height:20px;}
#footer ol { list-style:none; margin:22px 0 0 -18px;}
.footer-tel {background:url(../../image/black/tel.png) no-repeat top left; padding:0 0 12px 30px;}
.footer-mail {background:url(../../image/black/mail.png) no-repeat top left; padding:0 0 12px 30px;}
.footer-address {background:url(../../image/black/address.png) no-repeat top left; padding:0 0 12px 30px;}
#footer p { background:url(../../image/black/twitter.png) no-repeat top left; margin-left:12px; padding:0 0 0 44px;}
#footer-social ul { list-style:none; margin:6px 0 0 -22px;}
#footer-social li { display:inline; margin-right:-28px;}
#footer-social p { float:right; font-size:11px; color:#010101; margin:9px 4px 0 0;}
#footer-social a {
color:#010101;
}