/* CSS DOCUMENT 

DEVELICA ASIA PACIFIC*/

/* 

Table of Contents

	Defaults and clears
	Default fonts
	Default links
	
	Page format
	Header and Logo
	Header Navigation
	Header Base (for content pages)
	Footer
	
	Content Row
	Homepage Boxes
	General
	News
	About Us
	Portfolio
	Tables
	Bullet Lists
	Flow diagram
	
Notes
	When width is specified in px it is safe to use margins but not padding due to IE bugs
	To specify a width use width of content only and do not add borders or margins
	Floats must specify a width. 
	HR is not a good idea to use for clears in IE, use a . in paragraph with a class to clear and be invisible

*/


/* ----------- Defaults and clears ----------- */

/* Zero down all margins and padding */
*{ 
	margin: 0;
	padding: 0;
}
body {
	background: #CCCCCC;
	text-align: center; /* for IE to centre page */
}
img { border: 0px; }

ul { list-style-type: none; }

.clear { clear: both; }

.clearleft {
	clear: left;
}
p.clearhide {
	clear: both;
	visibility: hidden;
	height: 1px;
	line-height: 0.1em;
	margin: 0;
	padding: 0;
}







/* ------------ Default Fonts ------------ */

html {
	font-size: 100%;
}
body {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 62.5%; /* Sets 1em to 10px font */
	color: #000000;
}

p {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-top: 10px;
	margin-bottom: 10px;
	
}
li {
	font-size: 1.2em;
	line-height: 1.3em;	
}
table {
	font-size: 1.2em;	
}
h1 {
	font-size: 1.8em;
	margin-top: 3px;
	margin-bottom: 10px;
	color: #6a4e8c;	
}
h2 {
	font-size: 1.5em;
	margin-top: 15px;
	margin-bottom: 8px;
	color: #6a4e8c;
}
h3 {
	font-size: 1.5em;
	margin-top: 15px;
	margin-bottom: 8px;
	color: #A797BE;	
}
h4 {
	font-size: 1.4em;
	margin-top: 15px;
	margin-bottom: 8px;
	font-weight: normal;
	color: #6a4e8c;
}
h5 {
	font-size: 1.2em;
	margin-top: 15px;
	margin-bottom: 8px;
	font-weight: bold;
}
h6 {
	font-size: 1.2em;
	margin-top: 3px;
	margin-bottom: 3px;
	font-weight: normal;	
}



/* ----------- Default Links ----------- */

a:link { color: #C18107; text-decoration: none; }
a:visited { color: #C18107; text-decoration: none; }
a:hover { color: #49176E; text-decoration: none; }
a:active { color: #49176E; text-decoration: none; }

a {
	font-weight: bold;
	line-height: 1.3em;
}


/* ----------- Page Formats ----------- */
/* Page border, width, position and left align all content */

#pageborder {
	width: 775px;
	margin: 15px auto;
	border: 10px solid #FFFFFF;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(bg_header.jpg);
	background-repeat: no-repeat;
	background-position: 0 -17px;
}

#home #pageborder {
	background-color: #44324c;
	background-image: url(bg_singaporecity.jpg);
	background-repeat: repeat;
	background-position: 0 -200px;
}

#pageformat {
	text-align: left;
}

/* Start basic block navigation */

.navlist {float:left;}

.navlist ul, .navlist li, .navlist a {
	margin:0;
	border:0;
	padding:0;
	text-decoration:none;
	list-style:none;
	text-align:center;
	color:#f3f2f1;
}
.navlist li { display:inline!important;float:left!important; }

.navlistOFF { width:100%!important; }

#navmainlist {overflow:hidden;} 

#navcompanies {overflow:hidden;}


/************ strengthen it for all browsers ************/




.strengthen ul {
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.strengthen li{
	border-right: 1px solid #423056;
	border-top: 1px solid #423056;
	border-bottom: 1px solid #423056;
	text-align: left;
	
}
.strengthen li.first{
	border-left: 1px solid #423056;
}

.strengthen li a{
	display: block;
	padding: 0.25em 1.5em 0.25em 0.75em;
	background-color: #9482AA;
	background-image: url(arrow.gif);
	background-repeat: no-repeat;
	background-position: right;	
	
}


.strengthen li a:link { color: #f3f2f1; text-decoration: none;}
.strengthen li a:visited { color: #f3f2f1; text-decoration: none;}
.strengthen li a:hover{
	border-color: #FFFFFF; 
	background-color: #cc9900;
	background-image: url(arrow.gif);
	background-repeat: no-repeat;
	background-position: right;	
	text-decoration: none;
}


#home li#nbhome a:link,
#news li#nbnews a:link,
#aboutus li#nbaboutus a:link,
#portfolio li#nbportfolio a:link,
#asia li#nbasia a:link,
#contactus li#nbcontactus a:link
{	background-color: #b3a1ca; /* highlight nav button on matching page  */
}

#home li#nbhome a:visited,
#news li#nbnews a:visited,
#aboutus li#nbaboutus a:visited,
#portfolio li#nbportfolio a:visited,
#asia li#nbasia a:visited,
#contactus li#nbcontactus a:visited
{	background-color: #b3a1ca; /* highlight nav button on matching page  */
}

#home li#nbhome a:hover,
#news li#nbnews a:hover,
#aboutus li#nbaboutus a:hover,
#portfolio li#nbportfolio a:hover,
#asia li#nbasia a:hover,
#contactus li#nbcontactus a:hover
{	background-color: #cc9900; /* reset hover colour  */
}

/* modify top right links */

#navcompanycontainer {
	float: right;
	width: 480px;
	display: inline;
}


#navcompanycontainer .strengthen ul {
	border-bottom: none;
	border-right: none;
}

#navcompanycontainer .strengthen li a:link{
	background: none;
	background-image: url(arrow.gif);
	background-repeat: no-repeat;
	background-position: right;	
}

#navcompanycontainer .strengthen li a:visited{
	background: none;
	background-image: url(arrow.gif);
	background-repeat: no-repeat;
	background-position: right;	
}

#navcompanycontainer .strengthen li a:hover{
	background-color: #cc9900;
	background-image: url(arrow.gif);
	background-repeat: no-repeat;
	background-position: right;	
}


#navcompanycontainer .strengthen li{
	border-right: 1px solid #423056;
	border-top: none;
	border-bottom: none;
	
}




/* end STRENGTHEN NAVIGATION */



/* ----------- hide company nav on all pages except home ---------- */

#navcompanycontainer {
	visibility: hidden;	
}
#home #navcompanycontainer {
	visibility: visible;
}



/* ----------- Header and Logo ---------- */




#headerbar {
  
}

#headerbar table {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
}


#headertop {
	float: left;
	width: 743px;
	height: 101px;
	margin-left:31px;
	border-left: 1px solid #FFFFFF;
}

#headerlogo {
	float: left;
	border-left: 1px solid #423056;
	border-bottom: 1px solid #423056;
	display: inline;
}
#headerbottom {
	border-top: 1px #FFFFFF solid;
	float: left;
	width: 100%;
}

td.border1  {
	border-right: 1px #FFFFFF solid;
	background: url(whitepixel.gif) repeat-x bottom;
	width: 31px;	
}
td#logocontain  {
	border-bottom: 1px #FFFFFF solid;
}

/* ----------- float containter areas in headers ---------- */
 

#navcompanycontainer #navcompanies {
	float: right;
}


#navcompanies {
	visibility: hidden;	
	display: none;
}
#home #navcompanies {
	visibility: visible;
	display: inline;
}






/* ----------- Header base on content pages and not on home page  ----------- */

#headerbase {
	clear: both;
	background: #FFFFFF url(bg_headerbase.gif) repeat-x left top;
	height: 10px;
	margin-bottom: 0px;
}


/* ----------- Footer ----------- */


#footer {
	clear: both;
	background-color: #A191BA;
	margin: 0px;
	width: 100%;
	color: #FFFFFF;
}
#footer p {
	font-size: 1.2em;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}

/* ----------- Content Row----------- */

#contentrow {
	clear: both;
	background: #FFFFFF;
	margin-top: 0;
	padding-top: 0;
	display: inline;
	
}

#homecontentrow {
	clear: both;
	padding-top: 20px; /* create space to reveal photo */
	min-height:330px;

	
	
}

/* ----------- Bullet Lists  ----------- */

.bulletlist ul {
	margin-left: 6px;
	padding-left: 6px;
}

.bulletlist li {
	list-style-position: outside;
	margin-top: 0.5em;
	margin-left: 0.5em;
	list-style-type: disc;
	text-indent: 0pt;
	list-style-image: url(gridbullet.gif);
	font-size: 1.2em;
	line-height: 1.2em;
}


/* ----------- Homepage content boxes ----------- */

#homeintrobox {
	float: left;
	width: 465px;
	margin: 0 0 30px 31px;
	color: #FFFFFF;
	padding-top: 15px;  
	background-image: url(bg_intro.png);
	display: inline;	
}

#homeintrobox img {
	float: right;
	margin: 10px 0px 20px 5px;
	display: inline;
	
}
#homeintrobox p {
	margin: 10px 10px 10px 15px;
	
	
}


#homeintrobox a:hover { color: white; text-decoration: none;  }
#homeintrobox a:active { color: white; text-decoration: none;  }



#homeintrosimple { /* when using a simple statement instead of the introbox and newsbox */
	float: left;
	width: 665px;
	margin: 0 0 30px 31px;
	color: #FFFFFF;
	padding-top: 15px;  
	display: inline;	
}

#homeintrosimple h2{ 
	color: #FFFFFF;		
}


#homenewsbox {
	float: right;
	width: 185px;
	margin: 0 62px 30px 0px;
	padding-top: 15px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	background-image: url(gridmustard.gif);
	background-repeat: repeat-x;
	background-position: left top;
	display: inline;
}

#homenewsbox li {
	margin: 10px 15px 1px 10px;
	
}

#homenewsbox a {
	font-size: 1.2em;
	
}


/* ----------- Sidebar ----------- */

#sidebar {
	float: left;
	width: 145px;
	margin: 10px 0 10px 31px;
	display: inline;
}

#sidebar ul li {
  padding: 5px 0 5px 0;
  margin: 0 0 0 0;
}


#sidebar h1 {
	font-weight: normal;

}

#sidebar ul a:hover {
	background: white;
}

/* ----------- Content general ----------- */

#content {
	float: right;
	width: 579px;
	margin: 10px 0 30px 0px;
	display: inline;
}

.backtotop {
	border-top: 1px dotted #999999; 
	padding-top: 5px;
	margin-top: 30px;
	clear: both;
}


h3.band {
	margin-top: 20px;
	border-top: #A797BE 1px solid;
	padding-top: 15px;
	padding-bottom: 8px;
	padding-left: 5px;
	background: #e6e3ef;
	margin-bottom: 20px;
}

#top {
	margin-top: 20px;
}

#col1 { 
	float: left;
	width: 248px;
	margin-right: 31px;
	display: inline;
}
#col2 { 
	float: left;
	width: 248px;
	display: inline;
}


img.spaceabove {
	margin-top: 20px;
}


/* ----------- Content News  ----------- */

#news #content {
	width: 528px;
	display: inline;
	
}
#news #sidebar {
	width: 176px;
	display: inline;
}
#news #sidebar ul li {
  border-bottom: 1px #CCCCCC solid;
  padding: 5px 0 5px 0;
  margin: 0 0 0 0;
}

#news #content img {
	float: right;
	margin: 5px 0 10px 10px;
	display: inline;
}

#news #content img.left {
	float: none;
	margin: 5px 0 10px 0px;
	display: inline;
}

#news #content p {
	padding-right: 124px; /* create 9 word average on each line */
	line-height: 1.4em;
}


/* ----------- Asia  ----------- */

#asia #content p {
	padding-right: 124px; /* create 9 word average on each line */
	line-height: 1.4em;
	
}



/* ----------- Content About Us  ----------- */



.profile {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	width: 496px;
	
}
.picframe {
	clear: left;
	float: right;
	border: 5px solid #e6e3ef;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
	display: inline;
		
}
.picframe img {
	padding: 10px;
}



/* ----------- Content Portfolio  ----------- */

#portfolio #contentrow {
	background: url(gridlilac.gif) repeat;
	padding-top: 2px;
}
#portfolionav {
	background: #e6e3ef;
	border-bottom: #9482AA solid 1px;
	padding: 5px 0px 10px 31px;
	margin: 0 0 25px 0;
}
#portfolionav h1 {
	margin: 0 0 5px 0;
}
#portfolionav ul li{
	float: left; /* makes nav bar horizontal list */
	font-size: 1.3em; 
	width: 217px;
	display: block;
	margin: 0 30px 0 0;
}
#portfolionav ul li a {
	display: block;
	padding: 0 1em 0 1.5em; /* text margin left and right */
	line-height: 1.8em; /* line height valigns text centre  */
	background-image: url(arrowd.gif);
	background-repeat: no-repeat;
	background-position: left;	
}
#portfolionav li a:hover {
	background: #FFFFFF;
	display: block;
	background-image: url(arrowd2.gif);
	background-repeat: no-repeat;
	background-position: left;
}


#portfoliocontent {
	padding: 0px 31px 30px 31px;
}
.portfolioitem {
	margin: 5px 0 0 0; /* vertically space items */
	padding: 0 0 15px 0;
	background: #FFFFFF;
	border-bottom: #A797BE 1px solid;
	float: left;
	width: 713px;
}
.portfolioitem h2 { /* title bar */
	padding-top: 8px;
	padding-bottom: 6px;
	padding-left: 15px;
	background: #e6e3ef;
	margin-bottom: 10px;
	margin-top: 0;
}



.portfolioitem ul {
	margin: 25px 248px 15px 31px; 
}
.portfolioitem p {
	margin: 10px 248px 10px 31px; 
}
.portfolioitem h4 {
	margin: 10px 248px 10px 31px; 
}
.portfolioitem img {
	float: right;
	clear: right;
	margin: 15px 15px 0px 10px;
	display: inline;
}
.portfolioitem img.map {
	float: none;
	margin: 15px 15px 15px 31px;

}






/* ----------- Tables  ----------- */

#content table {
	margin-top: 15px 0px;
}
#content table td {
	vertical-align: top;
	padding: 5px 10px 5px 0px;	
}



#contactus #content table {
	background: #E2DDEA;
	margin: 20px 93px 20px 0px;
}
#contactus #content table td {
	padding: 5px 10px;
}


#content table.process {
	width: 496px;
}

#content td.boxdark{
	background: #E2DDEA;
	text-align: center;
	border-bottom: #AFA0C4 1px solid;
	margin: 0;
	padding: 10px;
	font-weight: bold;	
}

#content td.boxlight {
	background: #EEEEEE;
	text-align: center;
	border-bottom: #CCCCCC 1px solid;
	margin: 0;
	padding: 5px;
}

#content td.arrowdown {
	text-align: center;
	margin:0 0 0 0;
	padding: 0 0 0 0;
}





/* ----------- END CSS ----------- */