* {margin: 0; padding: 0;}

body {
	font-family: 'Lucida Grande',Arial,sans-serif;
	font-size: .8em;
	line-height: 18px;
	color: #666;
	text-align: center;
	margin: 37px 0 10px 0;
	background: #e7eff5 url('../images/template/bg.gif') repeat-x 0 0;}
	
div {text-align: left;}

li {list-style: none;}

.cleaner {clear: both;}

h2, h1, h3, h4, h5 {
 font-weight: normal; color: #2b5275; line-height: 18px; margin-bottom: 12px; }
 
h2 {display: none;}
h1 {font-size:1.4em;}
h3 {font-size: 1.2em; padding-bottom: 10px; border-bottom: 1px solid #e7eff5;}
h4 {font-size: 1em; color: #699bc9; font-weight: bold;}
 
p, ul, ol {margin-bottom: 18px;}

ul {list-style: none; color: #2b5275;}

ul li {
 padding-left: 12px;
 margin-left: 10px;
 background: transparent url('../images/li-bullet.gif') no-repeat 0 50%;}

a { 
 text-decoration: none;
 color: #699bc9;	 
 padding-bottom: 1px;
 background: transparent url('../images/a-underline.gif') repeat-x 100% 100%;}

a:hover {color: #2b5275;}

.hide, span {display: none;}

.divider {width: 438px; height: 1px; float: left; margin: 15px 0; background: #e7eff5;}

img, a {outline:none;}

abbr, acronym, span.abbr {cursor: help;  border-bottom: 1px dotted #000;}

	
/*-------------------------------------------------------------------------mains-----------------*/

#container {width: 760px; margin: 0 auto;}

#container-left {
 width: 20px; height: 539px; margin-top: 70px; float:left;
 background: #699bc9 url('../images/template/bg-left.gif') no-repeat 0 0;}
#container-leftt {
 width: 20px; height: 900px; margin-top: 70px; float:left;
 background: #699bc9 url('../images/template/bg-left-big.gif') no-repeat 0 0;}
 #container-lefttt {
 width: 20px; height: 1350px; margin-top: 70px; float:left;
 background: #699bc9 url('../images/template/bg-left-bigger.gif') no-repeat 0 0;}
 
#container-center {
 width: 720px;
 float: left;
 background: #fff;}

#container-right {
 width: 20px; height:539px; margin-top: 70px;float: left;
 background: #699bc9 url('../images/template/bg-right.gif') no-repeat 0 0;}
#container-rightt {
 width: 20px; height:900px; margin-top: 70px; float: left;
 background: #699bc9 url('../images/template/bg-right-big.gif') no-repeat 0 0;}
  #container-righttt {
 width: 20px; height: 1350px; margin-top: 70px; float:left;
 background: #699bc9 url('../images/template/bg-right-bigger.gif') no-repeat 0 0;}

#wrapper {
 width: 700px;
 margin: 0 10px;
 display: inline;
 float: left;}
 
 
/*----------------------------------------------Header, Footer---------------------------------*/

#header {
 width: 720px;
 height: 87px;
 background: #e7eff5 url('../images/template/bg-header.gif') no-repeat 0 0;
 float: left;}

#logo {	
 width: 220px; 
 height: 72px;
 margin: 12px 0 0 27px;	
 background: transparent url('../images/template/a-logo.gif') no-repeat 0 0;
 display: inline-block;
 float: left;}

#footer {
 width: 720px;
 height: 52px;
 margin: 10px 0 0 0;
 background: #e7eff5 url('../images/template/bg-footer.gif') no-repeat 0 0;
 float: left;}
 
#copyright {
 margin: 16px 0 0 20px;
 font-size: 11px;
 color: #b9bcbe;	
 display: inline;
 float: left;}
 
 
/*----------------------------------------------------------------FooterLinks-----------------*/

#footerlinks {
 text-transform: lowercase;
 margin: 16px 30px 0 0;
 display: inline;
 float: right;}

#footerlinks li {
 height: 19px;
 background: transparent url('../images/template/bg-header-divider.gif') no-repeat top right;
 margin: 0;
 padding: 0 10px;
 display: inline;
 float: left;}

#footerlinks li {background: transparent url('../images/template/bg-footer-divider.gif') no-repeat top right;}
#footerlinks li.last {background: none; padding: 0 0 0 10px;}
#footerlinks a {font-size: 11px; color: #699bc9; background: none; white-space: nowrap;}
#footerlinks a:hover {color: #2b5275;}

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

#content {width: 700px; margin-top: 10px; float: left;}

#content-left {width: 232px; float: right;}

#content-right {width: 438px; margin: 18px 10px; display: inline; float: left;}

#content-right a {text-transform: none;}
#content-right a:hover { background: #f2f6f9 url('images/a-underline.gif') repeat-x 100% 100%;}

/*-------------------------------------------------------------banner---------------------------*/

#banner {width: 700px; height: 101px; margin: 10px 0; float: left; 
background: transparent url('../images/template/glacier.jpg') no-repeat 0 0;}


/*----------------------------------------------------------------------side--------------------*/

#side {
 background: #e7eff5 url('../images/template/bg-corevalues.gif') no-repeat 100% 100%; 
 text-transform: lowercase;
 float: left;}

#side h3 {
 width: 232px; height: 140px;
 margin: 0; padding: 0;
 background: transparent url('../images/template/bg-corevalues.jpg') no-repeat 0 0;}
 
#side ul {margin: 15px 20px 0 20px; padding: 0;}

#side ul li {
 font-size: 12px;
 color: #699bc9;
 margin: 5px 0;}

#side a#more {
 width: 127px;
 height: 36px;	
 margin: 10px 10px 10px 14px;
 background: url('../images/template/btn-fom.gif') no-repeat 0 0;
 display: block;}

#side a#more:hover {background-position: 0 -36px;}
 
 /*----------------------------------------------------------Navigation--------------------------*/

#navigation {
 width: 700px;
 float: left;
 margin: 0;
 border-bottom: 6px solid #2b5275;
 display: inline;
 float: right;}

#navigation li {
 margin: 0;
 padding: 0;
 list-style: none;
 white-space: nowrap;
 display: inline;
 float: right;}

#navigation a {
 margin: 0 1px 0 0; 
 padding: 0 0 0 14px;
 color: #fff;	 
 font-size: 12px;  	
 text-transform: lowercase;
 background: #76bae6 url('../images/template/bg-nav-left.gif') no-repeat left top;
 display: inline-block;
 float: left;}

#navigation a span {    
 padding: 5px 14px 6px 0;  
 background: #76bae6 url('../images/template/bg-nav-right.gif') no-repeat right top;
 display: block;
 float: left;
 white-space: nowrap;}
 
#navigation a:hover {background: #4d80ad url('../images/template/bg-nav-left.gif') no-repeat 0 -52px;}

#navigation a:hover span {background: #4d80ad url('../images/template/bg-nav-right.gif') no-repeat 100% -52px;}

/*Active State*/	
body.home #navigation .home,
body.about #navigation .about,
body.design #navigation .design,
body.Websites #navigation .Websites,
body.contact #navigation .contact
{background: #124577 url('../images/template/bg-nav-left.gif') no-repeat 0 -104px;}

body.home #navigation .home span,
body.about #navigation .about span,
body.design #navigation .design span,
body.Websites #navigation .Websites span,
body.contact #navigation .contact span
{background: #124577 url('../images/template/bg-nav-right.gif') no-repeat 100% -104px;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span {float: none;}
/* End IE5-Mac hack */
#navigation a:hover span {color: #2b5275;}

 /*--------------------------------------------------------holder--------------------------*/
 
#holder {width:650px; padding:20px;}


 /*--------------------------------------------------------design--------------------------*/

#design, #photo,#code, #seo { width:440px; height:100px; border-bottom:1px dotted #699bc9;padding:20px 20px 20px 200px; margin:0px auto;} 
#anal { width:440px; height:100px;padding:20px 20px 20px 200px; margin:0px auto 10px;}
 
 #design {background:url(../images/design/design.jpg) no-repeat center left;}
 
 #photo { background:url(../images/design/photo.jpg) no-repeat center left;}
 
 #code {background:url(../images/design/programming.jpg) no-repeat center left;}
 
 #seo {background:url(../images/design/seo.jpg) no-repeat center left;}
 
 #anal {background:url(../images/design/analytics.jpg) no-repeat center left;}
 
 
  /*--------------------------------------------------------Websites--------------------------*/
.holderbox {position:relative; float:left; width:266px; height:360px;  padding:10px; margin:15px 10px 20px 10px; background: url(../images/template/holder.jpg) bottom no-repeat;}

.holderbox a.visit {
 width: 127px;
 height: 36px;	
 margin: -10px 0px 0px 0px;
 position:absolute; bottom: 5px; right:5px;
 background: url('../images/template/visit.gif') no-repeat 0 0;
 display: block;}

.holderbox a.visit:hover {background-position: 0 -36px;}

#quote {padding:20px 15px;} p.italic { font-style:italic;} p.right {text-align: right;} p.center {text-align:center;}
 
#highway, #street, #biahoi, #abd, #minsk, #fc, #wed, #tour, #kristine, #pumpkin, #unesco, #env, #sontinh, #vietcelts, #envn, #burma, #carbon, #cherie, #prieure, #eden, #abdphoto, #rabh, #vpt {margin: 0 0 30px 30px; width:266px; border:none; padding-top:190px; float:left;}
 
#highway { background:url(../images/Websites/highway.jpg) no-repeat center top ;}
#street {background:url(../images/Websites/street.jpg) no-repeat center top ;}
#biahoi { background:url(../images/Websites/biahoi.jpg) no-repeat center top ;}
#abd { background:url(../images/Websites/abdphoto.jpg) no-repeat center top ;}
#fc { background:url(../images/Websites/fc.jpg) no-repeat center top ;}
#wed { background:url(../images/Websites/wedding.jpg) no-repeat center top ;}
#tour { background:url(../images/Websites/tour.jpg) no-repeat center top ;}
#kristine { background:url(../images/Websites/kristine.jpg) no-repeat center top ;}
#unesco { background:url(../images/Websites/unesco.jpg) no-repeat center top ;}
#pumpkin { background:url(../images/Websites/pumpkin.jpg) no-repeat center top ;}
#env { background:url(../images/Websites/env.jpg) no-repeat center top ;}
#sontinh { background:url(../images/Websites/sontinh.jpg) no-repeat center top  ;}
#vietcelts { background:url(../images/Websites/vietcelts.jpg) no-repeat center top  ;}
#burma { background:url(../images/Websites/indo-myanmar.jpg) no-repeat center top  ;}
#envn { background:url(../images/Websites/envn.jpg) no-repeat center top  ;}
#carbon { background:url(../images/Websites/indo-carbon.jpg) no-repeat center top  ;}
#cherie { background:url(../images/Websites/cherie.jpg) no-repeat center top  ;}
#prieure { background:url(../images/Websites/prieure.jpg) no-repeat center top  ;}
#eden { background:url(../images/Websites/eden.jpg) no-repeat center top  ;}
#abdphoto { background:url(../images/Websites/abd.jpg) no-repeat center top  ;}
#rabh { background:url(../images/Websites/rabh.jpg) no-repeat center top  ;}
#vpt { background:url(../images/Websites/vietnam-photo-tours.jpg) no-repeat center top  ;}

  /*--------------------------------------------------------Contact--------------------------*/
  
.form {color:#699BC9;font-size:13px;font-weight:bold;;margin:10px 0 5px 0;}
input, textarea {background: #e7eff5; color:#2b5275; font-size:14px; padding:2px;}
label {display:block;}

#address {float:right; margin:20px 30px 0 0; padding:10px 10px 0 10px; border:1px solid #2b5275; width:170px;}

  /*--------------------------------------------------------flash---------------------------*/

.movie {width: 100%;height: 100%;}

div.movie {height:300px;margin:-10px auto 10px;padding:0px;text-align:center;width:700px; border-bottom:1px solid #e7eff5;}