/*-------------------------------------------
Filename:		style.css
Description:	Global CSS 
Version:		V1.0
WebSite:		www.layoo.net
Author:			jeanun
Date:			2010/04/25
====== STRUCTURE ============================
$__header		Header Definitions
$__menu			Menu
$__sidebar		Sidebar
$__content		All In Content
$__footer		Footer Definitions
-------------------------------------------*/

@import "reset.css";
@import "global.css";

/* $__header
-------------------------------------------*/
#header{ height:290px; margin:0 auto; margin-top:10px; position:relative; width:960px; }

#header #top{ height:60px; position:relative; }
#header #top #logo{ background:url(../images/logo.gif); display:block; height:42px; margin-top:10px; overflow:hidden; position:absolute; width:171px; text-indent:-9999px; }
#header #top ul{ position:absolute; top:5px; right:0; }
#header #top ul li{ float:left; width:60px; }
#header #top ul li a{ background:url(../images/arrgl.gif) no-repeat 2px -1px; display:block; text-indent:10px; }
#header #top ul li a:hover{ background-position:2px -16px; color:#9B0101; }
#header #top #search{ background:url(../images/searchbg.gif); padding-left:30px; position: absolute; right:0; top:30px; width:147px; height:22px; overflow:hidden; }

/* $__menu
-------------------------------------------*/
#header ul#menu{ background:url(../images/menubg.gif) no-repeat; height:34px; margin:8px 0; font-size:14px; }
#header ul#menu li{ background:url(../images/menuline.gif) no-repeat right; float:left; width:96px; text-align:center; line-height:34px; }
#header #banner{ padding-bottom:5px; }
#header #tips{ background:#F5F5F5; height:30px; line-height:30px; text-indent:1em; }

/* $__content
-------------------------------------------*/
#container{ width:960px; margin:0 auto; overflow:hidden; margin-top:8px; }
#container .dv{ float:left; width:290px; padding:0 15px; margin-left:-1px; border-left:1px solid #efefef; }
#container .dv h3{ background:url(../images/tline.gif) bottom no-repeat; height:30px; line-height:30px; margin-bottom:15px; color:#8F2728; font-size:14px; font-weight:bold; }
#container .dv h3 span.more{ float:right; font-size:12px; }
#container .dv ul.whyus{}
#container .dv ul.whyus li{ height:70px; line-height:20px; }
#container .dv ul.whyus li h4{ font-size:12px; font-weight:bold; }
#container .dv ul.whyus img{ float:left; margin-right:8px; }
#container .dv p.contact{ line-height:25px; }
#container .dv ul.linklist{}
#container .dv ul.linklist li{ width:80px; float:left; line-height:22px; margin-right:8px; }

#container .dv ul.servicelist{}
#container .dv ul.servicelist li{ height:90px; width:145px; float:left; line-height:22px; }
#container .dv ul.servicelist li img{ float:left; margin-right:4px; }
#container .dv ul.servicelist li h4{ font-weight:bold; }
#container .dv div.tag{ text-align:center; margin-bottom:14px; text-decoration:underline; }

#container .dv div.caselist{}
#container .dv div.caselist div.img{ background:url(../images/casebg.gif); display:block; float:left; width:152px; height:109px; margin-right:8px; padding:7px 0 0 8px; }
#container .dv div.caselist div.info{ float:left; line-height:22px; }
#container .dv div.caselist div.caseitem{ display:block; height:115px; margin-bottom:6px; }

#container .dv ul.nlist{ line-height:25px; }
#container .dv ul.nlist li{ background:url(../images/arrow1.gif) no-repeat left; padding-left:12px; border-bottom:1px dotted #efefef; }

#container .dv ul.alist{ line-height:26px; }
#container .dv ul.alist li{ background:url(../images/arrow2.gif) no-repeat left; padding-left:12px; border-bottom:1px dotted #efefef; }

/* $__sidebar
-------------------------------------------*/
#container .sidebar{ width:180px; float:left; display:inline; }
#container .sidebar h3{ background:url(../images/tline.gif) left bottom no-repeat; height:30px; width:160px; line-height:30px; margin-bottom:15px; color:#8F2728; font-size:14px; font-weight:bold; }
#container .sidebar ul{}
#container .sidebar ul li{ width:160px; }
#container .sidebar ul li a{ background:url(../images/arrow2.gif) 15px 8px no-repeat; font-size:14px; padding-left:25px; display:block; height:25px; line-height:25px; border:1px solid #efefef; margin-bottom:5px; }
#container .sidebar ul li a:hover{ background:#990132; color:#FFF; }
#container .main{ border-left:1px solid #efefef; width:739px; float:left; padding:0 20px; min-height:360px; _height:360px; }
#container .main h3{ background:url(../images/tline.gif) left bottom repeat-x; height:30px; line-height:30px; margin-bottom:15px; color:#8F2728; font-size:14px; font-weight:bold; }
#container .main h3 span.path{ font-size:12px; font-weight:normal; color:#565656; float:right; }
#container .main div.content{ line-height:25px; font-size:14px; }
#container .main div.content p{ margin-bottom:15px; display:block; }

#container .main div.content ul.newlist{}
#container .main div.content ul.newlist li{ border-bottom:1px dotted #efefef; background:url(../images/arrow1.gif) left no-repeat; padding-left:10px; }
#container .main div.content ul.newlist li span{ float:right; }
#container .main div.content ul.newlist li a:hover{ color:#8F2728; }
#container .main div.content div.page{ text-align:center; font-size:12px; }
#container .main div.content h4{ text-align:center; background:#efefef; }
#container .main div.content h5{ font-size:12px; text-align:center; border-top:1px solid #ccc; margin-bottom:10px; }
#container .main div.content ul.rl{ font-size:12px; padding:0 20px; }
#container .main div.content ul.rl li{ background:url(../images/arrow2.gif) no-repeat left; padding-left:12px; border-bottom:1px dotted #efefef; }
#container .main div.content div.tags{ border:1px solid #efefef; font-size:12px; margin-top:20px; padding-left:20px; background:#F6F6F6; }
#container .main div.content div.tags a{ color:#990132; }
#container .main div.content .caseitem{ font-size:12px; border:1px solid #efefef; width:140px; padding:2px; margin-right:1px; margin-bottom:5px; float:left; }
#container .main div.content .caseitem img{ margin-bottom:5px; }
#container .main div.content a,#container .main div.content a:hover{ color:#990132; }
#container .main div.content ul.newlist a{ color:#565656; }

dt{ cursor:pointer; text-indent:1em; }
dl dt{ font-size:14px; height:22px; line-height:22px; margin:10px 0 0 0; border-bottom:1px solid #ccc; background:#F9F9F9; }
dl dd{ display:none; padding-left:15px; font-size:12px; border:1px solid #efefef; border-width:0 1px 1px 1px; background:#F9F9F9; }
dl dd a{ float:left; }

/* $__footer
-------------------------------------------*/
#footer{ border-top:2px solid #efefef; width:960px; padding-top:10px; height:60px; margin:8px auto 0 auto; text-align:center; line-height:24px; }