@charset "utf-8";
/* CSS Document */

body { background:#000; margin:0px; padding-top:15px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#fff; line-height:20px; }
img { border:0; }
.excel-al-right { text-align:right; }
.excel-al-left { text-align:left; }
.cen { margin: auto; text-align:center; }



/************menu************/
#menu { background:url(../images/bg-menu.jpg) no-repeat; height:674px; width:224px; }
#menu a{ font-size:20px; font-family:Tahoma, Geneva, sans-serif; text-decoration:none; display:block; color:#fff; text-align:right; padding-right:25px; line-height:35px;}
#menu a:hover { color:#808080; }
.lit a{ font-size:12px; font-family:Tahoma, Geneva, sans-serif; text-decoration:none; display:block; color:#fff; text-align:right; padding-right:25px; line-height:28px;}
a.sub:link { font-size:14px; line-height:18px; }
#menu .sub a {  font-size:12px; line-height:22px;}


/**************inner********************/
h1 { font-size:30px; color:#fff; font-weight:bold; display:inline; line-height:30px; }
h2 { font-size:30px; color:#989898; font-weight:bold; display:inline; line-height:30px; }

.headspec { font-size:20px; color:#989898; font-weight:bold; display:inline; line-height:30px; }
.miniheadline {  color:#008deb; font-size:12px;}

.div1-grey { background:#515151; width:387px; height:119px; float:right; }

.div1-white { background:#fff; width:379px; height:119px; float:right; }
.bg-box { background:url(../images/bg-box.jpg) repeat-y right; }

.mail a { color:#008deb; font-size:12px; text-decoration:none; display:block; }
/**********************bg*************/
.bg-proj { background:url(../images/proj-left.jpg) no-repeat top; width:515px; height:553px; }

#romeo { background:url(../flash/romeo/1-img.jpg) no-repeat; width:771px; height:553px; }
#romeo img { border:2px solid #fff; }
#modern { background:url(../flash/modern/pic1.jpg) no-repeat; width:771px; height:553px; }
#modern img { border:2px solid #fff; }
#classic { background:url(../flash/classic/pic1-bg.jpg) no-repeat; width:771px; height:553px; }
#classic img { border:2px solid #fff; }
#country { background:url(../flash/country/pic1-bg.jpg) no-repeat; width:771px; height:553px; }
#country img { border:2px solid #fff; }
#details { background:url(../flash/details/pic1-bg.jpg) no-repeat; width:771px; height:553px; }
#detailso img { border:2px solid #fff; }


.border-r { border-right:1px solid #bfbfbf; }
/************project********/

#proj a { color:#00c8fb; text-decoration:none; font-size:11px; display: block; direction:ltr; }
#proj a:hover { color:#4dffff; }
#proj .p1 a { background:url(../images/proj/img1.jpg) no-repeat; width:172px; height:27px; }
#proj .p1 a:hover { background:url(../images/proj/img1-on.jpg) no-repeat; width:172px; height:27px; }

#proj .p2 a { background:url(../images/proj/img2.jpg) no-repeat; width:172px; height:27px; }
#proj .p2 a:hover { background:url(../images/proj/img2-on.jpg) no-repeat; width:172px; height:27px; }

#proj .p3 a { background:url(../images/proj/img3.jpg) no-repeat; width:172px; height:27px; }
#proj .p3 a:hover { background:url(../images/proj/img3-on.jpg) no-repeat; width:172px; height:27px; }

#proj .p4 a { background:url(../images/proj/img4.jpg) no-repeat; width:172px; height:27px; }
#proj .p4 a:hover { background:url(../images/proj/img4-on.jpg) no-repeat; width:172px; height:27px; }

#proj .p5 a { background:url(../images/proj/img5.jpg) no-repeat; width:172px; height:27px; }
#proj .p5 a:hover { background:url(../images/proj/img5-on.jpg) no-repeat; width:172px; height:27px; }

#proj .p6 a { background:url(../images/proj/img6.jpg) no-repeat; width:172px; height:27px; }
#proj .p6 a:hover { background:url(../images/proj/img6-on.jpg) no-repeat; width:172px; height:27px; }

#proj .p7 a { background:url(../images/proj/proj1.jpg) no-repeat; width:172px; height:52px; }
#proj .p7 a:hover { background:url(../images/proj/proj1-on.jpg) no-repeat; width:172px; height:52px; }

#proj .p8 a { background:url(../images/proj/proj2.jpg) no-repeat; width:172px; height:52px; }
#proj .p8 a:hover { background:url(../images/proj/proj2-on.jpg) no-repeat; width:172px; height:52px; }

#proj .p9 a { background:url(../images/proj/proj3.jpg) no-repeat; width:172px; height:52px; }
#proj .p9 a:hover { background:url(../images/proj/proj3-on.jpg) no-repeat; width:172px; height:52px; }

#proj .p10 a { background:url(../images/proj/proj4.jpg) no-repeat; width:172px; height:52px; }
#proj .p10 a:hover { background:url(../images/proj/proj4-on.jpg) no-repeat; width:172px; height:52px; }

#proj .p11 a { background:url(../images/proj/proj5.jpg) no-repeat; width:172px; height:52px; }
#proj .p11 a:hover { background:url(../images/proj/proj5-on.jpg) no-repeat; width:172px; height:52px; }

#proj .p12 a { background:url(../images/proj/proj6.jpg) no-repeat; width:172px; height:52px; }
#proj .p12 a:hover { background:url(../images/proj/proj6-on.jpg) no-repeat; width:172px; height:52px; }

#proj .p13 a { background:url(../images/proj/proj7.jpg) no-repeat; width:172px; height:52px; }
#proj .p13 a:hover { background:url(../images/proj/proj7-on.jpg) no-repeat; width:172px; height:52px; }

#proj .p14 a { background:url(../images/proj/proj8.jpg) no-repeat; width:172px; height:52px; }
#proj .p14 a:hover { background:url(../images/proj/proj8-on.jpg) no-repeat; width:172px; height:52px; }



/*************footer************/
#footer { color:#fff; font-size:11px; text-decoration:none; text-decoration:none;  }
#footer a{ color:#fff; font-size:11px; text-decoration:none; text-decoration:none; }