/* CSS Document */
/* Toan Duong */
/* Arrow Internet Marketing http://www.searchenginerankings.com.au */

body {background:url(images/bg-background.jpg) repeat-x #545454; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; position:relative;}

a {text-decoration:none; color:#0066CC;  }
a:hover {text-decoration:none;}

a.white {color:#FFFFFF; text-decoration:none;}
a.white :hover { text-decoration:underline;}

p {letter-spacing:1px; line-height:150%;}

h1, h2 {font-size:22px; font-size:bold; padding:0px; margin:0px;}

#container {width:900px; color:#CCCCCC; padding:0px; margin:10px auto; position:relative;}

#top {display:block; height:inherit; text-align:right; height:50px; position:relative; margin-right:10px;}
#top img {float:right; margin:7px 5px 0px 0px;}
#top h1 {font-size:16px; width:400px; float:left; text-align:left; margin:10px 0px 0px 10px;}
#top p {padding:0px; margin:0px; font-size:30px; float:right;}

#banner { margin-top:5px; width:900px; position:relative; float:left;}
#banner .logo {width:220px; height:250px; float:left; background:url(images/bg_logo_corner.png) top left no-repeat #2f7adf; text-align:center; padding-top:30px;}
#banner .logo p {font-size:25px; font-weight:bold; padding:10px 0px 0px 0px; margin:0px; line-height:30px;}
#banner .phone {padding-top:30px; font-size:25px; text-align:center; color:#FFFFFF;}
#banner .logo em {font-size:40px; text-transform:uppercase; font-weight:bold; font-style:normal; color:#FFFFFF; padding:0px; margin:0px;}
.image {width:680px; height:280px; float:left;}


#page {background:#FFFFFF; color:#0066CC; margin-top:5px; display:block; position:relative; float:left;}
#pagehome {background:#FFFFFF url(images/bg-contact.jpg) bottom right no-repeat; color:#0066CC; margin-top:5px; display:block; position:relative; float:left;}
#content { width:900px; margin:0px 0px 0px 0px; float:left; position:relative;}
#content-s { width:600px; margin:0px 0px 0px 0px; float:left; position:relative;}
#content h1, #content-s h1 {font-size:24px; padding:5px 0px;}
#content h2, #content-s h2 {font-size:18px; padding:5px 0px;}
#content h2.indent { padding-left:20px;}
#content .highlight {font-size:35px; text-align:right; font-weight:bold; float:right; margin-right:60px;}
#content p, #content-s p {margin:0px; margin-bottom:10px;}
#content p.indent { padding-left:30px;}

#content .item-contact {padding:10px; font-size:12px; background:#0066FF;} 
#content .intro, #content-s .intro {font-weight:bold; font-size:14px;}
#content .item  { margin:10px 0px 0px 0px; padding:0px 10px 0px 10px; width:880px; float:left; position:relative;}

.section {position:relative; display:block; float:left; width:580px; padding-top:10px;}
.section img { padding:0px 0px 0px 10px; background:url(images/bg-img.jpg) left top no-repeat; float:left;}
.section h4 {font-size:16px; font-weight:bold; width:270px; margin-left:10px; float:left;}
.section p { padding-left:10px; float:left; width:270px;}

.sectionalt {position:relative; display:block; float:left; width:580px; padding-top:10px;}
.sectionalt img { padding:0px 0px 0px 10px; background:url(images/bg-img.jpg) left top no-repeat; float:right;}
.sectionalt h4 {font-size:16px; font-weight:bold; width:270px; margin-left:10px; float:left;}
.sectionalt p { padding-left:10px; float:left; width:270px;}

p.small {font-size:12px;}

#sidebar {width:300px; float:left; margin-top:10px;}
#sidebar h3 { font-size:14px; color:#0066FF; margin:3px 5px; padding:10px 0px;}

#form { display:block; background:#CCCCCC; margin:0px 0px 10px 0px; width:300px; float:right; height:290px;}
#form h3 {display:block; text-align:center; background:#0066FF; color:#FFFFFF; margin:0px; padding:10px 0px;}

#feature {display:block; padding:20px 0px 0px 0px; float:left; position:relative;}
#feature p {margin:10px; padding:0px; font-size:12px;}
#feature h3 { font-size:14px; color:#0066FF; margin:3px 10px; padding:0px;}
#feature .box1 {width:200px; margin:0px 10px 0px 10px; float:left;}
#feature .small {width:100px; margin:0px 10px 0px 10px; float:left;}
#feature .box2 {width:200px; margin:0px; float:left;}
#feature .box3 {width:200px; margin:0px 0px 0px 10px; float:left; text-align:center;}

#contact { font-size:18px; width:190px;text-align:center; float:right; padding:0px; margin:0px; color:#FFFFFF;}
#contact a {color:#CCCCCC; text-decoration:none; padding:0px; margin:0px;}
#contact a:hover {color:#FFFFFF;}


#offer {float:right; margin:10px 0px 0px 10px;}

#contactbox {font-size:20px; width:200px; height:60px; padding:190px 0px 0px 0px; text-align:center; background:url(images/bg-contact.jpg) bottom no-repeat; text-align:center; float:right; color:#FFFFFF; margin:25px 0px 20px 0px;}
#contactbox a {color:#CCCCCC; text-decoration:none; padding:0px; margin:0px; font-size:20px;}
#contactbox a:hover {color:#FFFFFF;}

#enquire {font-size:20px; width:200px; height:60px; padding:190px 0px 0px 0px; text-align:center; background:url(images/bg-contact.jpg) bottom no-repeat; text-align:center; float:right; color:#FFFFFF; margin:-30px 0px 0px 0px;}
#enquire a {color:#CCCCCC; text-decoration:none; padding:0px; margin:0px; font-size:20px;}
#enquire a:hover {color:#FFFFFF;}

.readmore { display:block; float:right; background:url(images/ico-more.png) no-repeat; margin-top:5px; padding:0px 10px 0px 15px;}
.readmore a {text-decoration:none; color:#333333;}
.readmore a:hover {color:#0066FF;}

#footer {clear:both; display:block; text-align:center; background:url(images/bg-bottom.jpg) no-repeat #545454; color:#CCCCCC; padding:35px 0px 10px 0px; font-size:10px;}
#footer p {padding:0px; margin:0px;}
#footer a {color:#CCCCCC; text-decoration:none;}
#footer a:hover { color:#0099FF;}

.bluebox { background:#0066FF; color:#FFFFFF;}
.bluebox p {font-size:12px;}

ul.arrow { list-style-type:none; padding:0px 0px 0px 130px; margin:0px; font-size:20px;}
ul.arrow li {background:url(images/li_arrow.png) no-repeat left; padding:15px 0px 15px 45px; margin:0px;}

.clear {clear:both; font-size:1px;}

/*Slideshow */ 
#slideshow {padding:0px; margin:0px;}
ul.ppt {
	float:left; width:680px; position:relative; padding:0px; margin:0px;
}
.ppt li {
	list-style-type: none; padding:0px; margin:0px; position:absolute; top:0px; left:0px;
}
.ppt img {
padding:0px; margin:0px; float:left; width:680px; height:280px;
}