/* 	---------------------------------------------------------------------------------------------------------
		CONTAINS SOME RESETS AND OTHER ELEMENTS FROM: Blueprint CSS Framework 0.8 - http://blueprintcss.org
	--------------------------------------------------------------------------------------------------------- */
/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
input, textarea { margin:0; padding:0; }
/* grid */
.column { float:left; }
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/* FORCE VERTICAL SCROLLBAR */
/*html{min-height:100%;margin-bottom:1px;}*/
html{ overflow-y:scroll; }
/* typography */
body { font-size:75%; font-family: Tahoma, Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif; }
input, textarea { font-size:1em; font-family: Tahoma, Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; letter-spacing: 2px; }
h2, h3, h4 { line-height: 1em; }
h2 { font-size:1.6em; padding: 0 0 10px 0; }
h3 { font-size:1.2em; text-transform:uppercase; margin:20px 10px 0 10px; padding:5px; clear:both; position:relative; }
h4 { font-size:1.2em;  }
li span, li a, #pagenav a, #pagenav, #contact div.button input, .contact div.button input { text-transform:uppercase; text-decoration:none; }
#header h1 { text-indent:-1234em; }
p, #menu li span, #menu li a, li { font-size:.95em; }
#contact div.button input, #contact label { font-size:.8em; }
.contact div.button input, .contact label { font-size:.8em; }
#footer{ font-size:.7em; }
strong, #pagenav { font-weight:bold; }
address { font-style:normal; }
/* colors & graphics */
body, #footer { background-color: #f8f8f8; }
p, li { color:#cfcfcf; letter-spacing: .3px; }
#positions p, #NetStudy p  { letter-spacing: .5px; }
a { color: #a7a7a7; }
a:hover { color:#ddd; }
li span { color:#fff; }
h3 { background-color:#424242; border-bottom:1px solid #000; }
.work, #positions div, #formBox { border:1px solid #424242; } 
#positions div div { border:none; }
#document { background: #f8f8f8 url(img/background.png) top center repeat-y; }
#header { background: url(img/header.png) center top no-repeat; }
h1 a { text-indent: -9999px; background: url(img/spacer.png); display: block; position: absolute; margin: 70px 0 0 40px; width:100px; height:45px; border:none; }
#header li a { color:#070707;  }
#header li a:hover { color:#676767; }
#header li span { color:#979797; }
#page { background-color:#000; color: #eee; }
#home #page { background-image: url(img/backgrounds/home.jpg); background-repeat:no-repeat; }
#about #page { background-image: url(img/backgrounds/about.jpg); background-repeat:no-repeat; }
#about img { border:1px solid #424242;  }
.threedillustration #page { background-image: url(img/backgrounds/services.heliovolt.jpg); background-repeat:no-repeat; }
.webbasedlearning #page { background-image: url(img/backgrounds/services.netapp.jpg); background-repeat:no-repeat; }
.webinteractive #page { background-image: url(img/backgrounds/services.panduit.jpg); background-repeat:no-repeat; }
.strategycampaigns #page { background-image: url(img/backgrounds/services.bf.jpg); background-repeat:no-repeat; }
.mobilesoftwareapps #page { background-image: url(img/backgrounds/services.iphone.jpg); background-repeat:no-repeat; }
.copywriting #page { background-image: url(img/backgrounds/services.ali.jpg); background-repeat:no-repeat; }

.overview #page { background-image: url(img/backgrounds/about.jpg); background-repeat:no-repeat; }
.services #page { background-image: url(img/backgrounds/services.heliovolt.jpg); background-repeat:no-repeat; }
.team #page { background-image: url(img/backgrounds/about.jpg); background-repeat:no-repeat; }

#contact #page { background-image: url(img/backgrounds/contact.jpg); background-repeat:no-repeat; }
.contact #page { background-image: url(img/backgrounds/asia_contact.jpg); background-repeat:no-repeat; }

#menu ul li a { background: url(img/submenutab.png) left top no-repeat; }
#menu ul li span { background: url(img/submenutab.png) -200px top no-repeat; }
#home #page ul li a { background: url(img/icons/whtarr.gif) left .4em no-repeat; }
#contact address { color:#ddd; }
#contact label { color:#808080; }
#contact input, #contact textarea { background: #111; color:#eee; border:1px solid black; }

.contact address { color:#ddd; }
.contact label { color:#808080; }
.contact input, .contact textarea { background: #111; color:#eee; border:1px solid black; }

#pagenav { color:#002736; }
#pagenav a.back { background: url(img/icon/leftarrow.png) left center no-repeat; }
#pagenav a.next { background: url(img/icon/rightarrow.png) right center no-repeat; }
#footer{ background-image: url(img/footer.png); background-repeat:no-repeat; color:#b2b2b2; }
/* layout/positioning */
hr { visibility:hidden; clear:both; height:0; }
p { padding: 5px 0; }
#services p { padding: 5px 15px 5px 20px; }
#services #head p { padding: 5px 0; }
#document { width:890px; margin:0 auto; }
#header { height: 127px; position:relative; overflow:hidden; }
#header ul { list-style:none; position:absolute; bottom:11px; right:16px; }
#header li { float:left; }
#header li span, #header li a { display:block; padding:0; margin: 0 32px 0 0; }
#page { width:810px; margin:0 40px; padding:0 0 20px 0; position:relative; }
#home #page { width:790px; height:520px; padding: 85px 0 0 20px; }/*810x603*/
#home #page p { width:500px; }
#home #page ul { list-style:none; position:absolute; top:390px; left:20px; width:790px; }
#home #page ul li { float:left; display:inline; width:140px; border:0px solid blue; padding:0 27px; }
#home #page ul li a { text-align:left; text-transform:uppercase; display:block; margin:20px 0 0 0; padding:0 0 0 10px; }
#work #page { padding:20px 0; }
#menu ul { list-style:none; margin:0 3px; }
#menu ul li { float:left; }
#menu li span, #menu li a { display:block; padding:8px 0 0 20px; margin:0; height:27px; }
#about #menu ul li { width: 201px; }
#asia_pacific #menu ul li { width: 201px; }
#services #menu ul li { width: 201px; }
#services #menu li span, #services #menu li a { padding-top:2px; height:35px; }
#main { padding-bottom:20px; clear:both; }
#head { padding:50px 20px; }
.team #head, .career #head { height:260px; }
.services #head { height:285px; }
#contact #head, #services #head, .contact #head { height:300px; }
#head p, #head ul { width:400px; }

#contact address { position:absolute; top:292px; left:140px; }
#contact address span, #contact label { display:block; }
#contact #formBox { padding:10px; position:relative; }
#contact form fieldset { float:left; width: 382px;  }
#contact form div { padding:5px 0 5px 10px; }
#contact input{ width:304px; padding:4px 4px 0px 4px; height:24px; }
#contact textarea { padding:2px 4px 0px 4px; width:365px;  }
#contact div.button { clear:both; padding:4px 2px 0 0; text-align:right; }
#contact div.button input { width:90px; padding:5px 0 10px 0; height:30px; }

.contact address { position:absolute; top:270px; left:180px; }
.contact address span, .contact label { display:block; }
.contact #formBox { padding:10px; position:relative; }
.contact form fieldset { float:left; width: 382px;  }
.contact form div { padding:5px 0 5px 10px; }
.contact input{ width:304px; padding:4px 4px 0px 4px; height:24px; }
.contact textarea { padding:2px 4px 0px 4px; width:365px;  }
.contact div.button { clear:both; padding:4px 2px 0 0; text-align:right; }
.contact div.button input { width:90px; padding:5px 0 10px 0; height:30px; }

#positions div { clear:both; position:relative; }
#positions div div { margin:10px 0 0 0; }
#positions h4 { padding: 10px 0 0 0; }
.services #positions h4 { padding: 10px 0 0 10px; }
#positions img { margin:5px 10px 0 5px; }
#positions div p { padding: 5px 10px 10px 10px; }
#services h3, #work h3 { margin:0 15px; }
#study div, .work { margin:0 15px; } 
.image { width:778px; height:392px; }
.image img { margin: 5px 5px 18px 5px; }
#positions div, #formBox { margin:0 10px; } 
.work { margin:0 15px 20px 15px; }
#study p { margin:5px 15px; }
#pagenav { text-align:center; line-height:1em; }
#pagenav span { display:block; }
#pagenav a.back { float:left; padding:0 0 0 12px; }
#pagenav a.next { float: right; margin-top:-1em; padding:0 12px 0 0; }
#footer{ padding:5px 0 0 40px; height:40px; }
a:active { outline:none; }
a:focus { -moz-outline-style:none; }
div.imageLinks { position: absolute; margin: 100px 0 0 0; }
img.aboutButton { width: 133px; height: 106px; margin: 0 0 0 20px; }
img.servicesButton { width: 133px; height: 114px; margin: 0 0 -3px 60px; }
img.workButton { width: 81px; height: 116px; margin: 0 0 11px 78px; }
img.contactButton { width: 127px; height: 103px; margin: 0 0 0 77px; }