/* ===== RESET ===== */
body{color:#222;background:#FFF; font-size:0.6875em; /*11px*/ line-height:1.5em; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal;font-weight:normal; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var,strong,b,h1,h2,h3,h4,h5,h6,tt,sup,sub,samp{font-family:inherit;font-weight:inherit;font-style:inherit;font-size:inherit;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* ===== BUILDUP ===== */
p {padding:.5em 0 .5em 0;}
h1 {font-size:1.818em; /*20px*/ padding:.8em 0 .5em 0}
h2 {font-size:1.455em; /*16px*/ padding:.7em 0 .5em 0}
h3 {font-size:1.273em; /*14px*/ padding:.6em 0 .5em 0}
h4,h5,h6,caption {font-size:1em; padding:.5em 0 .5em 0}
h1,h2,h3,h4,h5,h6,caption {font-weight:bold;}
hr { height: 1px; border-style: solid; color: #DDD; background: #FFF; border-width:1px 0 0 0; border-color:#DDD; clear:both;}
ul {padding:.5em 0 .5em 1.5em;}
ul li {list-style-image:none; list-style-type:disc;}
table ul {padding:.5em 0 .5em 1.5em; display:block;}
table ul li {list-style-image:none; list-style-type:disc;}
ol {padding:.5em 0 .5em 1.5em; }
ol li {list-style-image:none; list-style-type:decimal;}
dl {padding:.5em 0 .5em 1.5em; list-style-image:none; list-style-type:none;}
li {list-style-position:outside;}
dt {font-weight:bold; list-style-type:inherit;}
dd {padding-left:1em; list-style-type:inherit;}
address {padding:.5em 0 .5em 0; font-size:1em}
b,strong {font-weight:bold}
em, cite, dfn {font-style:italic;}
strong {font-weight:bold;}
abbr, acronym {letter-spacing:0.1em; text-transform:uppercase;}
abbr[title], acronym[title], dfn[title] {border-bottom:1px solid #CCCCCC; cursor:help; }
pre {border:1px solid #bbb; background: #f9f9f9; padding:0.5em; margin-top:1em; font-size:1em; font-family:"Courier New", Courier, mono }		
blockquote {padding:.5em 0 .5em 60px; background:url(/shared/shared_rootsite/images/graphics/quote_left.gif)  0 .86em no-repeat; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#9aa1ac; font-size:1.455em; line-height:1.455em;}
q:before {content:'“';}
q:after {content:'”';}
q q:before {content:'‘';}
q q:after {content:'’';}
small { font-size:.727em;}
sub{ vertical-align:text-bottom; font-size:.727em}
sup{ vertical-align:text-top; font-size:.727em}
tt, code, samp { font-family:"Courier New", Courier, mono;}
del, s, strike {color:#666666; text-decoration:line-through;}
ins, dfn {border-bottom:1px solid #CCCCCC;}
fieldset {border:1px solid #CCCCCC; margin-top:1em;}
fieldset div {padding:1em 0 0 .5em}
legend {background:#FFFFFF none repeat scroll 0%; margin:0 .4em; padding:0 .1em}
label {font-size:1em; font-weight:bold;}
input {font-size:1em; padding:.1em}
textarea {font-size:1em; padding:.2em; font-family:Arial, Helvetica, sans-serif;}
input, select, button {cursor:pointer;}	
a:link{text-decoration:underline; color:#3300FF;}
a:visited{text-decoration:underline; color:#CC33CC}
a:hover{text-decoration:underline; color:#FF0000;}
a:active{text-decoration:underline; color:#0099FF; outline:none}
table {margin-top:1em; border:1px solid #DDD;}
th, td {padding:0.5em; vertical-align:top;}
th {border:1px solid #DDD; font-weight:bold;}
td {text-align:left;}
th[scope="col"], thead th, thead td {border-bottom:1px solid #CCC; text-align:left; background:#DDD;}
th[scope="row"] {border-right:1px solid #CCC; text-align:right; background:#DDD;}
tfoot th, tfoot td {border-top:1px solid #DDD; background:#EEE;}

.invis{width:0px; height:0; margin:0; padding:0; display:none; visibility:hidden}
.clear {clear:both}
.imageleft, .alignleft{float:left; padding:0 1em 0 0.5em;}
.imageright, .alignright{float:right; padding:0 0.5em 0 1em;}
.infobox{display:block; padding:1px; border:1px solid #DDD; color:#000000; margin:.5em .5em 1em .5em ; overflow:hidden;}
.infobox p {margin:.5em}
.infobox h3 {display:block; padding:.2em .5em; margin:0 0 .5em 0; background:#DEF; text-align:left;}
.infobox img {margin:0 .8em;}
.infobox .imageleft img, .infobox .alignleft img,
.infobox .imageright img, .infobox .alignright img{margin:0}

.left {	float:left; width: 46%; padding:1%; display:block;}
.right { float:right; width: 46%; padding:1%; display:block; clear:right;}
.left li, 
.right li  { margin:0 0 0 1.5em }

a:link {color:#039; text-decoration:none; border:none;}
a:visited {color:#609; text-decoration:none;}
a:active,
a:hover {color:#669; border:none; text-decoration:underline;}
a:hover {text-decoration:underline}
html, body{	background:  url(images/background.jpg) no-repeat center top #000; height:100%}
#head, #banner, #nav, #main, #footer {width:100%; text-align:center; padding:0; margin:0; clear:both; float:left;}
.center{ margin:0 auto; padding:0; width:768px; text-align:left; }

/* Head */
#head .center { overflow:hidden; height:73px; background: url(images/head.jpg) #eaeaea no-repeat;}
#head .center h1, #head .center h2 {padding:0; margin:0; margin:-100px 0 0 0; }
#head .center p{padding:0; margin:10px 0 0 0; float:right; width:50%; color:#FFFFFF; }
#head .center h2 { padding:0;}
#head .center h1 a:link,
#head .center h1 a:visited,
#head .center h1 a:active,
#head .center h1 a:hover{ height:173px; text-decoration:none; color:#000; font-size:0; display:block; margin:0}

#banner .center{background: url(images/lower_anner.jpg) top left repeat; overflow:hidden;}

/* Navigation */
#nav .center{background:url(images/nav_bg_off.gif) repeat-x top left #fff; overflow:hidden;}
#nav .center ul { float:right; padding:0;  }
#nav .center li { list-style-type:none; list-style-image:none; float:left; display:block; }
#nav .center li a:link,
#nav .center li a:visited,
#nav .center li a:hover,
#nav .center li a:active{color:#4D7CA7;	display: block;	float:left; padding: .5em 1em; font-weight:bold; text-decoration:none; border-top: 2px #FFF solid;}
#nav .center li a:hover,
#nav .center li a:active{	color:#6D9CC7; background: #F5F5F5; border-top: 2px #4D7CA7 solid;}
#nav .center li.current_page_item a:link,
#nav .center li.current_page_item a:visited,
#nav .center li.current_page_item a:hover,
#nav .center li.current_page_item a:active{color:#555; background-color:#fff; border-top:2px #6D9CC7 solid;}

/* Main */
#main {background: url(images/body_bg.jpg) repeat-y #000 center top; overflow:hidden; }
#main .center {overflow:hidden; background: url(images/center_bg.jpg) #fff bottom left repeat-x; padding:0 0 1em 0; min-height:400px;}

/* Left col */
#main .center .leftcol{float:left;  width:66%; margin:0 0 0 2%; padding: 0 2%; background:#FFF;}
#main .center .leftcol .date {margin:1em .5em; border:1px solid #DFEAF7; padding:1px; background:#fff; display:block; float:left; width: 4em;}
#main .center .leftcol .date .month {display: block;	color: #E1F6BC;	text-align: center;	text-transform: uppercase; font-weight: bold; background:url(images/month.gif) repeat-x top left #94bce3;}
#main .center .leftcol .date .day {display: block;	color: #FFFFFF;	font: 3em Georgia;	text-align:center; background:url(images/day.gif) repeat-x top left #8eb6db; border-top:1px solid #c1dbf3; padding-bottom:.2em}
#main .center .leftcol p img {padding:.5em; float:left;}
.post-title{ font-weight: normal; font-size: 2em; line-height:1.2em; }
.post-title a:link, 
.post-title a:visited, 
.post-title a:active {text-decoration: none; color:#4D7CA7;}
.post-title a:hover {text-decoration: underline; color:#6D9CC7;}
.post-footer {background:#DEF; padding:.5em;}
.post .press {display:block; background: #EEE url(images/press.jpg) top right no-repeat;}
.post  ul.press {padding: .5em 0; clear:both;}
.post .press li {color:#000099; margin:0em 0pt 0pt 3em;}
.post .press a:link,
.post .press a:active,
.post .press a:hover {color:#000099;}

/* Right col */
#main .center .rightcol{float:right;  width:20%; margin:0 2% 0 0; padding:0 2%; background:#FFF;}
#main .center .rightcol .sideblock{display:block; padding:1px; border:1px solid #DDD; color:#000000; margin:.5em 0 1em 0; overflow:hidden;}
#main .center .rightcol .sideblock h3 { display:block;	color:#4D7CA7; font-weight:bold; background:#DEF; padding: .2em 0 .2em .5em; }
#main .center .rightcol .sideblock ul {padding:0pt 0pt 0pt 29px;}
#main .center .rightcol .sideblock li {}
#main .center .rightcol .sideblock li a:link,
#main .center .rightcol .sideblock li a:active,
#main .center .rightcol .sideblock li a:visited, 
#main .center .rightcol .sideblock li a:hover{display:block; width:100%; padding:.2em 0; color:#4D7CA7;}
#main .center .rightcol .sideblock li a:hover {	color:#6D9CC7;}

/* Center col */
#main .center .centercol{float:left;  width:92%; margin:0 2%; padding:0 2%; background:#FFF;}
#main .center .portthumb a:link,
#main .center .portthumb a:visited,
#main .center .portthumb a:hover,
#main .center .portthumb a:active {text-decoration:none}
#main .center .portthumb img {padding:5px}
#footer{ background: url(images/footer_bg.jpg) #000 top center no-repeat ; height:75px;}
#footer .center {background:#ca640c; padding:.5em 0; text-align:center; margin-bottom:.5em;}

/* Verticle Accordion 
.haccordion {overflow:hidden;}
.haccordion .header, .haccordion .content{float: left; height: 118px; padding:0; margin:0; display: block; overflow:hidden;}
.haccordion .header{width:27px; cursor: pointer;  display:block; overflow:hidden;}
.haccordion .header a{display: block; width: 27px; height:118px; padding-top:120px;}
.haccordion .design{background:url(images/bg_design.jpg) top left no-repeat;}
.haccordion .develop{background:url(images/bg_develop.jpg) top left no-repeat;}
.haccordion .deliver{background:url(images/bg_deliver.jpg) top left no-repeat;}
.haccordion .content{width:0; display:none; overflow:auto}
.haccordion .visible{width:685px; display:block;}
.haccordion .content p{margin:5px;}
*/
.haccordion {overflow:hidden;}
.haccordion .header, .haccordion .content{float:left; height: 118px; padding:0; margin:0; display: block; overflow:hidden;}
.haccordion .header{width:27px; cursor: pointer;  display:block; overflow:hidden; }
.haccordion .header a{display: block; width:27px; height:118px; padding-top:120px;}
.haccordion .design{background:url(images/bg_design.jpg) top left no-repeat;}
.haccordion .develop{background:url(images/bg_develop.jpg) top left no-repeat;}
.haccordion .deliver{background:url(images/bg_deliver.jpg) top left no-repeat;}
.haccordion .visible{width:685px; display:block;}
.haccordion .content{width:738px; display:block; overflow:auto;}
.haccordion .content p{margin:5px;}

/*=== Zebra table (altrow, etc.) ===*/
table.zebra {background:#FFF none repeat scroll 0%;}
table.zebra th {background:#DDD none repeat scroll 0%;}
table.zebra .altrow {background:#EEE none repeat scroll 0%;}

/*=== THICKBOX ===*/
#TB_window {font:12px Arial,Helvetica,sans-serif;color:#333}
#TB_secondLine {font:10px Arial,Helvetica,sans-serif;color:#666}
#TB_window a:link {color:#666}
#TB_window a:visited {color:#666}
#TB_window a:hover {color:#000}
#TB_window a:active {color:#666}
#TB_window a:focus {color:#666}
#TB_overlay {position:fixed;z-index:100;top:0;left:0;height:100%;width:100%}
.TB_overlayMacFFBGHack {background:url(macFFBgHack.png) repeat}
.TB_overlayBG {filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;background:#000}
* html #TB_overlay {position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}
#TB_window {position:fixed;background:#fff;z-index:102;color:#000;display:none;border:4px solid #525252;text-align:left;top:50%;left:50%}
* html #TB_window {position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}
#TB_window img#TB_Image {display:block;margin:15px 0 0 15px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666}
#TB_caption {height:25px;padding:7px 30px 10px 25px;float:left}
#TB_closeWindow {height:25px;padding:11px 25px 10px 0;float:right}
#TB_closeAjaxWindow {padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right}
#TB_ajaxWindowTitle {float:left;padding:7px 0 5px 10px;margin-bottom:1px}
#TB_title {height:27px;background:#e8e8e8}
#TB_ajaxContent {clear:both;padding:2px 15px 15px;overflow:auto;text-align:left;line-height:1.4em}
#TB_ajaxContent.TB_modal {padding:15px}
#TB_ajaxContent p {padding:5px 0}
#TB_load {position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px}
* html #TB_load {position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}
#TB_HideSelect {z-index:99;position:fixed;top:0;left:0;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%;background:#fff}
* html #TB_HideSelect {position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}
#TB_iframeContent {clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px}

/*=== UNI-FORM ===*/
form {}
.uniForm {margin:0; padding:0; position:relative; clear:both; width:100%; padding-top:10px;}
.accMenu .uniForm {padding:0; padding-bottom:10px;}
.accMenu2 .uniForm {padding:0; padding-bottom:10px;}
.uniForm .fileUpload,
.uniForm .textInput,
.uniForm .selectInput,
.uniForm textarea { padding:.2em 0; border:2px solid; border-color:#dfdfdf}
.uniForm .col {float:left; width:48%; padding:0 1%}
.uniForm fieldset {border:none; margin:0; padding:0;}
.uniForm fieldset legend {color:#A5ABB0; font-weight:bold; background:none; margin:0; padding:.5em 0; clear:both; display:block;}
.uniForm .row {display:block; overflow:hidden; margin:.2em 0; padding:1%; clear:both;}
.uniForm .row .textInput:focus, 
.uniForm .row textarea:focus {border-color:#CA640C}
.uniForm .inlineLabel {width:auto; float:none; display:inline; margin:0 2em 0 0; font-weight:normal}
.uniForm .buttonHolder {overflow:hidden; clear:both; margin:2% 0; text-align:right; padding:0; display:block;}
.uniForm .buttonHolder .label {float:left; width:75%;}
.uniForm .button {width:20%; float:right; border:2px solid #dfdfdf; background:#f9f9f9; margin-right:2.5%; cursor:pointer;}
.uniForm .resetButton {width:20%; float:right; border:2px solid #dfdfdf; background:#f9f9f9; margin-right:2.5%; cursor:pointer;}
.uniForm .submitButton {width:20%; float:right; border:2px solid #dfdfdf; background:#f9f9f9; font-weight:bold; margin-right:2.5%;cursor:pointer;}
.uniForm .submitButton:hover {background:#DEF;}
.uniForm .resetButton:hover {background:#FED;}
.uniForm .focused {}
.uniForm .focused .formHint {color:#000 !important;}
.uniForm .formHint strong {}
.uniForm label em,
.uniForm .label em {display:block; position:absolute; left:90%; font-style:normal; font-weight:bold; }
.uniForm label.light {font-weight:normal;}
.uniForm .inlineLabels {margin-bottom:20px;}
.uniForm .inlineLabels input {float:left;  width:100%; }
.uniForm .inlineLabels label,
.uniForm .inlineLabels .label {float:left; width:40%; line-height:2em; padding:0 5% 0 0; font-weight:bold; position:relative; display:block;}
.uniForm .inlineLabels .formHint{margin:0pt 0pt 0pt 48%; padding:0; clear:both; color:#999; display:block; line-height:1.2em; font-size:.818em}
.uniForm .inlineLabels .textInput{float:right;  width:50%; }
.uniForm .inlineLabels .fileUpload{float:right; width:50%; }
.uniForm .inlineLabels .selectInput{float:right; width:25%; }
.uniForm .inlineLabels textarea{float:right; width:50%; height:12em;}
.uniForm .inlineLabels .errorField {margin-left:30%}
.uniForm .blockLabels {float:left; width:98%; padding:0 1%; clear:both}
.uniForm .blockLabels label,
.uniForm .blockLabels .label {float:left; width:100%; padding:0; line-height:2em; width:auto; font-weight:bold; position:relative; display:block;  }
.uniForm .blockLabels input {float:left;  width:100%; }
.uniForm .blockLabels label em,
.uniForm .blockLabels .label em { position:static; display:inline; }
.uniForm .blockLabels .formHint{margin:0; padding:0; clear:both; color:#999; display:block; line-height:1.2em; font-size:.818em}
.uniForm .blockLabels .textInput {float:left;  width:99%; }
.uniForm .blockLabels .fileUpload{float:left; width:99%; }
.uniForm .blockLabels .selectInput{float:right; margin-right:18px; width:48%;}
.uniForm .blockLabels textarea{float:left; width:99%; height:11em; }
.uniForm .blockLabels .checkbox  {float:left; width:15%; display:block; height:2.5em;}
.uniForm .blockLabels .checklabel {float:right; width:80%;}
.uniForm .inlineLabels .inlineLabel,
.uniForm .blockLabels .inlineLabel{width:auto; float:none; margin:0 1em 0 0; display:inline;}
.uniForm .error { background:#ffdfdf; border:1px solid #df7d7d; border-width:1px 0; }
.uniForm .error input{border-color:#efcfcf}
.uniForm .error input:focus,
.uniForm .error textInput:focus {border-color:#df7d7d}
.uniForm .blockLabels .error,
.uniForm .inlineLabels .error {color:#df7d7d;}
.uniForm .errorMsg{ background:#ffdfdf; border:1px solid #df7d7d; border-width:1px 0;}
.uniForm .errorMsg h3{font-weight:bold;}
.uniForm .errorMsg {background:#ffdfdf; border:1px solid #df7d7d;border-width:1px 0;margin:0 0 1em;padding:1em}
.uniForm .warningMsg{background:#faebaf; border:1px solid #ac9766; border-width:1px 0;}
.uniForm .warningMsg h3{font-weight:bold;}
.uniForm .warningMsg {background:#faebaf; border:1px solid #ac9766;border-width:1px 0;margin:0 0 1em;padding:1em}
.focused {background:;}

#main .center .centercol .flickr_badge_image {float:left; margin:8px; padding:1px; border:1px solid #666; overflow:hidden; width:214px; height:242px;}
#main .center .centercol .flickr_badge_image img{width:auto; height:240px;}

#main .center .centercol .infobox .flickr_badge_image {float:left; margin:0; padding:0; border:none; overflow:hidden; width:auto; height:auto;}
#main .center .centercol .infobox .flickr_badge_image img{width:auto; height:auto;}

#gallery-1  {margin: auto;}
#gallery-1 .gallery-item {float: left;margin-top: 10px;text-align: center;width: 25%;			}
#gallery-1  img {border: 2px solid #cfcfcf;}
#gallery-1 .gallery-caption {margin-left: 0;}
dl.gallery-item ,
dl.gallery-item dt,
dl.gallery-item dd {padding:0;}
<style type='text/css'>