/**
	Css for dreamsgroup.com.my by Steven Lee at 12/21/09
**/

/** Begin Overall Setting **/
body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #a08b39;
	font-size: 62.5%;/* Resets 1em to 10px */
}

#wrap {
	width: 1000px;
	margin: 0 auto;
}

a {
	color: #939598;
	text-decoration: none;
}

a:hover {
	color: #a08b39;
}

img {
	display: block;
}

a img {
	border: none;
}

p {
	margin: 0;
	padding: 0;
	padding-top: 6px;
}

.clear-both {
	clear: both;
	height: 1px;
}
/** End Overall Setting **/

/** Begin Header **/
html>body #header {
	padding-top: 33px;
	width: 895px;
	margin: 0 auto;
}

*html #header {
	padding-top: 33px;
	width: 910px;
	margin: 0 auto;
}

#header img {
	float: left;
	padding-right: 28px;
}

ul#menu {
	margin: 0;
	padding: 25px 0 0;
	height: 50px;
	list-style-type: none;
	font-size: 1.2em;
	font-weight: bold;
}

ul#menu li {
	float: left;
	background: url('img/star-bullet.png') no-repeat left;
	padding-left: 13px;
	margin-right: 8px;
}
/** End Header **/

/** Begin Page **/
.title-bar {
	margin: 0 auto;
}

#content {
	position: relative;
	width: 1000px;
	font-size: 1.3em;
	font-weight: bold;
}

/* Begin About Page */
#dreamshome-flash {
	float: right;
	padding-right:27px;
}

#dreamshome-content {
	position: absolute;
	width: 444px;
	margin:110px 0 0 150px;
}

.text-area {
	text-align: center;
	border-right: 5px solid #a0a0a0;
	border-left: 5px solid #a0a0a0;
	padding: 15px 10px;
	line-height: 25px;
}

img.border-topleft {
	position: absolute;
	top: 0;
	left: 0;
}

img.border-topright {
	position: absolute;
	right: 0;
}

img.border-btmleft {
	position: absolute;
	bottom: 0;
	left: 0;
}

img.border-btmright {
	position: absolute;
	bottom: 0;
	right: 0;
}
/* End About Page */

/* Begin Why Different Page */
#why-different-flash {
	float: left;
	padding-left: 57px;
}

#why-different-content {
	position:absolute;
	right:75px;
	top:46px;
	width:543px;
}

#why-different-content .text-area{
	text-align: justify;
}
/* End Why Different Page */

/* Begin What We Do Page */
#what-we-do-content1 {
	margin:40px 0 0 130px;
	font-weight:normal;
	text-align: justify;
	display:inline-block;
	color: #666666;
	
}

#what-we-do-content1 h2 {
	color: #A18A08;
	display:inline-block;
	font-size:1em;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

/* Begin What we do Scrol bar CSS */
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: #808285;
}

.vscrollerbar {
width: 10px;
background-color: #abadb0;
}

.flexcroll {
width: 410px;
height: 300px;
overflow: auto;
position: relative;
line-height: 18px;
padding: 0 15px;
outline: none;
}

#mycustomscroll .vscrollerbase {
	visibility: hidden !important;
}
/* End What we do Scrol bar CSS */

/* Begin What We Do Page */
#what-we-do-content1 {
	margin:40px 0 0 130px;
	text-align: justify;
	display:inline-block;
}

#what-we-do-content2 {
	position: absolute;
	width: 400px;
	right: 0;
	top: 129px;
}

#what-we-do-content2 .text-area {
	line-height: normal;
	color: #747576;
	font-size: 0.9em;
	font-weight: normal;
	padding:5px 20px;
	text-align: justify;
}

#what-we-do-content2 h2 {
	border-bottom: 1px solid #808285;
	color: #808285;
	padding: 0;
	margin: 0;
	font-size: 1.7em;
}

#what-we-do-content2-1, #what-we-do-content2-2 {
	position: relative;
	width: 400px;
	margin: 5px 0 37px;
}

/* End What We Do Page */

/* Begin Dreamsclient Page */
#dreamsclient-flash {
	position:absolute;
	right:8px;
	top:8px;
}

#dreamsclient-content {
	position: relative;
	margin:80px 0 0 120px;
	font-size: 0.8em;
	min-height: 250px;
}

#dreamsclient-content ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#dreamsclient-content ul li {
	padding-top: 3px;
}

.dreamsclient-content1-1, .dreamsclient-content1-2 {
	width: 185px;
	padding-right: 20px;
	float: left;
}
/* End Dreamsclient Page */

/* End Dreamscontact Page */

#dreamscontact-flash {
	position: relative;
	margin:70px 0 0 100px;
	display: inline-block;
}

#dreamscontact-content {
	position: absolute;
	right: 190px;
	top: 95px;
	text-align: left;
	line-height: normal;
	font-size: 0.9em;
	color: #af9944;
}

#dreamscontact-content h3 {
	font-weight: bolder;
	font-size: 1.3em;
	margin: 0;
	padding: 0 0 2px;
	color: #a08b39;
}

#dreamscontact-content h4 {
	font-weight: bolder;
	font-size: 1.2em;
	margin: 20px 0 0;
	padding: 0 0 2px;
	color: #808285;
}
/* End Dreamscontact Page */

/* Begin Dreamsjob Page */
#dreamsjob-flash {
	position: absolute;
	right:125px;
	bottom: -50px;
}

#dreamsjob-content {
	margin: 40px 0 0 160px;
}

#dreamsjob-content ul {
	margin:30px 40px;
	padding: 0;
	font-size: 1.3em;
	list-style-type: none;
}

#dreamsjob-content ul li {
	margin-top: 12px;
	padding-left: 17px;
	background: url(img/star-bullet.png) no-repeat left; 
}

#dreamsjob-content1-1 {
	width: 759px;		
}

#dreamsjob-content1-2 {
	color: #808285;
	font-size: 0.9em;
	padding-bottom: 20px;		
}
/* End Dreamsjob Page */

/* Begin Dreamswork Page */
#artwork-content {
	margin: 20px 0 0 90px;
	padding-bottom: 220px;
}


#dreamsworks-flash2 {
	position: absolute;
	right: 0;
	bottom: 0;
}

#artwork-imgsmall img {
	margin: 5px 0;
	border: 1px solid #B7A86A;
	cursor: pointer;
}

#artwork-imgsmall {
	float: left;
}

#artwork-imgbig {
	position:relative;
	margin-left: 180px;
}

ul#work-menu {
	margin:10px 0 0 80px;
	padding: 0;
	list-style-type: none;
	height:20px;
}

ul#work-menu li {
	margin: 0;
	padding: 0;
	float: left;
}

ul#work-menu li a {
	padding:0 18px;
}

ul#work-menu li a:hover {
	text-decoration: underline;
}

ul#work-menu li a.on-page {
	color: #a08b39;
	font-weight: bold;
}

/* Begin What we do Scrol bar CSS */
#artwork-imgsmall .flexcroll {
width: 95px;
height: 310px;
overflow: auto;
position: relative;
padding: 5px;
outline: none;
}
/* End What we do Scrol bar CSS */

/* End Dreamswork Page */
/** End Page **/

/** Begin Footer **/
#footer {
	padding: 55px 60px 8px;
	color: #a0a2a5;
	font-size: 1.2em;
	text-align: center;
	clear: both;
	position: relative;
}

#footer p {
	float:left;
	margin-left:100px;
	padding:0 0 20px;
}


#footer img {
	float: right;
}

#footer img#facebook {
	margin-right: 200px;
}
/** End Footer **/

/** Begin Homepage **/
#home-content {
	position: relative;
	width: 1000px;
}

#home-content img {
	margin: 0 auto;
}

p#home-intro {
	top: 0;
	left: 0;
	position:	absolute;
	margin-top:	450px;
	margin-left:	145px;
	color:	#939598;
	font-size:	1.1em;
	font-weight:	bold;
}
/** End Homepage **/