* { margin:0; padding:0; }

body { font: 12px/17px Arial, Helvetica, Sans-Serif; color: #464542; background: url('../images/body-bkg.jpg') center 160px; }

#header { background: #000000 url('../images/header-bkg.jpg') top center no-repeat; height:160px; }
#head-cont { width: 950px; margin: auto; padding: 41px 0 0 0}
#grad { background: url('../images/grad-bkg.png') top center repeat-x;  }
#container { width: 950px; margin: auto; padding: 30px 0; margin-bottom: -160px; }
#intro { float: left; width: 345px;}
.mask1 { *background-color:#ece9e4;}

#feature { float: left; width: 585px; height: 315px; margin: 0 0 10px 20px; background: url('../images/feature-shadow.png') bottom no-repeat; }

#side    { float: left; width: 230px; margin: 0 40px 0 0; }
#side ul.nav { margin: 0 0 15px 0; }
#side li a { font-weight: bold; color: #464542; display: block; height: 20px; }
#side li a:hover {  }
#side li ul li a { font-weight: normal; padding: 0 0 0 15px; }
#side li ul li a:hover { background: url('../images/side-hover.png') no-repeat; }
#side li a.at { color: #0085d2; }


#main    { float: left; width: 680px; margin: 0; padding: 13px 0 0 0; }
#main h3 { font-size: 24px; color: #0085d2; font-weight: normal; letter-spacing: -.02em; border-bottom: 1px dotted #9e9c97; padding: 0 0 10px 0; }

#main p.detail { font-size: 14px; text-align: right; margin-top: -40px; }
#main p.detail a { color: #464542; }
#main p.detail em { font-size: 12px; font-style: normal; }
#main p.detail em a { color: #0085d2; }

#main p.detail a:hover { border-bottom: 1px dotted #9e9c97; }


#main .tn          { float: left; clear: both; margin: 10px 0 20px 0; }
#main .tn img      { opacity:0.5;filter:alpha(opacity=50); float: left; padding: 0; margin-right: 10px }
#main .tn a.activeSlide img   { opacity:1;filter:alpha(opacity=100) }
#main .tn img.last { margin-right: 0px; }
#main .lrg { margin: 0 0 0 0; z-index:0;}


#main .tn img { padding-bottom: 3px; background: url('../images/work-shadow-sml.png') bottom no-repeat; background-color:#ebe6e0;}
#main .lrg img { padding-bottom: 15px; background: url('../images/work-shadow.png') bottom no-repeat; _background-color:#ebe6e0; *background-color:#ebe6e0; }


#main .tn a.activeSlide:hover img   { opacity:1;filter:alpha(opacity=100) }
#main .tn a:hover img      { opacity:.75;filter:alpha(opacity=75); }


.col2      { float: left; width: 460px; margin: 0 30px 0 0; }
.col2.last { margin: 0;  }



h3.whatnewthink { margin: 30px 0 10px 0; width:277px; height:15px; overflow:hidden; background: url('../images/who-whatnewthink.png') no-repeat; display:block; text-indent:-9999px; }
h3.whychoose { margin: 30px 0 10px 0; width:460px; height:18px; overflow:hidden; background: url('../images/who-whychoose.png') no-repeat; display:block; text-indent:-9999px; border-bottom: 1px dotted #9e9c97; display: block; }
h3.ourcapa { margin: 30px 0 10px 0; width:460px; height:18px; overflow:hidden; background: url('../images/who-ourcapa.png') no-repeat; display:block; text-indent:-9999px; border-bottom: 1px dotted #9e9c97; display: block; }

h2.who { margin: 0 0 20px 0; width:462px; height:90px; overflow:hidden; background: url('../images/who-title.png') no-repeat; display:block; text-indent:-9999px; }
h3.who { font: Normal 20px/26px Arial, Helvetica, Sans-Serif; color: #615f5c; padding: 0 0 0 0; margin: 0 0 15px 0; }
.who-top { width: 475px; _width:472px; }

.who-feat { width: 948px; background: url('../images/who-feat-bkg.png') top no-repeat; }

.who-feat p { width: 136px; float: left; padding: 9px 11px; line-height: 18px; margin-bottom: -1px; }

.who-feat p strong { padding: 0 0 0 24px; }

.who-feat p.web { color: #0074b9; }
.who-feat p.pri { color: #2b7b00; }
.who-feat p.log { color: #e85d00; }
.who-feat p.dev { color: #bf101d; }
.who-feat p.pho { color: #5d2072; }
.who-feat p.eco { color: #193d97; }

.polo-cont { float:right; position: relative; margin: -54px 60px 0 0; width:355px; height:395px; background: url('../images/polaroid-frame.png') top no-repeat; }
.polo { padding: 22px 0 0 24px; }

ul.capa { float: left; width: 145px; }



h2.catnav { margin: 0 0 15px 0; width:553px; height:32px; overflow:hidden; background: url('../images/catnav-header.png') no-repeat; display:block; text-indent:-9999px; }
h2.catnav-alt { margin: 0 0 15px 0; width:400px; height:32px; overflow:hidden; background: url('../images/catnav-header.png') no-repeat; display:block; text-indent:-9999px; }

#catnav { margin: 0 0 20px 0; padding: 10px; background: url('../images/catnav-bkg.png'); border-top: 1px dotted #9e9c97; border-bottom: 1px dotted #9e9c97; }

#catnav a { color: #464542; }
#catnav .current-cat a, #catnav .current-cat-parent a {font-weight:bold; color: #0085d2; }

ul.subnav li { color: #8f8d87; }

#catnav .subnav     { margin-left: 230px; }

#catnav .subnav.ind { float: left; margin-top: -85px; margin-left: 470px; }

#catnav a:hover { border-bottom: 1px dotted #9e9c97; }

/*----- Main Nav -----*/
#nav { float: right; overflow:hidden; margin: -55px 66px 0 0; padding:0; list-style:none; }
#nav li { float:left; margin: 0 5px; }
#nav a { display:block; overflow:hidden; text-indent:-9999px; height:40px; background:url('../images/nav.png') no-repeat; cursor:pointer;}

#nav li.page-item-91 a                  { width:73px; background-position:0 0; }
#nav li.page-item-46 a                  { width:99px; background-position:-73px 0; }
#nav li.page-item-57 a                  { width:73px; background-position:-172px 0; }
#nav li.page-item-64 a                  { width:68px; background-position:-245px 0; }
#nav li.page-item-59 a                  { width:90px; background-position:-313px 0; }

#nav li.page-item-91 a:hover    { background-position:0 -40px;}
#nav li.page-item-46 a:hover    { background-position:-73px -40px;}
#nav li.page-item-57 a:hover    { background-position:-172px -40px;}
#nav li.page-item-64 a:hover    { background-position:-245px -40px;}
#nav li.page-item-59 a:hover    { background-position:-313px -40px;}

#nav li.page-item-91.current_page_item a    { background-position:0 -80px;}
#nav li.page-item-46.current_page_item a    { background-position:-73px -80px;}
#nav li.page-item-57.current_page_item a    { background-position:-172px -80px;}
#nav li.page-item-64.current_page_item a    { background-position:-245px -80px;}
#nav li.page-item-59.current_page_item a    { background-position:-313px -80px;}


.thumb { float: left; width: 230px; height: 175px; padding: 0; margin: 0 10px 35px 0; background: url('../images/thumb-shadow.png') top no-repeat; }
.thumb.last { margin-right: 0; }
.thumb img { padding: 0 0 7px 0; }
.thumb strong { letter-spacing: -.02em; padding: 0 0 0 2px; }
.thumb em { font-size: 10px; font-style: normal; }


.thumb-inner {
	width: 230px; /*--Width of image--*/
	height: 160px; /*--Height of image--*/
	cursor: pointer;
	margin-bottom:7px;
}


.thumb span { /*--Used to crop image--*/
	width: 230px;
	height: 160px;
	overflow: hidden;
	display: block;
}
.thumb a.feat-thumb, .thumb a.feat-thumb:hover {
	display: block;
	height: 160px;
	width: 230px;
}


 
h1 a { width:305px; height:80px; overflow:hidden; background: url('../images/logo.png') no-repeat; display:block; text-indent:-9999px; cursor:pointer; }
h2.project { margin: 15px 0 0 0; width:340px; height:30px; overflow:hidden; background: url('../images/ttl-project.png') no-repeat; display:block; text-indent:-9999px; }

h2.work { margin: 0 0 15px 0; width:230px; height:40px; overflow:hidden; background: url('../images/ttl-work.png') no-repeat; display:block; text-indent:-9999px; border-bottom: 1px dotted #9e9c97; }
h2.whos { margin: 0 0 15px 0; width:230px; height:40px; overflow:hidden; background: url('../images/ttl-whos.png') no-repeat; display:block; text-indent:-9999px; }
h2.blog { margin: 0 0 15px 0; width:230px; height:40px; overflow:hidden; background: url('../images/ttl-blog.png') no-repeat; display:block; text-indent:-9999px; }
h2.cont { margin: 0 0 15px 0; width:230px; height:40px; overflow:hidden; background: url('../images/ttl-cont.png') no-repeat; display:block; text-indent:-9999px; }

h2.ttl { font: 18px/20px Arial, Helvetica, Sans-Serif; color: #615f5c; border-bottom: 1px dotted #9e9c97; padding: 0 0 5px 0; margin: 0 0 20px 0; }



h3.Websites { margin: 0 0 10px 0; width:230px; height:25px; overflow:hidden; background: url('../images/ttl-web.png') no-repeat; display:block; text-indent:-9999px; border-bottom: 1px dotted #9e9c97; cursor: pointer; }
h3.Print    { margin: 0 0 10px 0; width:230px; height:25px; overflow:hidden; background: url('../images/ttl-print.png') no-repeat; display:block; text-indent:-9999px; border-bottom: 1px dotted #9e9c97; cursor: pointer; }
h3.Identity { margin: 0 0 10px 0; width:230px; height:25px; overflow:hidden; background: url('../images/ttl-identity.png') no-repeat; display:block; text-indent:-9999px; border-bottom: 1px dotted #9e9c97; cursor: pointer; }
h3.User { margin: 0 0 10px 0; width:230px; height:25px; overflow:hidden; background: url('../images/ttl-ui.png') no-repeat; display:block; text-indent:-9999px; border-bottom: 1px dotted #9e9c97; cursor: pointer; }


#footer           { clear: both; }
#footer .inner    { border-top: 1px dotted #9e9c97; width: 950px; margin: auto; padding: 15px 0 0 0; }
#footer .inner p         { font-size: 11px; color: #464542; margin: 0 0 0 0; line-height: 18px; }
#footer .right    { float: right; margin-top: -18px; text-aworkn: right; }
#footer .right a:link, #footer .right a:visited { color: #464542; text-decoration: none; padding: 0 4px; }
#footer .right a:hover, #footer .right a:active { color: #0085d2; }


a:link, a:visited { color: #0085d2; text-decoration: none; outline: none;}
a:focus, a:hover, a:active { color: #464542; }
li { list-style:none; }
p { margin: 0 0 15px 0; }

a img { border: none; }



.r { float: right; margin: 0 0 0 15px; }
.l { float: left; margin: 0 15px 0 0; }

img.r { float: right; margin: 0 0 0 25px; }
img.l { float: left; margin: 0 15px 0 0; }


/*tooltip*/

#side .tooltip { width:235px; height:178px; position: relative; margin-bottom:-173px; z-index: 3; display: none;background: url('/assets/images/side-pop.png') top no-repeat; padding: 3px 0px 0px 3px; overflow:hidden;  behavior: url('/assets/iepngfix.htc'); _position:absolute; /*_width:240px; _height:179px; _margin-top:100px;*/ _visibility:hidden; }

#side .tootip-img { width:235px; height:160px; overflow:hidden;}

#accordion div.panel {display:none;}

div.panel { margin-bottom: 15px; }

#main .tooltip { text-align:left; position: absolute; _margin-left:-576px; z-index: 3; display: none; overflow:hidden; color:#464542; font-size:12px; padding: 0; background: url('/assets/images/detail-bkg.jpg') top left }
#main .tootip-img { width:680px; overflow:hidden; }
#project-info { display:none; }
#info-wrap { position:relative;z-index: 3; }

#project-info p em { font-style: italic; }

.clearfooter { height: 150px; clear: both; padding-top: 25px; }

.clear { clear:both; }
.clear-l { clear:left; }

#commentform label, .contactform label {
}

.contactform label, #contactsubmit {
	display: block;
	margin-top: 10px;
}

#name, #email, #url, #comment, .contactform input, .contactform textarea {
	color: #000;
	font-size: 16px;
	padding: 0;
	height: 20px;
	font-family: "Trebuchet MS", Georgia, Times New Roman;
	border: none;
	 border-bottom: 1px dotted #9e9c97;
	width: 500px;
	background: none;
}

#comment, .contactform textarea {
	width: 490px;
	height: 200px;
	padding: 4px;
	font-size: 13px;
	 border: 1px dotted #9e9c97;
	}

.comment #name, .comment #email, .comment #url, .comment #comment {
	width: 97%;
	}

#submit, #contactsubmit, #afcp-preview {
    width:91px;
    height:25px;
	padding: 3px;
	border: none;
}

.commentlist li, #commentform input, #commentform textarea {
	/*font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;*/
	}
.commentlist li ul li {
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	margin:0 20px 20px 0px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-style: normal;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	}

.commentmetadata {
	color:#8F8D87;
	font-weight: normal;
	}
	
/* OLD

#copy    { float: right; width: 600px; margin: 0 10px 0 0; }

#copy h3 { font: 17px/28px Arial, Helvetica, Sans-Serif; color: #005286; padding: 0 0 22px 0; _font: Bold 15px/26px Arial, Helvetica, Sans-Serif; }
#copy h4 { font: Bold 15px/18px Arial, Helvetica, Sans-Serif; color: #5f5f5f; padding: 10px 0 12px 0; }


#sidebar ul         { font: 15px/20px Arial, Helvetica, Sans-Serif; color: #5c5c5c; padding: 10px 0 30px 0; }
#sidebar ul li      { list-style: none; border-bottom: 1px solid #cdcdcd; padding-bottom: 7px; }
#sidebar ul li a.one  { border-top: 1px solid #cdcdcd; }
#sidebar ul li a.at { padding: 6px 10px 0 10px; background: url('../images/sidebar-nav-bkg.gif') no-repeat; background-position: 0 -70px; color: #3c3c3c; cursor:default;}
#sidebar ul li a:hover.at { color: #3c3c3c; }

#sidebar ul li a          { color: #0089d0; display: block; padding: 6px 10px 0 10px; background: url('../images/sidebar-nav-bkg.gif') no-repeat; }
#sidebar ul li a:hover    { color: #3c3c3c; background-position: 0 -70px; }

#sidebar img { padding: 0 0 10px 0; }

#copy ul    { margin: 0 0 15px 0; }
#copy ul li { list-style-type: disc; margin: 0 0 0 25px; }
#copy ul li ul li { list-style-type: circle; margin: 0 0 0 50px; }



#copy ul.lrg          { margin: 0 0 0 0; }
#copy ul.lrg li       { font-size: 14px; line-height: 24px; list-style:none; float:left; width:260px; margin: 0; padding: 0 0 0 7px; background:url('../images/bullet.gif') no-repeat 0px 6px; }
#copy ul.lrg li a     { display: block; }
#copy ul.lrg li.right { width:260px; }


#copy ul.full          { margin: 0 0 0 0; }
#copy ul.full li       { font-size: 14px; line-height: 24px; list-style:none; margin: 0; padding: 0 0 0 7px; background:url('../images/bullet.gif') no-repeat 0px 6px; }
#copy ul.full li a     { display: block; }

#copy ul.full li ul li    { font-size: 12px; background: none; line-height: 17px; margin: 0; padding: 0; }
#copy ul.full li ul li a  { display: inline; color: #7e7e7e; }


#main #copy .col2      { float: left; width: 280px; margin: 0 40px 0 0; }
#main #copy .col2.last { margin: 0;  }


#main #copy .col3      { float: left; width: 180px; margin: 0 20px 0 0; }
#main #copy .col3.last { margin: 0;  }

.col3.logo div { display: block; margin: 0 0 40px 0; }




#main #copy .col1 { _width: 10px; }

#main .col1 { float: left; margin: 10px 0 0 -10px; }
#main .col2 { float: right; }

#main .col-top-a { width: 445px; height: 10px; background: url('../images/col-shad-top.png') no-repeat; }
#main .col-mid-a { width: 393px;               background: url('../images/col-shad-mid.png') repeat-y; padding: 5px 26px; _margin-top: -5px; }
#main .col-bot-a { width: 445px; height: 10px; background: url('../images/col-shad-bot.png') no-repeat; }

#main .col-top-c { width: 605px; height: 10px; background: url('../images/col-shad-top-c.png') no-repeat; }
#main .col-mid-c { width: 553px;               background: url('../images/col-shad-mid-c.png') repeat-y; padding: 5px 26px; _margin-top: -5px; overflow: hidden;}
#main .col-bot-c { width: 605px; height: 10px; background: url('../images/col-shad-bot-c.png') no-repeat; }

#main .col1 p  { margin: 0 0 12px 0; }
#main .col1 h3 { font-size: 15px; color: #5f5f5f; font-weight: bold; margin: 0 0 5px 0; padding: 0; }
#main .col1 h4 { font-size: 12px; color: #777777; }

h4.arrow a:link, h4.arrow a:visited     { background: url('../images/arrow.png') no-repeat; padding: 4px 0 4px 28px; color: #777777; text-decoration: underline; _padding-top: 2px; }
h4.arrow a:hover                        { background-position: 0 -28px; color: #000000; }


h4.btn a             { display:block; text-indent:-9999px; cursor:pointer; overflow: hidden; margin: 0; padding: 0; }
h4.btn.apply a       { width: 138px; height: 50px; background: url('../images/btn-apply.png') no-repeat; margin-top: -18px; }
h4.btn.apply a:hover { background-position: 0 -50px; }


h3.locate { background: url('../images/ico-locate.gif') no-repeat; padding: 0 0 0 25px; }
h3.report { background: url('../images/ico-report.gif') no-repeat; padding: 0 0 0 25px; }
h3.central { background: url('../images/ico-central.gif') no-repeat; padding: 0 0 0 25px; }
h3.exchange { background: url('../images/ico-exchange.gif') no-repeat; padding: 0 0 0 25px; }

h4.arrow a:link, h4.arrow a:visited     { background: url('../images/arrow.png') no-repeat; padding: 4px 0 4px 28px; color: #777777; text-decoration: underline; _padding-top: 2px; }
h4.arrow a:hover                        { background-position: 0 -28px; color: #000000; }


.screen-tn           { float: left; width: 213px; padding: 0 0 0 19px; }
.screen-tn.first     { padding: 0 0 0 0; }
.screen-tn p         { padding: 6px 0 0 40px; font-weight: bold; min-height: 52px; height:auto !important; height:52px; }

.screen-tn p.one       { background: url('../images/01.png') 0 10px no-repeat; }
.screen-tn p.two       { background: url('../images/02.png') 0 10px no-repeat; }
.screen-tn p.tre       { background: url('../images/03.png') 0 10px no-repeat; }
.screen-tn p.for       { background: url('../images/04.png') 0 10px no-repeat; }








ul#snav                { float: right; margin: 4px 10px 0 0; clear: both; _margin-right: 0px; }
ul#snav li             { float: left; width: 123px; font-size: 10px; margin: 0 0 0 15px; padding: 0 0 0 8px; }
ul#snav li span        { display: block; }
ul#snav li a           { color: #8d8d8d; padding: 0 0 0 16px; }
ul#snav li a:hover     { color: #373737; }

ul#snav li a#home { background: url('../images/snav-home.gif') no-repeat; }
ul#snav li a#fort { background: url('../images/snav-fort.gif') no-repeat; }
ul#snav li a#cont { background: url('../images/snav-cont.gif') no-repeat; }

ul#snav li a:hover#home { background-position: 0 -20px; }
ul#snav li a:hover#fort { background-position: 0 -20px; }
ul#snav li a:hover#cont { background-position: 0 -20px; }

*/

.entry h4 { color: #615f5c; font-size: 16px; font-weight: normal; margin: 0 0 15px 0; }