/* SmartBizz v1.0 */

/* -- CONTENT

			01. General  
			02. Header
			03. Footer  
			04. Home Page
			05. About Us  
			06. Portofolio 2 Columns
			07. Portofolio 3 Columns  
			08. News
			09. Services  
			10. Blog
			11. Contact

-- */
			
/* ________________________________________________________________________________________________________________

                                                  01. General
   ________________________________________________________________________________________________________________ */


/* -------CSS Reset ------- */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,h7,p,
blockquote,pre,address,code,del,dfn,em,img,q,
dl,dt,dd,ol,ul,li,
table,caption,tbody,tfoot,thead,tr,th,td,br,fieldset,textarea{font-family:"Lucida Sans Unicode","Lucida Grande","Trebuchet MS", Helvetica, Arial, sans-serif;line-height:20px;letter-spacing:.1px;word-spacing:1px;margin:0;padding:0;border:0;vertical-align:baseline;}
h1,h2,h3,h4,h5,h6,h7,hr,p,ul,ol,dl,pre,address,table,form{margin:0 0 20px}
strong, b{font-weight:bold;}
em, dfn, i{font-style:italic;}

/* ------- General Typography ------- */

body{ background:#585f64 url(../images/bg.png) top center repeat; font-size:12px; position:relative;}
#main{ width:1000px; margin:0 auto;}
#content{ background:url(../images/content-bg.png) top center repeat-y; width:1000px; overflow:hidden; border-bottom:3px solid #30353b; padding-bottom:30px;}
#content-bottom{ background:url(../images/content-bottom.png) top center no-repeat; width:1000px; height:20px; border:1px solid red;}
h1,h2,h3,h4,h5,h6,h7{letter-spacing:1px;font-family:Tahoma,Geneva,Arial,sans-serif; margin-bottom:0.6em;}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;outline:none;-moz-outline-style:none;}
h2.page-title{ color:#777; background:url(../images/pageTitleBg.png) top center repeat-x; height:60px; padding:30px 0 0 40px; margin-top:0;font-size:28px; font-family: 'Droid Serif', georgia, serif;}
p.breadcrumb{ float:left; width:900px; margin-left:40px; margin-bottom:30px; font-size:11px; margin-top:0px;}
p.breadcrumb a{ color:#888; font-size:11px; line-height:18px; text-decoration:underline;}
p.breadcrumb a:hover{ color:#888; text-decoration:none; color:#999;}
p.breadcrumb span.breadarrow{ color:#888; font-size:11px; line-height:18px;}
p.breadcrumb span.current_crumb{ color:#999; font-size:11px; line-height:18px;}
iframe{ margin-top:5px;}
iframe.map{ background-color:#f4f2f2; border:1px solid #dedede; padding:8px 8px; margin-bottom:20px;}
p{ line-height:18px; color:#777; margin-bottom:20px;}
a{color:#888;}
a:hover{color:#aaa;}
a.read-more{ background:url(../images/more.png) top center no-repeat; width:80px; height:26px; padding:6px 0 0 18px; float:left; color:#fff; font-size:12px; clear:both;}
a.read-more:hover{ background:url(../images/moreHover.png) top center no-repeat;width:80px; height:26px; padding:6px 0 0 18px;}
.clear{clear:both;display:block;font-size:0px;height:0px;line-height:0;width:100%;}
.space{ min-height:30px;}
h1,h2,h3,h4,h5,h6,h7{font-weight:normal;line-height:100%;}
h1{font-size:36px; color:#777;}
h2{font-size:28px; color:#777;}
h3{font-size:22px; color:#777;}
h4{font-size:18px; color:#777;}
h5{font-size:16px; color:#777;}
h6{font-size:12px; color:#777;}
h7{font-size:50px; color:#CCCCCC;}
#center{ float:left; width:920px; margin:0px 40px 0 40px;}
#left{ float:left; width:600px; margin:0px 0 0 40px;}
#right{ float:left; width:280px; margin:0px 0 0 40px;}
#left h1, #center h1{ color:#888; font-family: 'Droid Serif', georgia, serif;}
#left h2, #center h2{ color:#888; font-family: 'Droid Serif', georgia, serif;}
#left h2.first{ color:#888; font-family: 'Droid Serif', georgia, serif;}
#left h3, #left h4, #center h3, #center h4, #center h5, #center h6{ color:#888; font-family: 'Droid Serif', georgia, serif;}
#right h3, #right h4{ color:#888; margin-top:5px; font-family: 'Droid Serif', georgia, serif;}

.right-box-top{float:left;background: url(../images/sidebar-top.png) top center no-repeat; width:280px; height:11px;}
.right-box-bottom{float:left;background: url(../images/sidebar-bottom.png) top center no-repeat; width:280px; height:14px; margin-bottom:10px;}
.box-rigt-second{ width:250px; float:left; padding:0px 15px 0 15px; background:url(../images/sidebar-midlle.png) top center repeat-y;}
.box-rigt-second img{ float:left; margin:5px 20px 0px 0;}
.box-rigt-second p{ float:left; width:260px; line-height:18px; margin-bottom:5px; color:#777;}
.box-rigt-second a.brochure{ float:left; width:180px; line-height:18px; margin-top:3px; color:#777;}
.box-rigt-second a.brochure:hover{ text-decoration:underline;}
form.newsletter{ float:left; width:258px; margin-bottom:2px;}
input.newsletter{ float:left; width:190px; line-height:18px; border:1px solid #888;}
input.newsletterSubmit{ float:left; width:50px; line-height:20px; background-color:#888; border:none;}
input.newsletterSubmit:hover{ background-color:#FF6633;}
p.arrows{ background:url(../images/arows.png) left 2px no-repeat; font-size:11px; font-style:italic; width:250px; margin-top:5px; font-family: 'Droid Serif', georgia, serif;}
p.arrows span{ float:right; margin-right:12px; font-size:11px; font-style:normal; clear:both; font-family: 'Droid Serif', georgia, serif;}
.sidebar-news{float:left;}
.sidebar-news-last{float:left; margin-bottom:5px;}
a.news{ margin-top:8px; float:left; width:180px;}
a.news span{ font-weight:bold;}
a.news:hover{text-decoration:underline; color:#888;}
a.blog-latest{ margin-top:8px; float:left; width:180px;}
ul.list{ list-style:none; margin:10px 0 20px 0;}
ul.list li{ background:url(../images/list-img.png) left center no-repeat; padding-left:20px; color:#777;}
ul.sidebar-menu{ list-style:none; margin:5px 0 0 2px;}
ul.sidebar-menu li{ width:245px; border-bottom:1px solid #dedede; float:left; line-height:28px;}
ul.sidebar-menu li.last{ border:none;}
ul.sidebar-menu li a{ font-size:13px; line-height:28px; color:#888;}
ul.sidebar-menu li a:hover, ul.sidebar-menu li a.selected{ color:#555;}

.one_third{width:280px; margin:5px 0 10px 40px; float:left;}
.one_third_first{width:280px; margin:5px 0 10px 0px; float:left;}
.one_half{width:440px; margin:5px 0 10px 40px; float:left;}
.one_half_first{width:440px; margin:5px 0 10px 0px; float:left;}
.one_fourth{width:200px; margin:5px 0 10px 40px; float:left;}
.one_fourth_first{width:200px; margin:5px 0 10px 0px; float:left;}

span.hightLight1{ font-size:.9em; color:#555; background-color:#dedede; padding:0 3px;}
span.hightLight2{ font-size:.9em; color:#555; background-color:#FFCC00; padding:0 3px;}
span.hightLight3{ font-size:.9em; color:#555; background-color: #00FFFF; padding:0 3px;}

.page{ float:left; margin:10px 0 30px 40px!important; *padding-bottom:50px;}
.page-two{ float:left; margin:10px 0 30px 0px!important; *padding-bottom:50px;}
.page p, .page-two p{ float:left; color:#777; font-size:13px; margin:5px 15px 0 0; line-height:19px;}
.page span.inactive, .page-two span.inactive{ background:url(../images/page-number-inactive.png) top center no-repeat; width:21px; height:23px; padding:3px 0 0 5px; font-size:13px; float:left; line-height:1.6em; margin:0 3px;}
.page span.inactive:hover, .page-two span.inactive:hover{ background:url(../images/page-number-inactive-hover.png) top center no-repeat; width:21px; height:23px; padding:3px 0 0 5px; font-size:13px; float:left; line-height:1.6em; margin:0 3px;}
.page span.active, .page-two span.active{ background:url(../images/page-number-active.png) top center no-repeat; width:21px; height:23px; padding:3px 0 0 5px; font-size:13px; margin:0 3px; float:left; line-height:1.6em;}
.page span.inactive a:link, .page span.inactive a:visited, .page-two span.inactive a:link, .page-two span.inactive a:visited{ padding:3px 4px; color:#777}
.page span.active a:link, .page span.active a:visited, .page-two span.active a:link, .page-two span.active a:visited{ padding:3px 4px; color:#dedede; font-weight:bold;}

.dropcap1{color:#777;display:block;float:left;font-size:40px;line-height:40px;margin:-3px 8px -5px 0;}
.dropcap2{background: url(../images/dropCaps1.png) center no-repeat; width:34px; height:35px; padding-top:1px; padding-right:2px; color:#fff; float:left;font-size:30px; line-height:30px;  margin:0px 10px -5px 0;; text-align:center;}
.dropcap3{background: url(../images/dropCaps2.png) center no-repeat; width:31px; height:34px;color:#fff;float:left;font-size:30px; line-height:30px;  margin:2px 10px -5px 0; padding-right:1px; text-align:center;}

table {border-collapse:separate;border-spacing:0;width:100%;border:1px solid #dedede;margin-bottom:40px;}
table,td,th { text-align:left!important;}
th{ background-color:#f1f1f1!important; padding:10px;color:#888; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #fefefe;}
td{background-color:#f7f7f7; padding:10px;color:#888; border-bottom:1px solid #fefefe;}

.tabs{ float:left; width:600px; margin-bottom:40px;}
ul.tabNavigation {margin:0 !important; padding:0;height:30px;border-bottom:1px solid #dedede;	}
ul.tabNavigation li {float:left; padding:0; margin:0;  list-style-type:none;}
ul.tabNavigation li a {float:left;font-size:14px;display:block;padding:5px 30px; text-decoration:none;border:1px solid #dedede; border-bottom:0px;height:18px;background-color:#f1f1f1;color:#888;margin-right:2px;position:relative;top:1px; outline:0;-moz-border-radius:4px 4px 0 0;}
ul.tabNavigation li a.selected{background-color:#eaeaea;border-bottom:1px solid #dedede; color:#888; cursor:default;}
ul.tabNavigation li a:hover {background-color:#eaeaea;color:#888;}
ul.tabNavigation li a:focus {outline: 0;}
.tabs div {display:none;border:1px solid #dedede;border-width:0 1px 1px 1px;padding:15px 20px;background-color:#ececec;}
.tabs  h2 {margin:5px 0 5px 0; font-size:14px; font-weight:bold;}
.tabs  p {margin:5px 0 10px 0; font-size:12px;}
#first, #second, #third, #fourth {background-color: #f7f7f7;}

.toogle{ width:600px; margin-bottom:40px; }
h2.trigger {padding: 0 0 0 50px;margin: 0 0 5px 0;background: url(../images/trigger.png) no-repeat;height: 46px;line-height: 46px;width: 550px;font-size:24px;font-weight: normal;float: left;}
h2.trigger a {color: #efefef;text-decoration: none;display: block;}
h2.trigger a:hover {color: #ccc;}
h2.active {background-position: left bottom;}
.toggle_container {margin: 0 0 5px;padding: 0;border-top: 1px solid #d6d6d6;background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;overflow: hidden;font-size: 12px;width: 600px;clear: both;}
.toggle_container .block {padding: 20px;background: url(toggle_block_btm.gif) no-repeat left bottom;}
.toggle_container .block p {padding: 5px 0;margin: 5px 0;}
.toggle_container h3 {font:22px normal Georgia, "Times New Roman", Times, serif;margin: 0 0 10px;padding: 0 0 5px 0;border-bottom: 1px dashed #ccc;}
.toggle_container img {float: left;margin: 10px 15px 10px 0!important;padding: 5px;background: #ddd;border: 1px solid #ccc;}

.alignright,img.alignright,a img.alignright {float:right; margin:5px 0 0px 15px;}
.alignleft,img.alignleft,a img.alignleft {float:left; margin:5px 15px 0px 0;}
.aligncenter,img.aligncenter,a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.frame,.small_frame {border:1px solid #eaeaea;display:inline-block; float:left;}
.frame_img{ background-color:#f4f2f2; border:1px solid #dedede; padding:6px 6px;}
.small_frame_img { background-color:#f4f2f2; border:1px solid #dedede; padding:4px 4px;}
img.advertise{ float:left; margin:10px 10px 0px 0!important}
img.advertise_last{ float:left; margin:10px 0px 0px 0!important}

ul.category{ height:30px; list-style:none; float:left; margin:0 0 40px 40px; position:relative;}
ul.category li{ float:left; margin-right:20px;}
ul.category li a:link, ul.category li a:visited{float:left;height:30px; padding-left:20px; background:url(../images/category.png) no-repeat top left;}
ul.category li a:link span, ul.category li a:visited span{color:#fff; float:left; display:block; font-size:14px; line-height:30px; padding-right:20px; font-family: Georgia, "Times New Roman", Times, serif; background:url(../images/category.png) no-repeat bottom right;}
ul.category li.selected a, ul.category li a:hover{float:left;display:block; height:30px; color:#00c6d0; padding-left:20px; background:url(../images/category-selected.png) no-repeat top left;}
ul.category li.selected a span, ul.category li a:hover span{color:#fff; display:block; background:url(../images/category-selected.png) no-repeat bottom right; padding-right:20px; height:30px; line-height:30px;}

/* ________________________________________________________________________________________________________________

                                                  02. Header
   ________________________________________________________________________________________________________________ */
   
#header-container{width:1000px; position:relative;}
#header-top{width:1000px; position:relative;}
#header-bottom{ background:url(../images/header-bg.png) center no-repeat; width:1000px; height:60px; position:relative;}
#logo{
	width:600px;
	height:100px;
	background: url(../images/.png) no-repeat;
	position: relative;

*padding-bottom:30px; 		float:left;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 10px;
}
#logo h1{width:228px;height:34px;}
#logo a{width:228px;height:34px;display: block;text-indent: -1000em;position: relative;left: 0px;top: 0px;}
ul.social-icons{ list-style-type:none; float:right; margin:25px 42px 0 0; background:url(../images/social-bg.png) center no-repeat; width:157px; height:37px;}
ul.social-icons li{float:left; text-decoration:none; margin-left:5px; margin-top:6px;}
ul.social-icons li.last{margin-right:0px;}
.ddsmoothmenu{ font-size:14px;width: 100%; width:650px; height:60px; padding-left:20px; float:left; position:relative; z-index:110;}
.ddsmoothmenu ul{z-index:100;padding: 0;list-style-type: none;}
/*Top level list items*/
.ddsmoothmenu ul li{position: relative;display: inline;float: left; padding:0 12px;}
/*Top level menu link items style*/
.ddsmoothmenu ul li a{ height: 61px; line-height:61px; display:inline-block; font-family: 'Droid Serif', georgia, serif;}
.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li.selected a{ /*background of menu items (default state)*/}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{color:#dedede;}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/color: white;}
.ddsmoothmenu ul li a:hover{color: white;}	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{position:absolute; margin-top:0px; margin-left:2px; display: none; /*collapse all sub menus to begin with*/visibility: hidden; background-color:#2c3337; border:1px solid #191e21; padding:5px 0; width:200px; opacity:0.96; filter:alpha(opacity=96); -moz-border-radius:10px; border-radius:10px;}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{display:list-item; float:none; width:202px; height:26px; padding:0 0;}
.ddsmoothmenu ul li ul li.last{}
.ddsmoothmenu ul li ul li a{ width:172px; line-height:26px!important; height:26px; padding:0 15px; font-size: 13px; font-family: 'Droid Serif', georgia, serif;}
.ddsmoothmenu ul li ul li.selected, .ddsmoothmenu ul li ul li a:hover{background-color:#31383d; opacity:0.9; filter:alpha(opacity=9); -moz-border-radius:5px; border-radius:5px;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{top:-10px;}
/* Sub level menu links style */
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */

form.search-form{ float:right; width:210px; height:29px; overflow:hidden; position:relative; margin:16px 30px 0 0;}
input.search-input{ background:url(../images/search-bg.png) top center no-repeat; width:146px; height:23px; padding:3px 40px 3px 15px; height:19px\0; padding:7px 40px 3px 15px\0; color:#919695;}
input.search-submit{ background:url(../images/search-submit2.png) top center no-repeat; width:20px; height:20px; cursor:pointer; position:absolute; margin:6px 0px 0 -30px;}

/* ________________________________________________________________________________________________________________

                                                  03. Footer
   ________________________________________________________________________________________________________________ */

#footer{width:1000px; position:relative;}
#footer-top{ background-color:#454c52; width:1000px; overflow:hidden;}
#footer-bottom{ background: url(../images/footer-bottom.png) top center no-repeat; width:1000px; height:35px; margin-bottom:30px;}
.footer-box{ width:200px; float:left; margin:10px 0 30px 40px;}
.footer-box h5{ font-size:14px; color:#ededed; text-transform:uppercase; margin:20px 0 12px 0; font-family: 'Droid Serif', georgia, serif;}
.footer-box p{ color:#aeaeae; font-size:12px; margin:0 auto;}
ul.menuFooter{ list-style-type:none; margin:7px 0 0 0px; float:left; width:200px;}
ul.menuFooter li{float:left; text-decoration:none; width:200px;}
ul.menuFooter li a{display:block; float:left; font-size:12px; line-height:24px; color:#aeaeae; border-bottom:1px solid #aeaeae; width:185px; background:url(../images/arrow2.png) left 9px no-repeat; padding-left:15px;}
ul.menuFooter li a.first{ border-top:1px solid #aeaeae;}
ul.menuFooter li a:hover{color:#dedede; background-color:#4e565d;}
.footer-box p.company-name{ font-size:18px; font-weight:bold; color:#aeaeae; float:left; line-height:16px; margin:5px 0;}
.footer-box p.footer-adress{ background:url(../images/home.png) no-repeat 0 2px; font-size:12px; float:left; line-height:20px; margin:2px 0; padding-left:30px;}
.footer-box p.footer-phone{ background:url(../images/phone2.png) no-repeat 0 2px; font-size:12px; float:left; line-height:20px; margin:2px 0; padding-left:30px;}
.footer-box p.footer-email{ background:url(../images/email2.png) no-repeat 0 4px; font-size:12px; float:left; line-height:20px; margin:2px 0; padding-left:30px;}
.footer-box p.footer-email a.email-contact{ font-size:13px; color:#aeaeae; text-decoration:underline;}
.footer-box p.footer-email a.email-contact:hover{ color:#990000;}
form.newsletter-form{ float:left; width:200px; height:28px; overflow:hidden; position:relative; margin-top:12px ;}
input.newsletter-input{ background:url(../images/newsletter-input.png) top center no-repeat; width:145px; height:22px; padding:3px 40px 3px 15px; height:18px\0; padding:7px 40px 3px 15px\0; color:#919695;}
input.newsletter-submit{ background:url(../images/newsletter-submit.png) top center no-repeat; width:21px; height:18px; cursor:pointer; position:absolute; margin:5px 0px 0 -30px;}
input.newsletter-submit:hover{ background:url(../images/newsletter-submit-hover.png) top center no-repeat; width:21px; height:18px; cursor:pointer; position:absolute; margin:5px 0px 0 -30px;}
.footer-contact{ width:920px; margin:0 auto; position:relative; background:url(../images/footer-line.png) top center no-repeat; padding-top:12px;}
.footer-contact p.copyright{ font-size:11px; color:#aeaeae; float:left; line-height:14px; margin-bottom:0;}
ul.footer-nav{ float:right; list-style:none; margin-bottom:0;}
ul.footer-nav li{ float:left;}
ul.footer-nav li a:link, ul.footer-nav li a:visited{float:left; display:block; line-height:14px; padding-right:5px; font-size:11px; color:#aeaeae;}
ul.footer-nav li a span:hover{ text-decoration:underline;}

/* ________________________________________________________________________________________________________________

                                                  04. Home Page
   ________________________________________________________________________________________________________________ */

.services{ float:left; background:url(../images/services.png) top center no-repeat; width:1000px; height:93px; margin-bottom:40px;}
.services-box{ float:left; margin:14px 0 0 20px; width:220px; background:url(../images/services-box-line.png) right top no-repeat;}
.services-box-first{ float:left; margin:14px 0 0 40px; width:220px; background:url(../images/services-box-line.png) right top no-repeat;}
.services-box-last{ float:left; margin:14px 0 0 20px; width:220px;}
.services-box h4 img, .services-box-first h4 img, .services-box-last h4 img{ float:left; margin:0 15px 0 0;}
.services-box h4 a, .services-box-first h4 a, .services-box-last h4 a{ float:left; color:#efefef; font-size:16px; line-height:20px; margin-top:5px; font-family: 'Droid Serif', georgia, serif;}
.services-box p, .services-box-first p, .services-box-last p{ float:left; color:#dedede; width:200px; margin-top:5px; margin-bottom:0px;}

.home-boxes{ float:left; width:200px; margin:0 0 20px 40px;}
.home-boxes img{ float:left; margin-bottom:15px; background:url(../images/home-box.png) top center no-repeat; width:188px; height:88; padding:6px 6px;}
.home-boxes h3{ margin-bottom:0.7em; font-size:18px; font-family: 'Droid Serif', georgia, serif;}
.home-boxes p{ margin-bottom:5px; line-height:20px; color:#888;}
.home-boxes a.more{ font-size:12px; color:#888; border-bottom:1px solid #888;}
.home-boxes a.more:hover{ color:#990000; border-bottom:1px solid #990000;}

.second-home-boxes{ float:left; width:280px; margin-left:40px; margin-bottom:10px;}
.second-home-boxes h2{ margin-bottom:1em; color:#888; font-size:24px; font-family: 'Droid Serif', georgia, serif;}
.second-home-boxes h3{ margin-bottom:1em; color:#888; font-size:22px; font-family: 'Droid Serif', georgia, serif;}
.second-home-boxes p{ margin-bottom:15px; line-height:20px; color:#888;}
p.home-arrows{ background:url(../images/arows.png) left 2px no-repeat; font-style:italic; width:280px; margin-top:5px; font-size:11px; font-family: 'Droid Serif', georgia, serif;}
p.home-arrows span{ float:right; margin-right:15px; margin-bottom:5px; font-style:normal; clear:both; font-size:11px; font-family: 'Droid Serif', georgia, serif;}
.home-news-box{ float:left; margin:0px 0 10px 0px; width:280px;}
.home-news-box a.home-news{ color:#888; font-size:12px; line-height:18px;}
.home-news-box a:hover{ color:#888; text-decoration:underline;}
.home-news-box a img{ float:left; margin:0px 20px 0px 0px!important;}
.second-home-boxes img.home-pic, .third-home-boxes img.home-pic{ margin:0 0 5px 0; background: url(../images/portofolio3columns-box.png) top center no-repeat; width:264px; height:124px; padding:7px 8px 22px 8px; float:left;}

.third-home-boxes{float:left; width:280px; margin-top:10px;}
.third-home-boxes-last{float:left; width:280px; border-bottom: none; margin-left:40px; margin-top:10px;}
.third-home-boxes h3, .third-home-boxes-last h3{ margin-bottom:0.8em; font-size:18px; font-family: 'Droid Serif', georgia, serif; line-height:20px;}
.third-home-boxes h3 span, .third-home-boxes-last h3 span{ font-size:11px; font-style:italic; color:#777; font-family: 'Droid Serif', georgia, serif; line-height:20px;}
.third-home-boxes h3.home-title-first{ background:url(../images/icon6.png) left top no-repeat; padding-left:50px;}
.third-home-boxes-last h3.home-title-second{ background:url(../images/icon5.png) left top no-repeat; padding-left:50px;}
.third-home-boxes-last p.home-third{ margin-bottom:10px;}
ul.home-services{ list-style:none;}
ul.home-services li{ background: url(../images/list-img.png) left 5px no-repeat; padding-left:25px; line-height:20px;}
ul.home-services li a:hover{ text-decoration:underline; color:#888;}

/* ------- simple slider ------- */
#slideshow { position:relative; width:1000px; height:400px;} 
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0;} 
#slideshow IMG.active { z-index:10; opacity:1.0;} 
#slideshow IMG.last-active { z-index:9;}

/* ------- accordion slider ------- */
#accordion-slider-wrap{ position:relative; widows:1000px; height:400px;}
ul#accordion-slider{ margin:0; padding:0; list-style:none; position:relative;}
ul#accordion-slider li{ display block; overflow: hidden; padding:0; float:left; width:250px; height:400px;}

/* ------- nivo slider ------- */
#slider-wrapper { width:1000px;height:400px;opacity:0.8;z-index:100; position:relative; overflow:hidden; background:url(../images/slider-bg.png) top center no-repeat;}
#slider {position:relative;width:1000px;height:400px;}
#slider img {position:absolute;top:0px;left:0px;display:none;}
#slider a {border:0;display:block;}
.nivo-controlNav {display:none;position:absolute;left:400px;bottom:-25px;*bottom:-25px;}
.nivo-caption {text-shadow:none; font-family: 'Droid Serif', georgia, serif;}
.nivo-caption a { color:#efe9d1;text-decoration:underline; font-family: 'Droid Serif', georgia, serif;}

/* ________________________________________________________________________________________________________________

                                                  05. About Us
   ________________________________________________________________________________________________________________ */

.team-box{ float:left; width:270px; margin:0px 30px 25px 0;}
.team-box p.team-name{ font-size:12px; float:left; margin:5px 0 8px 10px; color:#777;}
.team-box p.team-name span{ font-size:16px; color:#777;}
.team-box a.email-about{ float:left; font-size:12px; color:#777; text-decoration:underline; background: url(../images/email.png) no-repeat 0 5px; height:16px; line-height:16px; padding-left:25px; margin-left:11px;}
.team-box a.email-about:hover{ color:#990000;}
.team-box p.phone{ float:left; font-size:12px; color:#777; margin:1px 0 1px 10px!important;}
a.emailAbout{font-size:12px; color:#777; text-decoration:underline;}
a.emailAbout:hover{ color:#990000;}

/* ________________________________________________________________________________________________________________

                                                  06. Portofolio 2 Columns
   ________________________________________________________________________________________________________________ */

.portofolio2columns-box{ float:left; width:440px; margin:0px 0 40px 40px;}
.portofolio2columns-box a.portofolio-pic{ float:left; margin:0 0 5px 0; background: url(../images/portofolio2columns-box.png) top center no-repeat; width:440px; height:242px;}
.portofolio2columns-box a.portofolio-pic img{ padding-top:7px;  padding-left:8px; float:left;}
.portofolio2columns-box a.portofolio-pic:hover img{opacity:0.9; filter:alpha(opacity=90)}
.portofolio2columns-box h2{ margin:0px 0 10px 0;}
.portofolio2columns-box h2 a{color:#777; font-family: 'Droid Serif', georgia, serif;}
.portofolio2columns-box p{color:#777; font-size:12px; line-height:20px;}

/* ________________________________________________________________________________________________________________

                                                  07. Portofolio 3 Columns
   ________________________________________________________________________________________________________________ */

.portofolio3columns-box{ float:left; width:280px; margin:0px 0 40px 40px;}
.portofolio3columns-box a.portofolio-pic{ float:left; margin:0 0 5px 0; background: url(../images/portofolio3columns-box.png) top center no-repeat; width:280px; height:153px;}
.portofolio3columns-box a.portofolio-pic img{ padding-top:7px;  padding-left:8px; float:left;}
.portofolio3columns-box a.portofolio-pic:hover img{opacity:0.9; filter:alpha(opacity=90)}
.portofolio3columns-box h3{ margin:0px 0 10px 0;}
.portofolio3columns-box h3 a{color:#777; font-family: 'Droid Serif', georgia, serif;}
.portofolio3columns-box p{color:#777; font-size:12px; line-height:20px;}

/* ________________________________________________________________________________________________________________

                                                  08. News
   ________________________________________________________________________________________________________________ */

.news-box{ float:left; margin:0px 0 30px 0px; width:600px;}
.news-box h6{ float:left; margin:3px 0 5px 0px!important; font-family: 'Droid Serif', georgia, serif;}
.news-box h6 a{ color:#666; font-size:14px;}
.news-box h6 a:hover{ color:#555; text-decoration:underline;}
.news-box a img{ float:left; margin:0px 20px 0px 0px!important;}
.news-box p{ float:left; width:460px; margin:1px auto!important;}
.news-box p a.read{ color:#777; text-decoration:underline;}
.news-box p a.read:hover{ color:#555;}
.news-box a.date{ color:#777; float:left;}
.news-box a.date:hover{ color:#555;}

/* ________________________________________________________________________________________________________________

                                                  09. Services
   ________________________________________________________________________________________________________________ */

.services-boxes{ float:left; width:280px; margin:0px 0 30px 40px;}
.services-boxes h3{ margin-bottom:0.8em; font-family: 'Droid Serif', georgia, serif;}
.services-boxes h3 img{ vertical-align:middle; margin-right:20px;}
.services-boxes p img{margin:10px 20px 0 5px; float:left;}


/* ________________________________________________________________________________________________________________

                                                  10. Blog
   ________________________________________________________________________________________________________________ */

.blog-box{ float:left; width:600px; margin-bottom:20px; border-bottom:1px dashed #dedede; padding-bottom:30px;}
.blog-box h3{ margin-top:0!important; font-family: 'Droid Serif', georgia, serif;}
.blog-box p.postDetails{ width:598px; margin-bottom:0px; color:#777; line-height:12px; border-bottom:1px dashed #dedede; padding-bottom:5px; float:left;}
.blog-box p.postDetails span{ color:#777; float:left; margin-right:5px;}
.blog-box p.postDetails a.post-category{ color:#777; float:left; margin-top:4px; margin-right:5px;}
.blog-box p.postDetails a.post-category:hover, .blog-box p.postDetails a.post-comment:hover{ text-decoration:underline; color:#999;}
.blog-box p.postDetails a.post-date{ color:#777; border-left:1px solid #777; padding-left:5px; line-height:12px!important; float:left; margin-top:4px; margin-right:5px;}
.blog-box p.postDetails a.post-comment{ float:right; margin-right:10px; margin-top:4px;}
.blog-box a.blog-pic{ margin:15px 0 15px 0; background: url(../images/blog-bg.png) top center no-repeat; width:584px; height:225px; padding:7px 8px 35px 8px; float:left;}
.blog-box a.blog-pic:hover img{opacity:0.9; filter:alpha(opacity=70)}

/* ________________________________________________________________________________________________________________

                                                  11. Contact
   ________________________________________________________________________________________________________________ */

.contactLeft{ float:left; width:470px; margin:0px 20px 10px 0px;}
p.contact{ margin:0 auto;}
p.contact span{ font-weight:bold;}
form{float:left; margin:0 0 20px 0; *padding-bottom:50px; position:relative; width:400px;}
label{ font-size:12px; color:#888; float:left; width:420px; margin-bottom:2px;}
input{float:left; background: url(../images/input.png) no-repeat top center;width:308px; height:19px; padding:3px 5px; height:17px\0; padding:6px 5px 2px 5px\0; border:none;color:#555; font-size:12px; position:relative; margin-bottom:6px;}
textarea{float:left; background: url(../images/textarea.png) top center no-repeat;width:308px; height:115px; border:none;color:#555; font-size:12px; margin-bottom:15px; padding:5px 5px;}
input.submit{float:left; background: url(../images/submit.png) no-repeat top center; width:86px; height:30px; border:none;color:#efefef; font-size:14px; position:relative; margin-top:3px; clear:both; cursor:pointer;}
.contactRight{ float:right; width:410px; margin:0 0px 10px 0;}