@charset "utf-8";
html,body,form,fieldset,p,img,ul,ol,li,input,h1,h2,h3,h4,h5,h6
{
margin:0;
padding:0;
border:0 none;
}
.clearfix:after
{
content:'.';
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
}
.clearfix
{
display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix
{
height:1%;
}
.clearfix
{
display:block;
}
/* End hide from IE-mac */
body
{
background:#fff url(../images/header_bg_l.gif) 0 123px repeat-x;
text-align:center;
font:11px Arial, Helvetica, sans-serif;
color:#000;
line-height:16px;
}
#wrap
{
background:url(../images/header_bg_r.gif) 1000px 123px no-repeat;
}
.main
{
position:relative;
text-align:left;
margin:0 auto;
width:1000px;
}
#top
{
height:105px;
}
html .content
{
background:url(../images/header_bg_l_2.gif) 0 114px repeat-x;
}
html .content #wrap
{
background:url(../images/header_bg_r_2.gif) 1000px 114px no-repeat;
}
html .content #wrap_bi
{
background:url(../images/header_bg_r.gif) 1000px 114px no-repeat;
}
html .content #top
{
height:114px;
}
#top h1
{
float:left;
width:132px;
height:80px;
margin:10px 0 0 56px;
background:url(../images/logo.gif) no-repeat;
}
#top h1 a
{
display:block;
width:132px;
height:80px;
}
#top h1 a span
{
display:none;
}
#top h2
{
font:11px Arial, Helvetica, sans-serif;
color:#000;
width:370px;
float:left;
margin:15px 0 0 142px;
}
#top #form_replace
{
position:absolute;
right:28px;
height:47px;
padding:0 0 0 11px;
width:225px;
background:url(../images/search_l.gif) left top no-repeat;
}
#top #form_replace label
{
display:none;
}
#top #form_replace fieldset
{
height:47px;
padding:0 11px 0 0;
background:url(../images/search_r.gif) right top no-repeat;
}
#top #form_replace fieldset div
{
height:47px;
background:url(../images/search_c.gif) repeat-x;
}
#top #form_replace input
{
float:left;
display:inline;
}
#top #form_replace .text
{
font:11px Arial, Helvetica, sans-serif;
border:1px solid #d6e1e2;
padding:2px;
margin:11px 0 0 5px;
}
#top #form_replace .button
{
margin:11px 5px 0 5px;
}
#top ul
{
position:absolute;
display:block;
list-style:none;
height:31px;
top:60px;
left:329px;
background:#215c86 url(../images/menu_c.gif) repeat-x
}
#top ul li
{
float:left;
list-style:none;
height:31px;
}
#top ul .first
{
background:url(../images/menu_l.gif) left top no-repeat;
}
#top ul .last
{
background:url(../images/menu_r.gif) right top no-repeat;
}
#top ul li a
{
display:block;
margin:1px 0;
padding:4px 17px;
border-right:1px solid #89b5d0;
font:bold 11px Arial, Helvetica, sans-serif;
color:#d6e1e2;
text-decoration:none;
text-transform:uppercase;
}
#top ul .last a
{
border:0 none;
}
#top ul li a:hover,#top ul li .selected
{
color:#fff;
}
#header
{
height:262px;
width:1000px;
background:#0b679b url(../images/header.jpg) center top no-repeat;
}
#header2
{
height:288px;
width:1000px;
background:#0b679b url(../images/header2.jpg) center top no-repeat;
}
#header2 h3
{
font:12px Arial, Helvetica, sans-serif;
color:#fff;
padding:120px 0 0 50px;
}
#header3
{
height:288px;
width:1000px;
background:#0b679b url(../images/header3.jpg) center top no-repeat;
}
#header3 h3
{
font:12px Arial, Helvetica, sans-serif;
color:#fff;
padding:120px 0 0 50px;
}
#header4
{
height:288px;
width:1000px;
background:#0b679b url(../images/header4.jpg) center top no-repeat;
}
#header4 h3
{
font:12px Arial, Helvetica, sans-serif;
color:#fff;
padding:120px 0 0 50px;
}
#header5
{
height:288px;
width:1000px;
background:#0b679b url(../images/header5.jpg) center top no-repeat;
}
#header5 h3
{
font:12px Arial, Helvetica, sans-serif;
color:#fff;
padding:120px 0 0 50px;
}
#h_right
{
position:absolute;
height:244px;
width:113px;
top:18px;
left:-113px;
background:url(../images/hand.jpg) no-repeat;
}
#h_left
{
position:absolute;
height:244px;
width:39px;
top:18px;
right:-39px;
background:url(../images/head.jpg) no-repeat;
}
#header h3
{
font:12px Arial, Helvetica, sans-serif;
color:#fff;
display:inline;
}
#header h3 strong
{
display:none;
}
#header .left_h3
{
width:300px;
margin:133px 0 0 240px;
float:left;
}
#header .left_h3 a, #header .right_h3 a
{
color:#fff;
}
#header .left_h3 a:hover, #header .right_h3 a:hover
{
color:#000;
text-decoration:underline;
}
#header .right_h3
{
width:220px;
margin:133px 180px 0 0;
float:right;
text-align:right;
}
#content_wrap
{ 
float:left;
width:100%;
bottom:0;
background:#f4f9fa;
}
#content
{
background:#fff url(../images/leg.gif) no-repeat;
color:#000;
}
html .content #content
{
background:#fff;
}
#content .whatsnew
{
background:url(../images/whatsnew.gif) center bottom no-repeat;
padding:60px 45px 10px 45px;
}
#content .whatsnew h4
{
background:url(../images/the_i.gif) left center no-repeat;
height:20px;
padding:3px 0 0 25px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#000;
}
#content .whatsnew p
{
font:12px Arial, Helvetica, sans-serif;
color:#666666;
padding:5px 0;
}
#content .whatsnew a
{
font:12px Arial, Helvetica, sans-serif;
color:#0099cc;
text-decoration:none;
}
#content .whatsnew a:hover
{
text-decoration:underline;
}
#content .col-wrap
{
padding:25px 45px 0 45px;
}
#content .col
{
float:left;
width:283px;
margin:0 30px 0 0;
display:inline;
}
#content .long
{
width:600px;
margin:0 38px 0 0;
display:inline;
}
#content .short
{
margin:0;
width:262px;
}
#content .short img
{
margin:0 0 15px 0;
}
#content .col-wrap h3
{
font:22px Arial, Helvetica, sans-serif;
color:#f96702;
padding-bottom:15px;
}
#content .col p
{
font:12px Arial, Helvetica, sans-serif;
color:#333333;
line-height:18px;
padding:0 0 15px 0;
}
#content .bged
{
float:left;
width:90%;
background:url(../images/bged.gif) center top no-repeat;
padding-top:15px;
margin-top:25px;
}
#content .bged h3
{
padding-bottom:8px;
border-bottom:1px dashed #ccc;
margin-bottom:12px;
}
#content .bged .last
{
margin:0;
}
#content .bged h5
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#008fbf;
background:url(../images/leaf.gif) left center no-repeat;
padding:0 0 0 17px;
margin:0 0 10px 0;
}
#content .bged h5 a
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#008fbf;
text-decoration:underline; 
}
#content .bged h5 a:hover
{
color:#006f9f;
}
#content .bged p
{
color:#666;
}
#content .footer h6
{
font:12px Arial, Helvetica, sans-serif;
color:#0099cc;
}
#content .footer h6 a
{
font:12px Arial, Helvetica, sans-serif;
color:#0099cc;
text-decoration:none;
margin:15px 0 0 0;
padding:0 10px;
}
#content .footer h6 .fir
{
padding:0 10px 0 0;
}
#content .footer h6 a:hover
{
text-decoration:underline;
}
#content .footer h6 .selected
{
font-weight:bold;
}
#content .footer h6
{
padding-bottom:8px;
border-bottom:1px dashed #ccc;
margin-bottom:12px;
}
#cont_wrap
{
padding:0 45px;
}
#cont_wrap h1
{
font:22px Arial, Helvetica, sans-serif;
color:#f96702;
padding-bottom:15px;
}
#cont_wrap p
{
font:12px Arial, Helvetica, sans-serif;
color:#333333;
line-height:18px;
padding:0 0 10px 0;
}
/* CONTACT ELEMENTS */
form fieldset.contact
	{
	width:570px; 
	padding:0 0 20px 0; 
	margin:0 0 0px 0px;
	}
form fieldset.contact dl
	{
	position:relative;
	width:570px;
	border:1px solid #cecece; 
	margin:0 0 10px 0; 
	padding:20px 0 20px 0;
	}
form fieldset.contact dt
	{
	float:left;
	display:inline;
	width:95px;
	color:#507878;
	font:18px Arial, Helvetica, sans-serif;
	margin:0 0 0 68px;
	}
form fieldset.contact dd
	{
	padding:0 0 10px 0;
	margin-left:160px;
	font:12px Arial, Helvetica, sans-serif;
	color:#cc0000;
	}
form fieldset.contact dd .control, form fieldset.contact dd .control_short, form fieldset.contact dd .control_large
	{
	background:#fff;
	font:12px "Trebuchet MS", Arial, sans-serif;
	color:#53574A;
	padding:0;
	}
form fieldset.contact dd .control_short
	{
	border:1px solid #ababab;
	width:259px;
	margin:0 15px 0 0;
	}
form fieldset.contact dd .control_large
	{
	border:1px solid #ababab;
	width:259px;
	height:63px;
	margin:0 15px 0 0;	
	}
form fieldset.contact .submit
	{
	font:13px Arial, Helvetica, sans-serif;
	color:#6b6b6b;
	margin: 20px 0 0 160px;
	background:#e8e8e8;
	border:4px double #c8c8c8;
	cursor:pointer;
	}
form fieldset.contact .clear
	{
	font:13px Arial, Helvetica, sans-serif;
	color:#6b6b6b;
	margin: 20px 0 0 10px;
	background:#e8e8e8;
	border:4px double #c8c8c8;
	cursor:pointer;
	}

.alertBox {
	BORDER-RIGHT: #dedede 1px solid; 
	BORDER-TOP: #dedede 1px solid; 
	BORDER-LEFT: #dedede 1px solid; 
	BORDER-BOTTOM: #dedede 1px solid;
	FONT:13px Arial, Helvetica, sans-serif;
}
.alertHeader {
	FONT:16px Arial, Helvetica, sans-serif;
	BACKGROUND: #888888; 
	COLOR: #ffffff
}

/* SLIDESHOW */
div.slideshow {
	margin: 18px auto;
}
div.slideshow p {
	padding-top: 9px;
	width: auto;
}
div.slideshow strong {
	color: #9D0960;
	font-weight: normal;
}
div.slideshow ul {
	background: #FFF;
	position: absolute;
	opacity: 0.5;
	overflow: hidden;
	padding: 4px 8px;
	right: 0;
	top: 0;
	z-index: 1000;
}
div.slideshow:hover ul {
	opacity: 1.0;
}
div.slideshow ul a {
	background: url(a.gif) no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 14px;
	margin: 0 4px 0 0;
	overflow: hidden;
	width: 12px;
}
div.slideshow ul a.prev {
	background-image: url(prev.gif);
	width: 14px;
}
div.slideshow ul a.next {
	background-image: url(next.gif);
	margin-right: 0;
	width: 14px;
}
div.slideshow ul a.active,
div.slideshow ul a.prev:hover,
div.slideshow ul a.next:hover {
	background-position: 0 -14px;
}
div.slideshow ul li {
	float: left;
	list-style: none;
}

  #left{float:left; width: 580px; line-height:16px; }
    #left p{float:left; margin: 0px 0 15px 0; display:inline;}
    #imgwrapp{float:left; border:1px solid #ddd; margin: 0px 10px 20px 0; display:inline;}
    #imgwrapped{float:left; border:1px solid #ddd; margin: 5px 10px  10px 0; display:inline;}
    #img{float:left; background: url('../images/imgdiv.jpg'); border:1px solid #F0F0F0; padding:7px;}
      #img img{float:left; }
        #transparent{width: 532px; height: 30px; float:left; background: url('../images/transparent.png') no-repeat; margin: -45px 0 0 0; position: relative; z-index:1; display:inline; color:#fff; font-size: 14px; padding: 15px 10px 0 10px; }
          #transparent p{margin:0; padding: 0 5px 0 5px; position:relative; z-index:2;}
            * html #transparent p{margin-top: -2px;}
            *+html #transparent p{margin-top: -2px;}            
          #transparent span.colored{color:#E1D399;}
      #images img{float:left; padding:1px; border:2px solid #D8D6CD; margin: 0 15px 10px 0; display:inline;}
      #images h1{float:left; color:#00A3E1; font-weight:bold; font-size:16px; border-bottom:1px dotted #ccc; width: 460px;  padding: 0 0 5px 20px;  background: url('../images/orangearrow.jpg') no-repeat;}
        #images h1 a, #images h1 a:visited{color: #00A3E1; text-decoration:none;}
      #images p{float:left; width: 480px; margin-bottom: 30px; display:inline;}
  #right{float:left; width: 289px; background: url('../images/right.jpg') no-repeat; padding: 0px 5px 3px 25px; }
    #right p{float:left; margin: 0px 0 15px 0; display:inline;}
    #right h3{color:#F86C10; font-size:20px; width:98%; border-bottom: 3px solid #000; padding-bottom: 10px; font-weight:bold; float:left; margin:10px 0 8px;}
	#left h3{color:#00A3E1; font-size:20px; width:98%; border-bottom: 3px solid #000; padding-bottom: 10px; font-weight:bold; float:left; margin:10px 0 8px;}
    #right label{font-size:11px; width: 60px; float:left; height: 15px; margin: 19px 0 0 0; display:inline;}
    #right input{border:1px solid #BAAEA6; width: 200px; float:left; height: 15px; margin: 15px 0 0 0; display:inline;}
    #right input.login{border:none; background: url('../images/login.jpg') no-repeat; width: 57px; height: 24px; float:right; color:#fff; font-size: 11px; text-align:left; padding:0 0 0 7px; margin: 10px 25px 30px 0;}
    #right a.lost, #right a:visited.lost{float:left; width: 140px; margin: 15px 0 0 0; display:inline; font-weight:bold; text-decoration:none; background: url('../images/lost.jpg') no-repeat right center;}
    .news{width: 268px; float:left; border-bottom:1px dotted #ccc; padding: 10px 0 10px 0;}
    .news a, .news a:visited{float:left; width: 268px; text-decoration:none; line-height: 17px; color:#018AB1; }
    /* .news a:hover{color:#000;} */
    .date{color:#473B35; font-size:13px; font-weight:bold; background: url('../images/bluearrow.jpg') no-repeat; float:left; padding: 2px 0 2px 20px; margin-top: 2px;}
    .project{color:#000033; font-family: "Tahoma"; font-size:12px; font-weight:normal; float:left; margin: 5px 0 0 0; width:200px; }

    .office{color:#473B35; float:left; display:inline; font-size:16px; font-weight:bold; padding: 0 0 2px 20px; width:280px; margin-top: 5px;}
    .address{width: 289px; font-size:16px; font-weight:bold; float:left; border-bottom:1px dotted #ccc; padding: 0px 0 10px 20px;  text-decoration:none; line-height: 17px; color:#018AB1;}

    .location{padding: 0px 0px 10px 10px;}
    .size2{font-size:14px; font-family: "Verdana"}

    a.rss, a:visited.rss{float:left; text-decoration:none; background: url('../images/rss.jpg') no-repeat; padding: 0 0 2px 20px; margin: 10px 0 0 0; display:inline;}
    a.archive, a:visited.archive{float:right; text-decoration:none; background: url('../images/lost.jpg') no-repeat right 4px; padding: 0 10px 2px 0; margin: 10px 20px 0 0; display:inline;}


/* Portfolio / showcase  -------------------------------------------------------------- */

#main {
	float:left;
	padding-left:7px;
	padding-right:2px;
	padding-top:5px;
	padding-bottom:8px;
	background-repeat:no-repeat;
	background-position:left top;
	font-size:10px;
	line-height:1.5em;
	color:#666666;
	overflow:hidden;
	display: inline; /* fix for double-margin float bug, IE6 */
	
  /* WIN IE5 hack */
	width:580px;
	width:580px; /* correct width */
	}


#main a {
	text-decoration:none;
	color:#37A0D1;
	}

#main a:visited {
	text-decoration:none;
	color:#0074AB;
	}

#main a:hover {
	text-decoration:underline;
	}
		
#main h1 {
	background-image:url(../images/bg_title.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin: 0 0 1em 0;
	padding-top:15px;
	padding-bottom:12px;
	padding-left:12px;
	padding-right:12px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#EB9300;
	}

#main h3 {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#EB9300;
	}
	
#main h4 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #EB9300;
	}

#main div {
	padding-left:12px;
	padding-right:12px;
	}

#main a:hover {
	background-color:#F2F8FD;
	}

#main div hr, #sideBar div hr {
	clear:both;
	height:1px;
	margin:0;
	padding:0;
	border-top:1px solid #E6E6E0;
	border-bottom:0;
	}

#main ul {
	padding:0;
	margin:0;
	}

#main ul li {
	list-style-image:url(../images/bullet_01.gif);
	margin-left:20px;
	margin-bottom:10px;
	line-height:1.2em;
	font-size:12px;
	}

#content #main .showcaseFeature {
	background: no-repeat bottom left url(../images/bg_bio.gif);
	padding: 0 0 12px 0;
	margin: 12px 0 0 0;
	position: relative;
}

#content #main .showcaseFeature h2 {
	background: no-repeat 0 0 url(../images/bg_showcase_title.gif);
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	padding: 10px 0 5px 11px;
	margin: 0 0 1em 0;
}

#content #main .showcaseFeature ul {
	margin-left: 25px;
}

#content #main .showcaseFeature ul li {
	list-style: none;
	float:left;
	padding: 0;
	width: 156px;
	margin: 0 20px 8px 0;
	background: url(../images/bg_showcasepic.gif) top no-repeat;
}

#content #main .showcaseFeature ul li img {
	display: block;
	margin: 9px 6px 3px 6px;
}

#content #main .showcaseFeature ul li p {
	background: url(../images/bg_showcasepic_caption.gif) bottom no-repeat;
	margin: 0;
	padding: 0 6px;
	height: 40px;
	font-size: 10px;
}

#content #main .showcaseFeature ul li p img {
	display: inline;
	margin: 0;
}

/* Our Clients Logo page  -------------------------------------------------------------- */

#clientLogoFeature {
	margin: 8px -24px 0 -12px;
}

#clientLogoFeature ul li {
	list-style: none;
	float: left;
	padding: 11px;
	margin: 0 10px 10px 0;
	background: url(../images/logo_bg.gif) no-repeat;
}

.highlight {
	color: #eb9300;
	font-weight: bold;
	}

.invisible {
	display:none;
	}

/* Site map  -------------------------------------------------------------- */

#content #main #sitemap, #content #main #sitemap ul {
	margin-bottom:20px;
	}


#content #main #sitemap li {
	margin-top:8px;
	margin-bottom:8px;
	list-style:none;
	list-style-image:none;
	}

#sitemap li a {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#EB9300;
	}

#sitemap li a:hover {
	background-color:#FCF9F6;
	}

#sitemap ul li {
	margin-top:8px;
	margin-bottom:8px;
	margin-left:25px !important;
	list-style-image:url(../images/bullet_01.gif) !important;
	}

#sitemap ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#37A0D1;
	font-size:11px;
	}
	
#sitemap ul li a:hover {
	background-color:#F2F8FD;
	}
	
	
blockquote {
	width: 30em;
	margin: 0 auto 0 auto;
	text-align: left;

	text-indent:  20px;
	background-image: url(../images/quotes1.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
}

blockquote p {
	line-height: 1.8;
	margin: 0;

	display: block;
	padding-right: 6px;
	background-image: url(../images/quotes2.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	font-style: normal; 
}

ul 
{
	position:relative;
}
	
ul.servicesList, ul.regularList,ul.projectList 
{
	float:left;
	clear:both;
	padding-bottom:15px;
	/*border-bottom:1px dashed #ccc;*/
	width:670px;
}

ul.regularList {
	margin:0 10px;
	border:none;
}

ul.servicesList li, ul.regularList li {
	float:left;
	clear:both;
	background:url(../images/bullet_list.jpg) 0 0 no-repeat;
	padding-left:42px;
	margin: 0 0 10px 32px;
	width:670px;
}

ul.projectList li {
	float:left;
	clear:both;
	background:url(../images/bullet_nav.jpg) 0 0 no-repeat;
	padding-left:32px;
	margin-bottom:10px;
	width:270px;
}

ul.regularList li {
	background:url(../images/bullet_list.jpg) 0 0 no-repeat;
	width:99%;
}
/* CLEARING
---------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: block;
}

/** ARTICLES **/

#content .homeBox {
	float:left;
	width:280px; /*365*/
	height:110px;
	background:url(../images/home_boxes_top.jpg) top left no-repeat;
	padding:12px 10px;
	position:relative;
	margin:5px 0;
}

#content .right{
	float:right;
}

#content .homeBoxBottom {
	position:absolute;
	left:0;
	bottom:0;
	background:url(../images/home_boxes_bottom.jpg) bottom left no-repeat;
	height:14px;
	width:300px;
}

#content .homeBox .title {
	border-bottom:1px solid #ABAEB1;
	font:bold 12px Verdana, Arial;
	padding-bottom:4px;
	letter-spacing:-1px;
	color:#596375;
}

#content .homeBox .title a {
	font:bold 12px Verdana, Arial;
	padding-bottom:4px;
	color:#336699;
	text-decoration:none;
}

#content .homeBox .title a:hover {
	font:bold 12px Verdana, Arial;
	padding-bottom:4px;
	color:#3366FF;
	text-decoration:underline;
}

#content .homeBox .promoDate {
	letter-spacing:normal;
	float:left;
	width:33px;
	height:40px;
	display:block;
	text-align:center;
	background:url(../images/bg_date_home.jpg) top left no-repeat;
	text-transform:uppercase;
	font:normal 10px "Trebuchet MS";
	margin-right:10px;
}

#content .homeBox .promoDate .day{
	font-size:14px;
	line-height:24px;
	color:#fff;
}

#content .homeBox .description {
	padding-top:4px;
	position:relative;
	line-height:18px;
}

#content .homeBox .description img{
	float:left;
	margin:0 5px;
}

#content .homeBox .description p{
	margin:0;
}

#content .homeBox .new{
	position:absolute;
	top:10px;
	left:0;
	width:38px;
	height:38px;
	background:url(../images/ico_new.gif) top left no-repeat;
}