body {
	background-color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
}
#mainContainer {
	width:950px;
	height:700px;
}

/* ******************************** INDEX PAGE ************************/
.indexContainer {
	width:100%;
	height:421px;
	overflow:visible;
	background-image:url(images/logo_back_index.jpg);
	background-repeat:no-repeat;
	position:absolute;
}

#indexMenu {
	vertical-align:bottom;
	width:520px;
	margin: 196px 0 0 280px;
	padding: 0 0 0 0;
}
.indexL {
	float:left;
	display:inline;
}
.indexR {
	float:right;
	display:inline;
}
#indexMenuS{
	vertical-align:bottom;
	margin: 0 0 0 280px;
	width:520px;
	padding: 0 0 0 0;
}
#indexSL {
	width:249px;
	height:78px;
	background-image:url(images/photo_index_ref.jpg);
	float:left;
	display:inline;
}
#indexSR {
	width:249px;
	height:78px;
	background-image:url(images/photo_index_ref2.jpg);
	float:right;
	display:inline;
}
.footer {
	width:520px;
	margin: 20px 0 0 280px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
	text-align:right;
}

/* ******************************** PHOTO PAGE ************************/


#contPhoto {
	background-image:url(images/back_photo.jpg);
	background-repeat:no-repeat;
}

#box {
	width: 853px;
	height: 598px;
	margin: 0 0 0 95px;
	border:solid 1px #313131;
	background-color:#000000;
	color:#FFFFFF;
}
.footContainer {
	margin:15px 0 0 95px;
	width:853px;
}
.footerMenu {
	font-size:14px;
	text-decoration:none;
	color:#999999;
	float:left;
	display:inline;
}
.footerMenu a {
	text-decoration:none;
	color:#999999;
}
.footerMenu a:hover {
	color:#FFFFFF;
}
.copyNote {
	float:right;
	display:inline;
	font-size:10px;
	color:#666666;
}

/* **************************** PHOTO MENU ************************/
#menuContainer {
	margin:0 0 0 565px;
	height:109px;
	width:385px;
}
#menu {
	height: 109px;
 
	}

#menu ul {
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#menu li {
	display:inline;
}

#menu a {
	float:left;
	height: 109px;
	display: block;
	overflow: hidden;
}

#menu ul li a:hover, #menu ul li a.active {
	background-position: 0 -109px;
}
#menu ul .bP1 a {
	width: 77px;
	background: url("images/bP1.gif") no-repeat;
}
#menu ul .bP2 a {
	width: 112px;
	background: url("images/bP2.gif") no-repeat;
}
#menu ul .bP4 a {
	width: 65px;
	background: url("images/bP4.gif") no-repeat;
}
#menu ul .bP5 a {
	width: 66px;
	background: url("images/bP5.gif") no-repeat;
}
#menu ul .bP6 a {
	width: 65px;
	background: url("images/bP6.gif") no-repeat;
}
/* **************************** DESIGN MENU ************************/
#menuContainer2 {
	margin:0 0 0 751px;
	height:109px;
	width:199px;
}
#menu ul .bD1 a {
	width: 94px;
	background: url("images/bD1.gif") no-repeat;
}
#menu ul .bD2 a {
	width: 105px;
	background: url("images/bD2.gif") no-repeat;
}

/* ******************** BOX ********************/
#thumb {
	float:left;
	display:inline;
	width:69px;
	margin:0 0 0 69px;
}

#thumb ul {
	list-style:none;
	margin: 0;
	padding: 0;
}
#thumb a {
	float:left;
	height: 69px;
	display: block;
	overflow: hidden;
}
#thumb ul li a:hover {
	background-position: 0 -69px;
	color:#999999;
}
#thumb ul .link a {
	text-decoration:none;
	text-align:center;
	color:#FF0000;
	width:69px;
	height:20px;
}
/* ************************* people *********************/
#thumb ul .tp1 a { margin-top: 55px;width: 69px; background: url("images/thumb/t001.gif") no-repeat; }
#thumb ul .tp2 a { margin-top: 14px; width: 69px; background: url("images/thumb/t002.gif") no-repeat;}
#thumb ul .tp3 a { margin-top: 14px; width: 69px; background: url("images/thumb/t003.gif") no-repeat;}
#thumb ul .tp4 a { margin-top: 14px; width: 69px; background: url("images/thumb/t004.gif") no-repeat;}
#thumb ul .tp5 a { margin-top: 14px; width: 69px; background: url("images/thumb/t005.gif") no-repeat;}
#thumb ul .tp6 a { margin-top: 14px; width: 69px; background: url("images/thumb/t006.gif") no-repeat;}
#thumb ul .tp7 a { margin-top: 55px; width: 69px; background: url("images/thumb/t007.gif") no-repeat;}
#thumb ul .tp8 a { margin-top: 14px; width: 69px; background: url("images/thumb/t008.gif") no-repeat;}
#thumb ul .tp9 a { margin-top: 14px; width: 69px; background: url("images/thumb/t009.gif") no-repeat;}
#thumb ul .tp10 a { margin-top: 14px; width: 69px; background: url("images/thumb/t010.gif") no-repeat;}
#thumb ul .tp11 a { margin-top: 14px; width: 69px; background: url("images/thumb/t011.gif") no-repeat;}
#thumb ul .tp12 a { margin-top: 14px; width: 69px; background: url("images/thumb/t012.gif") no-repeat;}
#thumb ul .tp13 a { margin-top: 55px; width: 69px; background: url("images/thumb/t013.gif") no-repeat;}
#thumb ul .tp14 a { margin-top: 14px; width: 69px; background: url("images/thumb/t014.gif") no-repeat;}
#thumb ul .tp15 a { margin-top: 14px; width: 69px; background: url("images/thumb/t015.gif") no-repeat;}
#thumb ul .tp16 a { margin-top: 14px; width: 69px; background: url("images/thumb/t016.gif") no-repeat;}
#thumb ul .tp17 a { margin-top: 14px; width: 69px; background: url("images/thumb/t017.gif") no-repeat;}
#thumb ul .tp18 a { margin-top: 14px; width: 69px; background: url("images/thumb/t018.gif") no-repeat;}
#thumb ul .tp19 a { margin-top: 14px; width: 69px; background: url("images/thumb/t313.gif") no-repeat;}
/* ************************* architecture *********************/
#thumb ul .ta1 a { margin-top: 55px; width: 69px; background: url("images/thumb/t105.gif") no-repeat;}
#thumb ul .ta2 a { margin-top: 14px; width: 69px; background: url("images/thumb/t102.gif") no-repeat;}
#thumb ul .ta3 a { margin-top: 14px; width: 69px; background: url("images/thumb/t108.gif") no-repeat;}
#thumb ul .ta4 a { margin-top: 14px; width: 69px; background: url("images/thumb/t109.gif") no-repeat;}
#thumb ul .ta5 a { margin-top: 14px; width: 69px; background: url("images/thumb/t110.gif") no-repeat;}
#thumb ul .ta6 a { margin-top: 14px; width: 69px; background: url("images/thumb/t111.gif") no-repeat;}
/* ************************* other *********************/
#thumb ul .to1 a { margin-top: 55px; width: 69px; background: url("images/thumb/t301.gif") no-repeat;}
#thumb ul .to2 a { margin-top: 14px; width: 69px; background: url("images/thumb/t302.gif") no-repeat;}
#thumb ul .to3 a { margin-top: 14px; width: 69px; background: url("images/thumb/t303.gif") no-repeat;}
#thumb ul .to4 a { margin-top: 14px; width: 69px; background: url("images/thumb/t304.gif") no-repeat;}
#thumb ul .to5 a { margin-top: 14px; width: 69px; background: url("images/thumb/t305.gif") no-repeat;}
#thumb ul .to6 a { margin-top: 14px; width: 69px; background: url("images/thumb/t306.gif") no-repeat;}
#thumb ul .to7 a { margin-top: 55px; width: 69px; background: url("images/thumb/t307.gif") no-repeat;}
#thumb ul .to8 a { margin-top: 14px; width: 69px; background: url("images/thumb/t308.gif") no-repeat;}
#thumb ul .to9 a { margin-top: 14px; width: 69px; background: url("images/thumb/t309.gif") no-repeat;}
#thumb ul .to10 a { margin-top: 14px; width: 69px; background: url("images/thumb/t310.gif") no-repeat;}
#thumb ul .to11 a { margin-top: 14px; width: 69px; background: url("images/thumb/t311.gif") no-repeat;}
#thumb ul .to12 a { margin-top: 14px; width: 69px; background: url("images/thumb/t312.gif") no-repeat;}
/* ************************* design *********************/
#thumb ul .td1 a { margin-top: 120px; width: 69px; background: url("images/thumb/t501.gif") no-repeat;}
#thumb ul .td2 a { margin-top: 14px; width: 69px; background: url("images/thumb/t502.gif") no-repeat;}
#thumb ul .td3 a { margin-top: 14px; width: 69px; background: url("images/thumb/t503.gif") no-repeat;}
#thumb ul .td4 a { margin-top: 14px; width: 69px; background: url("images/thumb/t504.gif") no-repeat;}
#thumb ul .td5 a { margin-top: 120px; width: 69px; background: url("images/thumb/t505.gif") no-repeat;}
#thumb ul .td6 a { margin-top: 14px; width: 69px; background: url("images/thumb/t506.gif") no-repeat;}
#thumb ul .td7 a { margin-top: 14px; width: 69px; background: url("images/thumb/t507.gif") no-repeat;}
#thumb ul .td8 a { margin-top: 14px; width: 69px; background: url("images/thumb/t508.gif") no-repeat;}

#photo {
	float: right;
	display:inline;
	width:715px;
	text-align:center;
	margin-top:80px;
}
.center {
text-align:center;
}

/* ******************************** DESIGN PAGE ************************/

#contDesign {
	background-image:url(images/back_design.jpg);
	background-repeat:no-repeat;
}


/* ******************************** DESIGN PAGE ************************/

#contContact {
	background-image:url(images/back_contact.jpg);
	background-repeat:no-repeat;
}
#details {
	float:left;
	display:inline;
	width:390px;
	margin-top:120px;
}
#form {
	float:right;
	display:inline;
	width:463px;
}
.link {
	color:#FFFFFF;
}
.link2 {
	color:#666666;
}
.color {
	color:#FF0000;
}
.color2 {
		color:#777777;
}
#formBack {
	width:400px;
	height:460px;
	margin: 65px 0 0 0px;
	border:solid 1px #1a1a1a;	
}
#corner {
	background-image:url(images/corner.jpg);
	width:59px;
	height:62px;
	background-repeat:no-repeat;
	margin-left:341px;
}
.errortext {
        font-size: 12px; color:#C00000;
}
#thanx {
	margin:150px;
}
#redirect {
	margin:200px;
}
#contRedirect {
	background-image:url(images/back_redirect.jpg);
	background-repeat:no-repeat;
}
#contOrder {
	background-image:url(images/back_order.jpg);
	background-repeat:no-repeat;
}
#download {
	margin:50px;
}