/* About Page */
#left-about
{
width:230px;
min-height:700px;
height:auto !important;
height:700px;
float:left;
display:inline;
margin:0 0 0 1px;
}
#left-about h1
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#333333;
background:url(../images/title.jpg) 0 center no-repeat;
padding:0 0 0 25px;
margin:20px 0 15px 0;
}
#left-about p
{
font:12px Arial, Helvetica, sans-serif;
color:#333333;
line-height:19px;
padding:0 0 32px 0;
margin:0 25px 30px 25px;
border-bottom:1px solid #efefef;
}
#left-about ul
{
list-style:none;
margin:0 25px;
}
#left-about ul li
{
font:12px Arial, Helvetica, sans-serif;
color:#999999;
line-height:14px;
}
#left-about ul li a
{
width:176px;
color:#999999;
padding:5px 0;
display:block;
text-decoration:none;
}
#left-about ul li a:hover, #left-about ul li a.selected
{
color:#996666;
background:url(../images/arrow.jpg) right 8px no-repeat;
}
#right-about
{
width:674px;
padding:35px 28px 0 0;
float:right;
display:inline;
background:url(../images/art/right-about-bg.png) right 0 no-repeat;
}
#right-about h1
{
font:32px Arial, Helvetica, sans-serif;
color:#996666;
line-height:34px;
margin:5px 0 0 0;
}
#right-about h1.bold
{
font:bold 70px Arial, Helvetica, sans-serif;
line-height:72px;
letter-spacing:-5px;
color:#333333;
margin:-8px 0 15px 0;
}
#right-about h2
{
font:bold 22px Arial, Helvetica, sans-serif;
color:#333333;
line-height:24px;
margin:0 0 15px 0;
}
#right-about h3
{
font:bold 18px Arial, Helvetica, sans-serif;
color:#333333;
line-height:20px;
margin:0 0 15px 0;
}
#right-about h4
{
font:bold 15px Arial, Helvetica, sans-serif;
color:#333333;
line-height:17px;
margin:0 0 15px 0;
}
#right-about h5
{
font:bold 13px Arial, Helvetica, sans-serif;
color:#333333;
line-height:15px;
margin:0 0 15px 0;
}
#right-about p
{
font:12px Arial, Helvetica, sans-serif;
color:#333333;
line-height:20px;
margin:0 0 30px 0;
}
#right-about p a{color:#996666;}
#right-about p.more{margin:-15px 0 30px 0;}
#right-about p.guarantee {font: 14px;}
#right-about p.more a
{
font:bold 9px Arial, Helvetica, sans-serif;
color:#996666;
text-decoration:none;
background:url(../images/arrow.jpg) right center no-repeat;
padding:0 10px 0 0;
}
#right-about p.date
{
font:bold 9px Arial, Helvetica, sans-serif;
color:#999999;
line-height:11px;
margin:-5px 0 8px 0;
text-transform:uppercase;
}
#right-about a.contact-us
{
font:bold 9px Arial, Helvetica, sans-serif;
color:#996666;
text-decoration:none;
background:url(../images/ico-email.jpg) left 2px no-repeat;
padding:0 0 0 18px;
}
#right-about img.img
{
float:left;
display:inline;
margin:0 0 37px 0;
}
#right-about ul
{
list-style:none;
margin:0 0 25px 29px;
}
#right-about ul li
{
font:12px Arial, Helvetica, sans-serif;
color:#333333;
line-height:15px;
background:url(../images/bullet2.jpg) 0 4px no-repeat;
padding:0 0 0 15px;
margin:0 0 5px 0;
}
#right-about ol{margin:0 0 25px 45px;}
#right-about ol li
{
font:italic bold 12px Arial, Helvetica, sans-serif;
color:#333333;
line-height:15px;
margin:0 0 5px 0;
}
#right-about ol li span
{
font-weight:normal;
font-style:normal;
}
#right-about a.factsheet
{
width:198px;
height:53px;
background:url(../images/modal-factsheet.gif) 0 0 no-repeat;
display:block;
float:left;
display:inline;
margin:0 15px 30px 0;
}
#right-about a.request
{
width:198px;
height:53px;
background:url(../images/request-proposal.gif) 0 0 no-repeat;
display:block;
float:left;
display:inline;
margin:0 15px 30px 0;
}
#right-about a.press-information
{
width:198px;
height:53px;
background:url(../images/press-information.gif) 0 0 no-repeat;
display:block;
float:left;
display:inline;
margin:0 15px 30px 0;
}
#right-about a.download-our-factsheet span, #right-about a.request-a-proposal span, #right-about a.press-information span{display:none;}
/**form**/
#right-about form
{
width:674px; 
padding:0 0 20px 0; 
margin:20px 0 30px 0;
}
#right-about form fieldset dl
{
width:674px;
position:relative;
margin:0 0 10px 0; 
padding:0 0 15px 0;
}
#right-about form fieldset dt
{
width:160px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#333333;
text-align:right;
clear:left;
float:left;
display:inline;
margin:3px 0 0 0;
}
#right-about form fieldset dd
{
width:480px;
font:12px Arial, Helvetica, sans-serif;
color:#666666;
padding:0 0 4px 0;
float:left;
display:inline;
margin:0 0 5px 15px;
}
#right-about form fieldset dd p
{
font:11px Arial, Helvetica, sans-serif;
line-height:15px;
margin:2px 0 0 10px;
color:#999999;
float:left;
display:inline;
background:url(../images/ico-info.jpg) 0 0 no-repeat;
padding:0 0 2px 20px;
}
#right-about form fieldset dd .control_long, #right-about form fieldset dd .control_short, #right-about form fieldset dd .control_large, #right-about form fieldset dd .control_medium
{
font:11px Arial, Helvetica, sans-serif;
color:#6a6a6a;
padding:2px 0 0 5px;
margin:0 5px 0 0;
background:#FFFFFF;
float:left;
display:inline;
}
#right-about form fieldset dd .control_short
{
width:62px;
height:18px;
border:1px solid #CCCCCC;
}
#right-about form fieldset dd .control_medium
{
width:127px;
height:18px;
border:1px solid #CCCCCC;
}
#right-about form fieldset dd .control_long
{
width:257px;
height:18px;
border:1px solid #CCCCCC;
}
#right-about form fieldset dd .control_large
{
width:262px;
height:75px;
border:1px solid #CCCCCC;
}
#right-about form fieldset dd input.form-error{border:1px solid #ff0000;}
#right-about form fieldset dd input.form-ok{border:1px solid #CCCCCC;}
#right-about form fieldset input.submit
{
width:78px;
height:22px;
background:url(../images/btn-submit.jpg) 0 0 no-repeat;
border:none;
cursor:pointer;
margin:0 0 0 186px;
}
#right-about div.quote
{
width:342px;
height:142px;
background:url(../images/quote-bg.jpg) 0 7px no-repeat;
float:right;
display:inline;
margin:0 0 0 28px;
padding:0 0 0 45px;
}
#right-about div.quote h6
{
font:bold 9px Arial, Helvetica, sans-serif;
color:#663333;
line-height:12px;
margin:0;
}
#right-about div.quote p
{
font:15px Arial, Helvetica, sans-serif;
color:#9d9d9d;
line-height:23px;
margin:0;
}
/* Services Page */
/*
#accordion
.accordion{}
*/
.accordion-toggle{
width:398px;
font:bold 9px Arial, Helvetica, sans-serif;
color:#663333;
line-height:11px;
background:url(../images/title.jpg) 0 2px no-repeat;
padding:0 0 0 25px;
margin:0 0 8px 0;
}
/* .accordion-content{} */
/*
#accordion #bottommenu a{
width:176px;
color:#999999;
padding:5px 0;
display:block;
text-decoration:none;
}
#accordion #bottommenu a:hover
{
color:#996666;
background:url(../images/arrow.jpg) right 8px no-repeat;
}
*/
#left-services
{
width:585px;
float:left;
display:inline;
border-top:0px solid #cccccc;
padding:20px 0 0 28px;
}
#left-services h1
{
font:bold 22px Arial, Helvetica, sans-serif;
color:#333333;
line-height:24px;
margin:0 0 20px 0;
}
#left-services h2
{
width:115px;
font:14px Arial, Helvetica, sans-serif;
color:#666666;
line-height:16px;
float:left;
display:inline;
}
#left-services p
{
font:14px Arial, Helvetica, sans-serif;
color:#000000;
line-height:23px;
border-left:1px solid #CCCCCC;
padding:0 0 0 14px;
margin:10px 0 0 -9px;
}
#left-services ul
{
width:542px;
float:left;
display:inline;
list-style:none;
}
#left-services ul li
{
width:542px;
float:left;
display:inline;
padding:0 0 40px 0;
}
#left-services ul li div {
position:relative;
overflow:hidden;
}
#left-services ul ul
{
width:423px;
float:right;
display:inline;
margin:3px 0 0 0;
}
#left-services ul ul li
{
width:398px;
font:bold 9px Arial, Helvetica, sans-serif;
color:#663333;
line-height:11px;
/* background:url(../images/title.jpg) 0 2px no-repeat; */
padding:0 0 0 25px;
margin:0 0 8px 0;
}
#left-services ul ul li a
{
color:#663333;
text-decoration:none;
}
#left-services ul ul li a:hover{color:#996666;}
#left-services #bottommenu a
{
color:#663333;
text-decoration:none;
padding:5px 0;
}
#left-services #bottommenu a:hover{color:#996666;
padding:5px 0;}
#right-services
{
width:320px;
float:right;
display:inline;
margin:-245px 0 0 0;
padding:27px 0 0 26px;
background:#FFFFFF;
position:relative;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
}
#right-services h5
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#333333;
line-height:14px;
background:url(../images/title.jpg) 0 3px no-repeat;
padding:0 0 0 25px;
margin:0 0 20px -26px;
}
#right-services p
{
width:174px;
font:12px Arial, Helvetica, sans-serif;
color:#333333;
line-height:19px;
padding:0 0 19px 0;
margin:0 0 15px 0;
border-bottom:1px solid #e4e4e4;
}
#right-services p.none{border:none;}
#right-services p a
{
font:bold 10px Arial, Helvetica, sans-serif;
line-height:12px;
color:#996666;
text-decoration:none;
background:url(../images/arrow.jpg) right 4px no-repeat;
padding:0 10px 0 0;
}
#right-services ul
{
list-style:none;
margin:20px 0 200px 0;
}
#right-services ul li
{
font:12px Arial, Helvetica, sans-serif;
color:#999999;
line-height:14px;
}
#right-services ul li a
{
width:186px;
color:#999999;
padding:5px 0;
display:block;
text-decoration:none;
}
#right-services ul li a:hover
{
color:#996666;
background:url(../images/arrow.jpg) right 8px no-repeat;
}
/* Homepage */
#box-main
{
width:900px;
border:1px solid #CCCCCC;
background:#FFFFFF url(../images/box-bg.jpg) 0 0 no-repeat;
float:left;
display:inline;
margin:-106px 0 0 30px;
padding:28px 0 0 0;
position:relative;
}
#box-main h1
{
font:bold 20px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
color:#44313c;
line-height:22px;
border-bottom:1px solid #e4e4e4;
padding:0 0 14px 0;
margin:0 0 14px 0;
}
#box-main h2
{
width:134px;
height:19px;
padding:7px 0 0 10px;
font:bold 10px Arial, Helvetica, sans-serif;
color:#663333;
line-height:12px;
background:url(../images/tab1.jpg) 0 0 no-repeat;
}
#box-main h2.tab-title
{
width:106px;
background:url(../images/tab2.jpg) 0 0 no-repeat;
}
#box-main h3
{
font:bold 14px Arial, Helvetica, sans-serif;
color:#663333;
line-height:15px;
margin:0 0 15px 0;
}
#box-main h4
{
width:279px;
font:bold 11px Arial, Helvetica, sans-serif;
color:#333333;
background:url(../images/title.jpg) 0 3px no-repeat;
line-height:14px;
float:left;
display:inline;
padding:0 0 0 25px;
margin:17px 0 5px 0;
}
#box-main h5
{
font:bold 10px Arial, Helvetica, sans-serif;
color:#938d8d;
line-height:15px;
line-height:12px;
}
#box-main h6
{
font:11px Arial, Helvetica, sans-serif;
color:#666666;
line-height:19px;
}
#box-main p
{
font:14px Arial, Helvetica, sans-serif;
color:#333333;
line-height:18px;
margin:0 0 15px 0;
}
#box-main p.clear
{
font-size:11px;
clear:both;
}
#box-main p.small
{
font:11px Arial, Helvetica, sans-serif;
line-height:13px;
margin:0;
}
#box-main p a, #box-main a
{
color:#996666;
text-decoration:none;
}
#box-main p img
{
float:left;
display:inline;
margin:0 15px 0 0;
}
#box-main a.twitter
{
width:299px;
height:53px;
background:url(../images/twitter.png) 0 0 no-repeat;
border: 1px solid #CCCCCC;
display:block;
/*clear:both;
float:left;
display:inline;
margin:16px 0 0 0;*/
position:absolute;
bottom:50px;
left:20px;
}
#box-main a.view-project
{
width:300px;
height:53px;
background:url(../images/youtube.png) 0 0 no-repeat;
border: 1px solid #CCCCCC;
display:block;
/*float:left;
display:inline;
margin:35px 0 0 0;*/
position:absolute;
bottom:50px;
left:340px;
}
#box-main a.twitter span, #box-main a.view-project span{display:none;}
#box-main a.email
{
font:bold 9px Arial, Helvetica, sans-serif;
color:#996666;
line-height:11px;
background:url(../images/ico-email.jpg) 0 2px no-repeat;
padding:0 0 0 20px;
}
#box-main ul{list-style:none;}
#box-main ul li{margin:0 0 25px 0;}
#box-main ul li a:hover{text-decoration:underline;}
#box-main ol
{
list-style:none;
width:200px;
background:#efefef;
margin:0 0 25px 0;
}
#box-main ol li
{
width:190px;
padding:0 0 0 10px;
font:11px Arial, Helvetica, sans-serif;
color:#333333;
line-height:13px;
border-bottom:1px solid #dedede;
}
#box-main ol li.download{background:url(../images/ico-download.jpg) 180px center no-repeat;}
#box-main ol li.share{background:url(../images/ico-share.jpg) 180px center no-repeat;}
#box-main ol li.rss{background:url(../images/ico-rss.jpg) 180px center no-repeat;}
#box-main ol li.twitter{background:url(../images/ico-twitter.jpg) 180px center no-repeat;}
#box-main ol li.facebook{background:url(../images/ico-facebook.jpg) 180px center no-repeat;}
#box-main ol li.download, #box-main ol li.facebook{border:none;}
#box-main ol li a
{
width:190px;
display:block;
color:#333333;
text-decoration:none;
padding:6px 0;
}
#box-main ol li a:hover{color:#966b82;}
#box-main div.col1
{
width:599px;
padding:0 0 0 20px;
float:left;
display:inline;
}
#box-main div.col1 p{margin:0;}
#box-main div.col1 h3{padding: 0px;}
#box-main div.col2
{
width:304px;
float:left;
display:inline;
margin:0 0 0 20px;
}
#box-main div.col2 a.link
{
font:bold 9px Arial, Helvetica, sans-serif;
color:#663333;
text-decoration:none;
background:url(../images/arrow.jpg) right center no-repeat;
padding:0 10px 0 0;
}
#box-main div.col3
{
width:210px;
float:right;
display:inline;
margin:0 20px 0 0;
}
#box-main div.col3 h1
{
font:bold 11px Arial, Helvetica, sans-serif;
color:#333333;
line-height:13px;
padding:0 0 13px 0;
margin:9px 0 15px 0;
}
#box-main div.col3 img{margin:8px 0 20px 0;}

/* Blog */
#left-blog
{
width:693px;
float:left;
display:inline;
padding:30px 0 0 0;
border-top:1px solid #CCCCCC;
}
#container{margin:0 32px 0 28px;}
#left-blog h2
{
font:bold 22px Arial, Helvetica, sans-serif;
color:#333333;
line-height:24px;
margin:0 0 10px 0;
}
#left-blog h4
{
font:12px Arial, Helvetica, sans-serif;
color:#333333;
line-height:14px;
margin:0 0 20px 0;
}
#left-blog h5
{
font:bold 9px Arial, Helvetica, sans-serif;
color:#999999;
line-height:11px;
margin:0 0 15px 0;
}
#left-blog h6
{
font:bold 9px Arial, Helvetica, sans-serif;
color:#996666;
line-height:11px;
margin:0 0 5px 0;
}
#left-blog p
{
font:12px Arial, Helvetica, sans-serif;
color:#333333;
line-height:20px;
margin:0 0 25px 0;
}
#left-blog p.page
{
font:bold 10px Arial, Helvetica, sans-serif;
color:#999999;
line-height:12px;
float:right;
display:inline;
margin:0 32px 100px 0;
}
#left-blog p.page a
{
color:#999999;
text-decoration:none;
}
#left-blog p.page a:hover{color:#996666;}
#left-blog a.link
{
font:bold 9px Arial, Helvetica, sans-serif;
color:#996666;
line-height:11px;
background:url(../images/arrow.jpg) right 2px no-repeat;
padding:0 15px 0 0;
}
#left-blog a.link:hover{text-decoration:none;}
#left-blog img{border:1px solid #c5c2ba;}
#left-blog img.imr
{
float:right;
display:inline;
margin:0 0 25px 30px;
}
#left-blog ul
{
list-style:none;
margin:0 0 0 20px;
}
#left-blog ul li
{
font:12px Arial, Helvetica, sans-serif;
color:#996666;
line-height:14px;
margin:0 0 5px 0;
background:url(../images/bullet2.jpg) 0 3px no-repeat;
padding:0 0 0 20px;
}
#left-blog ul li a
{
color:#996666;
text-decoration:none;
}
#left-blog ul li a:hover{text-decoration:underline;}
#left-blog form
{
width:606px;
padding:0 0 0 24px;
font:12px Arial, Helvetica, sans-serif;
color:#333333;
margin:0 0 30px 0;
}
#left-blog form label
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#333333;
line-height:14px;
float:left;
display:inline;
margin:0 0 5px 0;
}
#left-blog form input
{
width:174px;
height:20px;
padding:3px 0 0 5px;
background:#FFFFFF;
border:1px solid #CCCCCC;
font:12px Arial, Helvetica, sans-serif;
margin:0 0 15px 0;
}
#left-blog form input.ctrl
{
width:auto;
height:auto;
padding:0;
border:none;
background:none;
float:left;
display:inline;
margin:3px 5px 0 0;
}
#left-blog form input.button
{
width:132px;
height:22px;
background:url(../images/btn-submit-comment.jpg) 0 0 no-repeat;
border:none;
padding:0;
cursor:pointer;
margin:0 0 15px 8px;
}
#left-blog form textarea
{
width:558px;
height:65px;
padding:5px;
background:#FFFFFF;
border:1px solid #CCCCCC;
margin:0 0 12px 0;
font:12px Arial, Helvetica, sans-serif;
}
#left-blog form span
{
float:left;
display:inline;
margin:3px 0 0 0;
}
#left-blog form div
{
width:182px;
float:left;
display:inline;
}
#left-blog form div.ctr{margin:0 13px;}
#left-blog form .clear{clear:both;}
#left-blog div.quote
{
width:292px;
background:#FFFFFF url(../images/quote-bg2.jpg) 0 0 no-repeat;
padding:0 0 0 45px;
float:right;
display:inline;
margin:0 0 25px 30px;
}
#left-blog div.quote p
{
font:16px Arial, Helvetica, sans-serif;
color:#9d9d9d;
line-height:24px;
letter-spacing:-1px;
margin:0 0 10px 0;
}
#left-blog div.related
{
width:584px;
border:1px solid #e5e5e5;
padding:23px;
margin:0 0 50px 0;
}
#left-blog div.related h1
{
font:14px Arial, Helvetica, sans-serif;
color:#666666;
line-height:16px;
margin:0 0 20px 0;
}
#left-blog div.related img
{
float:right;
display:inline;
border:none;
}
#left-blog #listing{margin:0;}
#left-blog #listing li
{
width:633px;
float:left;
display:inline;
border-bottom:1px solid #dfdfdf;
background:none;
padding:18px 32px 0 28px;
}
#left-blog #listing li.last{border:none;}
#left-blog #listing li p{margin:0 0 15px 0;}
#comments h1
{
font:20px Arial, Helvetica, sans-serif;
color:#333333;
line-height:22px;
margin:0 0 25px 0;
}
#comments p{margin:0;}
#comments ul{margin:0;}
#comments ul li
{
float:left;
display:inline;
background:none;
padding:0 0 30px 0;
margin:0 0 30px 0;
border-bottom:1px solid #d7d7d7;
}
#comments div.image
{
width:108px;
background:url(../images/image-bg.jpg) 0 0 no-repeat;
float:left;
display:inline;
margin:0 12px 0 0;
}
#comments div.image img
{
border:none;
float:right;
display:inline;
margin:0;
}
#comments div.text
{
width:513px;
float:left;
display:inline;
}
#right-blog
{
width:240px;
float:right;
display:inline;
padding:26px 26px 0 0;
margin:-156px 0 0 0;
position:relative;
background:#FFFFFF;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
}
#right-blog h1
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#333333;
line-height:14px;
background:url(../images/title.jpg) 0 2px no-repeat;
padding:0 0 0 25px;
margin:0 0 15px 0;
clear:both;
}
#right-blog h6
{
font:11px Arial, Helvetica, sans-serif;
color:#666666;
line-height:13px;
}
#right-blog p
{
font:11px Arial, Helvetica, sans-serif;
color:#333333;
line-height:17px;
margin:0;
}
#right-blog p.topic
{
color:#666666;
line-height:16px;
background:url(../images/comment-title-bg.jpg) 0 3px no-repeat;
padding:0 0 0 26px;
margin:5px 0 0 0;
}
#right-blog p a
{
color:#996666;
text-decoration:none;
}
#right-blog p a:hover{text-decoration:underline;}
#right-blog a.link
{
font:bold 9px Arial, Helvetica, sans-serif;
color:#996666;
line-height:11px;
text-decoration:none;
background:url(../images/arrow.jpg) right 2px no-repeat;
padding:0 10px 0 0;
margin:0 0 0 25px;
}
#right-blog ul
{
list-style:none;
margin:0 0 0 25px;
padding:0 0 15px 0;
}
#right-blog ul li
{
font:bold 9px Arial, Helvetica, sans-serif;
color:#9c9a9b;
line-height:11px;
margin:0 0 5px 0;
}
#right-blog ul li a
{
width:150px;
display:block;
color:#9c9a9b;
text-decoration:none;
}
#right-blog ul li a:hover
{
color:#996666;
background:url(../images/arrow.jpg) right 2px no-repeat;
}
#right-blog p.flickr
{
width:215px;
margin:0 0 0 25px;
padding:0;
float:left;
display:inline;
}
#right-blog p.flickr a
{
width:69px;
height:69px;
float:left;
display:inline;
margin:0 2px 2px 0;
padding:0;
}
#right-blog p.flickr a:hover{background:none;}
#right-blog p.flickr img
{
width:69px;
height:69px;
float:left;
display:inline;
margin:0;
padding:0;
}
#right-blog p.flickr br
{
height:0px;
line-height:0px;
clear:both;
}
#right-blog ol
{
list-style:none;
margin:0 0 0 25px;
}
#right-blog ol li{margin:0 0 25px 0;}
#right-blog div.line
{
width:210px;
height:1px;
line-height:1px;
border-top:1px solid #e4e4e4;
float:left;
display:inline;
padding:0;
margin:20px 0 20px 25px;
}