/*
Refined Css Stylesheet T.O.C
=RESET
=GENERAL
=LAYOUT
=PAGES
=INDEX
=ABOUT
=SERVICES
=PORTFOLIO
=BLOG
=CONTACT
*/
/* =RESET
-----------------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}/* tables still need 'cellspacing="0"' in the markup */caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}
/* =GENERAL
-----------------------------------------------------------------------------------------------*/
body{
background:#ED7617 ;
/* Uncomment one of the lines below to use that background /*
/*
background:#D8D7D2 url(images/bg-body1.png) repeat top left;
background:#E8E8E8 url(images/bg-body2.png) repeat top left;
background:#B9BCB7 url(images/bg-body3.png) repeat top left;
background:#FCFCFC url(images/bg-body4.png) repeat top left;
background:#A1A1A1 url(images/bg-body5.png) repeat top left;
background:#DCDCDC url(images/bg-body6.png) repeat top left;
background:#7B7B7B url(images/bg-body7.png) repeat top left;
*/
font:13px/20px 'Droid Sans',"Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:300;
color:#555;
}
/* =headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{ font-weight:bold; color:#333; }
h1{ font-size:25px; line-height:27px; margin-bottom:15px; }
h2{ font-size:23px; line-height:25px; margin-bottom:15px; }
h3{ font-size:18px; line-height:22px; margin-bottom:10px; }
h4{ font-size:16px; line-height:17px; margin-bottom:10px; }
h5{ font-size:14px; line-height:15px; margin-bottom:8px; text-transform:uppercase; }
h6{ font-size:13px; line-height:14px; margin-bottom:8px; text-transform:uppercase; }
h1, h2, h3, h4, h5, h6{ font-family: 'Lato', sans-serif; font-weight:bold; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover{ text-decoration:none; }
/* =text-elements
-------------------------------------------------------------- */
a{ color:#346B9E; text-decoration:none; }
a:hover{ }
a img{ border:none; }
strong{ font-weight: bold; color:#333; }
em{ font-style: italic; }
p, ul, ol, pre, code{ margin-bottom:20px; }
p.last{ margin-bottom:0; }
ul{ list-style-type:circle; list-style-position:inside; }
ul.checklist{ list-style-image:url(images/bg-checklist.png); }
ol{ list-style-type:decimal; list-style-position:inside; }
blockquote{ padding:1px 20px 5px 60px; line-height:24px; background:url(images/bg-blockquote.png) no-repeat top left; color:#999999; }
blockquote span{ color:#666666; }
.blockquote-left{ width:250px; float:left; }
.blockquote-right{ width:250px; float:right; }
pre, code{ border:1px solid #efefef; border-left-width:5px; display:block; padding:10px; font-size:11px; font-family: monospace; background-color:#f5f5f5; }
/* due to IE
margin bugs I had to made a class and apply it to a div to achieve the effect of a
*/
hr{ border:none; height:1px; margin:30px 0; background-color:#efefef; color:#efefef; }
.hr{ border-top:1px solid #efefef; margin:30px 0; }
/* =tables
-------------------------------------------------------------- */
table{ border-collapse:separate; border-spacing:0; border-top-width:5px; margin-bottom:20px; border:1px solid #efefef; }
th{ padding:10px 15px; text-transform:uppercase; font-weight:bold; }
td{ padding:10px 15px; border-top:1px solid #efefef; }
tr.alt{ background-color:#f5f5f5; }
/* =forms-messages
-------------------------------------------------------------- */
label{ font-weight:bold; color:#000000; }
label span.required{ color:#ff0000; }
fieldset{ padding:25px; margin:0 0 20px 0; border:1px solid #efefef; }
legend{ font-weight: bold; }
form p{ margin-bottom:10px; }
input[type=text], input[type=password], input.text, textarea{ background-color:#ffffff; border:1px solid #e1e1e1; }
input[type=text]:focus, input[type=password]:focus, input.text:focus, textarea:focus{ border-color:#cccccc; }
select{ border-width:1px; border-style:solid; background-color:#ffffff; }
input[type=text], input[type=password], input.text, textarea, select{ margin:5px 0; }
input.text{ width:250px; padding:5px; }
textarea{ width:380px; height:125px; padding:5px; }
.errormsg, .successmsg, .infomsg, .noticemsg{ padding:10px 10px 10px 40px; margin-bottom:10px; border:1px solid #dddddd; border-left-width:5px; }
.errormsg{ border-color:#fbc2c4; background:#fbe3e4 url(images/bg-msg.png) no-repeat 0 0; color:#8a1f11; }
.errormsg a{ color:#8a1f11; }
.successmsg{ border-color:#c6d880; background:#e6efc2 url(images/bg-msg.png) no-repeat 0 -220px; color:#264409; }
.successmsg a{ color:#264409; }
.infomsg{ border-color:#92cae4; background:#d5edf8 url(images/bg-msg.png) no-repeat 0 -72px; color:#205791; }
.infomsg a{ color:#205791; }
.noticemsg{ border-color:#ffd324; background:#fff6bf url(images/bg-msg.png) no-repeat 0 -148px; color:#514721; }
.noticemsg a{ color:#514721; }
/* =default-classes
-------------------------------------------------------------- */
.img-align-left{ margin:5px 10px 0 0; float:left; }
.img-align-right{ margin:5px 0 0 10px; float:right; }
.text-right{ text-align:right; }
.text-center{ text-align:center; }
.text-highlight{ padding:2px 5px; background-color:#ffd324; color:#111111; }
.text-highlight2{ padding:2px 5px; background-color:#c6d880; color:#111111; }
.bordered{ padding:10px; border:1px solid #efefef; }
.float-left{ float:left; }
.float-right{ float:right; }
/* =grid
-------------------------------------------------------------- */
/* Clear Fix Hack - add class="fixed" to div's that have floated elements in them */
.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fixed{display:block;}
/* \*/
.fixed{min-height:1%;}
* html .fixed{height:1%;}
.row{}
.col145{ width:145px; float:left; margin-right:20px; }
.col205{ width:205px; float:left; margin-right:20px; }
.col2089{ width:205px; float:left; margin-right:5px; }
.col280{ width:280px; float:left; margin-right:20px; }
.col430{ width:430px; float:left; margin-right:20px; }
.col580{ width:580px; float:left; margin-right:20px; }
.col655{ width:655px; float:left; margin-right:20px; }
.last{ margin-right:0px; }
.clear{ clear:both; }
.col2055{ width:270px; float:left; margin-right:20px; }
.col20555{ width:270px; float:left; margin-right:20px; }
.col205555{ width:205px; height:50px; float:left; margin-right:20px; }
/* =LAYOUT
-----------------------------------------------------------------------------------------------*/
#wrap{ width:880px; margin:0 auto; padding:0 60px; background-color:#ffffff;
-moz-box-shadow:0 -10px 10px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0 -10px 10px 0 rgba(0,0,0,0.2); box-shadow:0 -10px 10px 0 rgba(0,0,0,0.2); }
#header{ padding-top:8px; margin-bottom:-1px;
position:relative; z-index:50; } /* IE6 and IE7 fix for the dropdown menu showing below the slider bug */
/* =logo
-----------------------------------------------------------------------------------------------*/
#logo{ display:block; float:left; }
#logo img{ display:block; }
/* =info
-----------------------------------------------------------------------------------------------*/
#menu-info{ float:right; }
/* =info
-----------------------------------------------------------------------------------------------*/
#info{ font-size:13px; font-family:'Lato', sans-serif; }
/* =dropdown-menu
-----------------------------------------------------------------------------------------------*/
/* level 1 menu */
ul#dropdown-menu{ list-style:none; margin-top:10px; margin-bottom:0; }
ul#dropdown-menu li{ float: left; }
ul#dropdown-menu li a{ display: block; border-bottom:1px solid #f0f0f0; padding:7px 15px 15px 0;
color:#333; font-size:15px; font-family: 'Lato', sans-serif; }
ul#dropdown-menu li.last > a{ padding-right:0; }
ul#dropdown-menu li.hover, ul.dropdown-menu li:hover{ position: relative; text-decoration:none; }
ul#dropdown-menu li.hover a{ text-decoration:none; border-bottom-color:#ddd; } /* LEVEL 1 menu item styling ON HOVER */
ul#dropdown-menu li.current > a{ color:#346B9E; border-bottom-color:#ddd; } /* styling of LEVEL 1 menu item that is current */
/* level 2 menu */
ul#dropdown-menu ul{ width:170px; position:absolute; top:100%; left:0; list-style:none; display:none;
background-color:#ffffff; border:1px solid #f0f0f0; border-top:none; border-bottom:1px solid #ddd; z-index:55; }
ul#dropdown-menu ul li{ width:170px; }
ul#dropdown-menu li .sub-menu li > a{ width:150px; display: inline-block; border:none; border-bottom:1px solid #fff; padding:5px 10px; /* LEVEL 2 menu element styling */
font-weight:normal; text-transform:none; font-size:13px; font-family:'Droid Sans', sans-serif; } /* IE 6 and 7 Needs Inline Block */
ul#dropdown-menu li .sub-menu li > a:hover{ background-color:#f9f9f9; text-decoration:none; border-bottom-color:#f0f0f0; } /* LEVEL 2 menu item styling ON HOVER */
ul#dropdown-menu li .sub-menu li:last-child > a:hover{ border-bottom-color:#f9f9f9; } /* LAST LEVEL 2 menu item styling */
/* level 3 menu */
ul#dropdown-menu ul ul{ left:100%; top:-1px; }
ul#dropdown-menu li:hover > ul{ visibility:visible; }
ul#dropdown-menu ul ul li > a{ border-bottom:1px solid #fff; border-bottom:none; } /* LEVEL 3 menu styling */
.arrow{ background:url(images/bg-sidenav.gif) no-repeat 155px 12px; }
#content{ position:relative; z-index:5; /* IE6 and IE7 fix for the dropdown menu showing below the slider bug */
padding-bottom:30px; min-height:600px; }
#content1{ position:relative; z-index:5; /* IE6 and IE7 fix for the dropdown menu showing below the slider bug */
padding-bottom:30px; min-height:400px; }
/* =page-header
-----------------------------------------------------------------------------------------------*/
.page-header{ width:880px; margin:0 -60px 30px -60px; padding:30px 60px;
border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; background-color:#f9f9f9; }
.page-header h3{ margin-bottom:0; }
/* =pdf
-----------------------------------------------------------------------------------------------*/
.pdf{ background:url(images/bg-pdf.png) no-repeat 5px 12px; padding:15px 10px 10px 65px; width:125px; min-height:48px; }
/* =side-nav
-----------------------------------------------------------------------------------------------*/
.side-nav{ list-style-type:none; list-style-position:outside; border-top:1px solid #efefef; width:200px; margin-bottom:20px; }
.side-nav li{ border-bottom:1px solid #efefef; }
.side-nav li a:hover{ }
.side-nav li a{ display:block; padding:5px 0 5px 25px; background:#ffffff url(images/bg-sidenav.gif) no-repeat 10px 12px; }
.side-nav li.current a{ color:#000000; }
.side-nav li.current a:hover{ text-decoration:none; }
/* =tabs
-----------------------------------------------------------------------------------------------*/
.tabs-menu{ margin-bottom:0; list-style:none; }
.tabs-menu li{ display:inline; }
.tabs-menu li a{ float:left; padding:5px 20px; display:block; border-right:1px solid #ffffff; border-top:2px solid #ffffff; }
.tabs-menu li.current a{ background-color:#f5f5f5; border-top:2px solid #efefef; color:#666; }
.tabs-content{ padding:30px 20px; background-color:#f5f5f5; margin-bottom:20px; }
/* =accordion
-----------------------------------------------------------------------------------------------*/
.accordion { list-style-type: none; }
.accordion li { background:#f5f5f5; cursor: pointer; float: left; display: block; width:100%; border-bottom:1px solid #ffffff; }
.accordion li.current>a { background: url(images/bg-accordion.png) no-repeat right 8px; color:#000000; font-weight:bold; }
.accordion li div { padding:10px 20px; background:#f5f5f5; }
.accordion li a{ text-decoration: none; display: block; cursor: pointer; background: url(images/bg-accordion.png) no-repeat right -55px;
padding:10px 20px; color:#000000; font-weight:bold; }
/* =more-link
-----------------------------------------------------------------------------------------------*/
.more-link{ border-bottom:1px dotted #e6e6e6; padding-bottom:5px; }
.more-link:hover{ border-bottom-style:solid; }
#footer{ margin:0 -60px; width:880px; padding:30px 60px ; border-top:1px solid #f0f0f0; background-color:#f9f9f9; }
#footer a{ }
#footer a:hover{ }
#footer .hr{ border-top-color:#e6e6e6; }
#footer .pdf{ background:url(images/bg-pdf.png) no-repeat 5px 0px; padding-top:3px; margin-top:-3px; }
#footer h6{ margin-bottom:20px; line-height:20px; }
/* =footer-nav
-----------------------------------------------------------------------------------------------*/
.footer-nav, .footer-nav2{ list-style-type:none; list-style-position:outside; margin-bottom:0; float:left; width:95px; }
.footer-nav{ margin-right:15px; }
/* =newsletter-subscribe
-----------------------------------------------------------------------------------------------*/
#newsletter-subscribe-message{ margin-bottom:10px; }
#newsletter-subscribe{ padding-bottom:5px; margin-bottom:0; }
#newsletter-subscribe fieldset{ border:none; margin:0; padding:0; position:relative; }
#subscribe-email{ margin:0; padding:5px; height:15px; width:193px; font-size:12px; border:1px solid #e1e1e1; color:#888; }
#subscribe-email:focus{ border:1px solid #cccccc; color:#666666; }
#newsletter-subscribe .subscribe-submit-btn{ position:absolute; top:1px; right:1px; padding:0 5px 0 5px; width:55px;
height:25px; cursor:pointer; border: none; background-color:#e6e6e6; color:#555; }
.ie7 #newsletter-subscribe .subscribe-submit-btn{ top:2px; }
.ie7 #subscribe-email, .ie8 #subscribe-email{ border:1px solid #cccccc; }
/* =social-media
-----------------------------------------------------------------------------------------------*/
#tweets-container{ padding-bottom:15px; background:url(images/bg-tweets.png) no-repeat bottom left; }
#tweets{ padding:10px; border:1px solid #ddd; border-bottom:none; background-color:#fff; min-height:84px; }
#tweets ul{ list-style-type:none; margin-bottom:0; }
#tweets ul li p{ margin-bottom:0; }
#social-media{ list-style-type:none; margin-bottom:0; margin-left:10px; height:20px; overflow:hidden; }
#social-media li{ display:block; float:left; padding-top:3px; margin-right:10px; }
#social-media li img{ display:block; float:left; margin-right:5px; }
#social-media li a{ display:block; float:left; line-height:16px; }
page-header
/* =PAGES
-----------------------------------------------------------------------------------------------*/
/* =INDEX
-----------------------------------------------------------------------------------------------*/
/* =slideshow-index
-----------------------------------------------------------------------------------------------*/
#slideshow-index{ position:relative; z-index:10; }
#slideshow-index ul{ position:relative; width:880px; height:335px; overflow:hidden; margin-bottom:0; list-style:none; z-index:10; }
#slideshow-index ul li{ width:880px; height:335px; position:relative; }
#slideshow-index ul li img{
position:absolute;
top:1px;
left:3px;
height: 0px;
}
#slideshow-index ul li .slidetext{ position:absolute; bottom:0; right:0; width:430px; height:159px; padding:20px 0; overflow:hidden; z-index:20; }
.slidetext h3{ margin-bottom:5px; color:#ffffff; line-height:41px; max-width:380px; }
.slidetext h3 span{ background:url(images/bg-slider.png) repeat top left; padding:9px 20px; }
.slidetext p{ margin-bottom:0; color:#ffffff; max-width:380px; }
.slidetext p span{ background:url(images/bg-slider.png) repeat top left; padding:10px 20px; line-height:35px; }
.slidetext a{ color:#ffffff; text-decoration:underline; }
.slidetext a:hover{ }
#index-slideshow-pager{ z-index:25; position:absolute; bottom:15px; left:15px; }
.ie7 #index-slideshow-pager{ bottom:15px; }
#index-slideshow-pager a{ display:inline-block; width:14px; height:14px; margin-left:1px;
background:url(images/bg-slider-nav-pager.png) no-repeat 0 0;
text-align:left; text-indent:-9999px; outline-style:none; }
#index-slideshow-pager .activeSlide{ background:url(images/bg-slider-nav-pager.png) no-repeat 0 -64px; }
.slider-nav{ display:none; }
#text-slideshow-prev, #text-slideshow-next{ background: url(images/bg-slider.png) repeat top left; width:13px;
padding:11px 14px 10px 14px; height:20px; position:absolute; top:156px; z-index:30; }
#text-slideshow-prev{ left:0px; }
#text-slideshow-next{ right:0px; }
/* =selected-clients
-----------------------------------------------------------------------------------------------*/
.selected-clients{ margin:30px 0; border:1px solid #efefef; padding:30px 0; }
.selected-clients .col205{ width:204px; padding-top:14px; }
.selected-clients h6{ margin-bottom:0; }
.selected-clients .col655{ width:654px; }
.selected-clients .col655 a img{ display:block; float:left; margin-right:1px; }
.selected-clients1{ margin:30px 0; border:1px solid #efefef; padding:30px 0; }
.selected-clients1 .col205{ width:200px; padding-top:14px; }
.selected-clients1 h6{ margin-bottom:0; }
.selected-clients1 .col655{ width:654px; }
.selected-clients1 .col655 a img{ display:block; float:left; margin-right:1px; }
/* =news-box
-----------------------------------------------------------------------------------------------*/
#news-box{ list-style-type:none; list-style-position:outside; margin-bottom:0; }
#news-box li{ padding:15px 0; border-bottom:1px solid #efefef; }
#news-box li span{ color:#999999; }
#news-box li.first{ padding-top:5px; }
#news-box li.last{ border-bottom:none; }
/* =ABOUT
-----------------------------------------------------------------------------------------------*/
/* =team
-----------------------------------------------------------------------------------------------*/
.team-social-media{ list-style-type:none; margin-bottom:20px; }
.team-social-media li{ float:left; padding-right:10px; }
.team-social-media li img{ display:block; float:left; margin-right:5px; }
.team-social-media li a{ display:block; float:left; line-height:15px; }
/* =clients
-----------------------------------------------------------------------------------------------*/
.latest-clients{}
.client{}
.client-logo{ width:203px; height:135px; border:1px solid #efefef; margin-bottom:20px; }
.client p{ color:#999999; }
/* =price-table
-----------------------------------------------------------------------------------------------*/
.price-table{ margin-bottom: 20px; }
.price-table h3{ margin-bottom:0px; }
.price-table .border-left{ border-left: solid 1px #efefef; }
/* =SERVICES
-----------------------------------------------------------------------------------------------*/
/* =service-overview
-----------------------------------------------------------------------------------------------*/
.service-overview{}
.service-overview img{ margin:5px 0; }
.service-overview h5 img { margin:0; }
.service-overview ul{ list-style-type:none; list-style-position:outside; border-top:1px dotted #f0f0f0; }
.service-overview ul li{ border-bottom:1px dotted #f0f0f0; padding:5px; }
.service-overview h5{ line-height:20px; vertical-align:middle; margin-bottom:8px; }
.service-overview h5 img{ float:left; margin-right:10px; }
/* =PORTFOLIO
-----------------------------------------------------------------------------------------------*/
.portfolio-item{}
.portfolio-item .hr{ margin:20px 0; }
.portfolio-item h4{ margin-bottom:3px; }
.portfolio-item-preview{ position:relative; width:100%; margin-bottom:20px; }
.portfolio-item-preview img{ display:block; }
.preview-options{ background-color:#fff; position:absolute; bottom:0; left:0; right:0; top:0; display:none; }
.preview-options .lightbox{ display:block; position:absolute; bottom:10px; right:37px; width:26px; height:26px;
background:url(images/bg-portfolio-preview-options.png) no-repeat 0 0;
text-indent:-9999px; cursor:pointer; opacity:0.8; }
.preview-options .view{ display:block; position:absolute; bottom:10px; right:10px; width:28px; height:26px;
background:url(images/bg-portfolio-preview-options.png) no-repeat 0 -82px;
text-indent:-9999px; cursor:pointer; opacity:0.8; }
.preview-options .lightbox:hover, .preview-options .view:hover{ opacity:1; }
/* =pagination-portofolio
-----------------------------------------------------------------------------------------------*/
.pagination{ list-style:none; }
.pagination li{ display:inline; border:1px solid #efefef; margin-right:7px; padding:4px 9px; float:left; }
.pagination li a{ display:block; }
.pagination li.current a{ text-decoration:underline; }
/* =slideshow-portofolio
-----------------------------------------------------------------------------------------------*/
#portfolio-nav{}
#portfolio-nav a{ display:block; float:right; }
#slideshow-portfolio{ position:relative; margin-bottom:30px; }
#slideshow-portfolio ul{ position:relative; width:665px; height:335px; overflow:hidden; margin-bottom:0; list-style:none; }
#slideshow-portfolio ul li{ width:665px; height:335px; position:relative; }
#slideshow-portfolio ul li img{ position:absolute; top:0; left:0; }
#portfolio-slideshow-pager{ width:645px; text-align:left; z-index:35; position:absolute; bottom:15px; left:20px; }
.ie7 #portfolio-slideshow-pager{ bottom:15px; }
#portfolio-slideshow-pager a{ text-align:left; background:url(images/bg-slider-nav-pager.png) no-repeat 0 0; display:inline-block;
width:14px; height:14px; margin-left:1px; outline-style:none; text-indent:-9999px; }
#portfolio-slideshow-pager .activeSlide{ background:url(images/bg-slider-nav-pager.png) no-repeat 0 -64px; }
/* =BLOG
-----------------------------------------------------------------------------------------------*/
.blog-post{}
.blog-post-title{ margin-bottom:20px; }
.blog-post-thumb{ margin-top:5px; margin-bottom:10px; }
.blog-post-info{ list-style-type:none; list-style-position:outside; border-bottom:1px dotted #efefef; padding-bottom:10px; }
.blog-post-info li{ padding:1px 0 1px 25px; float:left; margin-right:15px; background-color:#CCCCCC; }
.blog-post-info .author{ background:url(images/bg-author.png) no-repeat 0px 2px; }
.blog-post-info .date{ background:url(images/bg-date.png) no-repeat 0px 3px; }
.blog-post-info .comments{ background:url(images/bg-comments.png) no-repeat 0px 4px; margin-right:0; float:right; }
.blog-post-info .categories{ background:url(images/bg-categories.png) no-repeat 0px 3px; }
/* =search
-----------------------------------------------------------------------------------------------*/
#search fieldset{ position:relative; border:none; margin:0; padding:0; }
#search-input{ width:193px; padding:5px; margin:0; font-size:12px; border:1px solid #e1e1e1; color:#cccccc; }
#search-input:focus{ border:1px solid #cccccc; color:#666666; }
#search .search-submit-btn{ position:absolute; top:5px; right:5px; height:17px; width:20px; outline:none;
background:url(images/bg-search.png) no-repeat top left; cursor:pointer; border:none; }
.ie6 #search .search-submit-btn{ top:6px; }
.ie6 #search-input, .ie7 #search-input, .ie8 #search-input{ }
/* =post-box
-----------------------------------------------------------------------------------------------*/
#post-box{ list-style-type:none; list-style-position:outside; margin-bottom:20px; border-top:1px solid #efefef; padding-top:5px; }
#post-box li{ padding:10px 0; border-bottom:1px solid #efefef; }
#post-box li img{ float:left; margin-right:10px; }
#post-box li div{ float:left; width:155px; }
#post-box li span{ color:#999999; }
#post-box li.first{ padding-top:5px; }
#post-box li.last{ border-bottom:none; }
/* =CONTACT
-----------------------------------------------------------------------------------------------*/
#contact-data{ position:relative; width:1000px; min-height:450px; margin:0 -60px; }
#contact-info{ position:absolute; top:60px; left:60px; background-color:#FFFFFF; padding:20px; width:165px; z-index:60;
border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
#contact-map{ z-index:65; }
#contact-form{}
#contact-form fieldset{ margin:0; padding:15px 0 15px 0; }
#contact-form p{ padding:5px 0 5px 25px; margin:1px; }
p#formstatus{ border:none; border-bottom:1px solid #efefef; padding-right:25px; margin-bottom:10px; }
.detLeftBox, div.detRightBox {
width: 122px;
float: left;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
text-align: center;
}
.detSel { color: #A9A9A9; }
.banner
{ margin:0px auto; width:20px; border-bottom:#999999 solid 3px; padding-top:10px; }