

body, h1, h2, h3, h4, h5, h6, p, div, form, dl, dt, dd, ul, li, ol, img {
	margin:0;
       	padding:0;
        border:0;
}

body {
	background:url(/images/background.gif) repeat-x #ccc;
	font:normal 62.5% Arial, Helvetica, sans-serif;
	margin:63px 0;	/* 68px */
}


img {
	display:block;
}


h1 {
	color:#fff;
	font:bold 2em/1.1em "trebuchet ms", Arial, Helvetica, sans-serif;
	padding-bottom:0.7em;
}

h2 {
	color:#999;
	font:bold 1.3em/1.3em Arial, Helvetica, sans-serif;
	padding-bottom:1em;
}


.clear {
	clear: both; 
	height: 0px; 
	overflow: hidden;
}










/* HEADER
---------------------------------------------------------------------------------------------------------------------- */

#headerwrapper {
        height:130px;
	background:url(/images/header_background.gif) repeat-x #066;
	position:relative;
}

#header {
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:10;
}

#header .content {
	padding:42px 0 0 18px;
}

#header .content a {
	display:block;
	float:left;
}


#headerwrapper .lbackground, 
#headerwrapper .rbackground {
	background:url(/images/header_background_all.jpg) no-repeat;
	height:130px;
	position:absolute;
	top:0;
}

#headerwrapper .lbackground {
	background-position:0 0;
	width:330px;
	left:0;
	z-index:3;
}

#headerwrapper .rbackground {
	background-position:-320px 0;
	width:447px;
	right:0;
	z-index:2;
}


/* Navigation #1 */

#header .nav1 {
	position:absolute;
	right:20px;	/* 36px */
	top:40px;
}

#header .nav1 ul {
	list-style-type:none;
}

#header .nav1 ul li {
	margin:0;
	padding:0;
	display:inline;
}

#header .nav1 ul li a {
	color:#03ab91;
	display:block;
	font:normal 1.2em/1.6em "trebuchet ms", Arial, Helvetica, sans-serif;
	/* margin-left:18px; */
	text-align:center;
	text-decoration:none;
	width:62px;
}

#header .nav1 ul li a b {
	background:url(/images/header_menu_1_dots.gif) no-repeat center -9px;
	display:block;
	padding-top:6px;
}

#header .nav1 ul li a.selected, 
#header .nav1 ul li a:hover {
	color:#fff;
}

#header .nav1 ul li a.selected b, 
#header .nav1 ul li a:hover b {
	background-position:center 0;
}



/* Navigation #2 */

#header .nav2 {
	bottom:0;
	position:absolute;
	right:19px;
}

#header .nav2 ul {
	list-style-type:none;
}

#header .nav2 ul li {
	margin:0;
	padding:0;
	display:inline;
}

#header .nav2 ul li a {
	background:url(/images/header_menu_button.gif) no-repeat;
	color:#bfd7d7;
	display:block;
	font:normal 1.3em "trebuchet ms", Arial, Helvetica, sans-serif;
	height:19px;
	margin-right:2px;
	text-align:center;
	text-decoration:none;
	width:79px;
}

#header .nav2 ul li a.selected, 
#header .nav2 ul li a:hover {
	color:#fff;
}





/* TOP BAR
---------------------------------------------------------------------------------------------------------------------- */

#topbar {
	background-color:#d9d9d5;
	border-top:3px solid #fff;
	overflow:hidden;
	width:100%;
}

#topbar .rcol {
	background:url(/images/nav_background_2.gif) repeat-x #d9d9d5;
	float:right;
	margin-bottom:-3000px;
	padding-bottom:3000px;
	width:260px;
}

#topbar .rcolcontent {
	border-right:1px solid #fff;	/*border:2px solid #0f0;*/
	margin-bottom:-3000px;
	padding:18px 30px 3018px 30px;
}



#topbar .lcol {
	background-color:#d9d9d5;
	margin-right:260px;
}

#topbar .lcol .col1 {
	background:url(/images/nav_background.gif) repeat-x #d9d9d5;
	float:left;
	margin-bottom:-3000px;
	padding-bottom:3000px;
	width:49%;
}

#topbar .lcol .col1 .col1content {
	border-color:#fff #d9d9d5 #fff #fff;		/* border:2px solid #00f; */
	border-style:solid;
	border-width:0 1px 0 1px;
	color:#066;
	font-size:1.2em;
	line-height:1.2em;
	margin-bottom:-3000px;
	padding:18px 18px 3018px 18px;
}

#topbar .lcol .col2 {
	background:url(/images/nav_background.gif) repeat-x #d9d9d5;
	float:left;
	margin-bottom:-3000px;
	padding-bottom:3000px;
	width:51%;
}

#topbar .lcol .col2 .col2content {
	border-color:#fff #d9d9d5 #fff #d9d9d5;		/* border:2px solid #0ff */
	border-style:solid;
	border-width:0 2px 0 1px;
	margin-bottom:-3000px;
	padding:18px 30px 3018px 30px;
}


/* Topbar link */

#topbar a.toplink {
	text-decoration:none;
}

#topbar a.toplink span {
	color:#808080;
	display:block;
	font-family:"trebuchet ms", Arial, Helvetica, sans-serif;
}

#topbar a.toplink .line1 {
	font-size:1.2em;
}

#topbar a.toplink .line2 {
	font-size:2.0em;
	line-height:0.7em;
}

#topbar a.toplink .line2 strong {
	font-weight:bold;
	color:#066;
}





/* SIDEBAR
---------------------------------------------------------------------------------------------------------------------- */

#sidebar {
	background-color:#033;
	color:#fff;
	float:right;
	margin-bottom:-3000px;
	padding-bottom:3000px;
	width:260px;
}

#sidebar .content {
	padding:3px;
}

#sidebar .content .topbox {
	background:url(/images/home_content_box1_grad.gif) repeat-x #044;
	padding:19px 16px 32px 16px;
}

#sidebar .content .topbox {
	font:normal 2.0em/1.1em "trebuchet ms", Arial, Helvetica, sans-serif;
}

#sidebar .content .bottombox {
	padding:12px 16px 22px 16px;
}

#sidebar .content .bottombox .content {
	padding-bottom:23px;
}

#sidebar .content .bottombox .content ul {
	font-size:1.3em;
	line-height:2.1em;
	padding-left:17px;
	margin-top:-8px;
}


/* Sidebar content */

#sidebar .content .bottombox .projects {
	padding-top:12px;
}

#sidebar .content .bottombox .projects .text1 {
	color:#fff;
	font-size:1.2em;
	line-height:1.2em;
}

#sidebar .content .bottombox .projects .text2 {
	color:#007b7b;
	font-size:1.6em;
	line-height:1.15em;
	padding-top:14px;
}



#sidebar .content .bottombox .contact {
	border-top:1px solid #fff;
	padding-top:17px;
}

#sidebar .contact .text1 {
	background:url(/images/contact_phone2.gif) bottom right no-repeat;
	padding-bottom:20px;
}

#sidebar .contact .text1 p {
	font-size:1.2em;
	line-height:1.2em;
}

#sidebar .contact .text2 {
	text-align:right;
}

#sidebar .contact span {
	color:#007b7b;
}

#sidebar .contact .text2 a {
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}



/* CONTENT
---------------------------------------------------------------------------------------------------------------------- */

#content {
	background-color:#fff;
	margin-right:260px;
	/* overflow:hidden; */
}

#content .content {
	background-color:#fff;
	float:left;
	margin-bottom:-3000px;
	padding-bottom:3000px;
	width:100%;
	overflow:hidden;
}

#content .content .contentpadding {
	padding:0 2px;
}

#content .content .btnpad2 {
	padding:15px 0 0 0;
}



/* Clients box */

#content .clientsbox {
	background:url(/images/content_box2_top.gif) repeat-x 0 0 #fff;
	padding:18px;
}

#content .clientsbox p {
	color:#066;
	font:1.1em/1.3em "trebuchet ms", Arial, Helvetica, sans-serif;
	padding-bottom:4px;
}

#content .clientsbox table {
	width:100%;
}

#content .clientsbox td img {
	margin:0 auto;
}


/* Projects box (image + text on the right) */

#content .projectsbox {
	background:url(/images/home_content_box2_grad.gif) repeat-x 0 bottom #fff;
	overflow:hidden;
}

#content .projectsbox .top {
	background:url(/images/content_box2_top.gif) repeat-x 0 0 #fff;
	height:9px;
	overflow:hidden;
}

#content .projectsbox .projectsboxpadding {
	padding:20px 20px 20px 0;
	position:relative;			/* fixes disappearing text bug in ie6&7 */
}

#content .projectsbox .imgbox {
	float:left;
	position:relative;
}

#content .projectsbox .txtbox {
	margin-left:275px;
}

#content .projectsbox img {
	padding:0 0 20px 0;
}

#content .projectsbox .btnpad {
	margin-left:15px;
}

#content .projectsbox .desc {
}

#content .projectsbox {
	color:#066;
	font-size:1.2em;
	line-height:1.2em;
}

#content .projectsbox h2 {
	font-size:1.1em;
	line-height:1.1em;
}


/* Main box (profession descriptions) */

#content .mainbox {
	background:url(/images/home_content_box2_grad.gif) repeat-x 0 bottom #fff;
	color:#066;
	font-size:1.2em;
	line-height:1.6em;
	overflow:hidden;
}

#content .mainbox h1,
#content .mainbox h2, 
#content .mainbox p,
#content .mainbox table,
#content .mainbox .contact_email {
	color:#066;
}

#content .mainbox h1 {
	font-size:1.6em;
}

#content .mainbox h2 {
	font-size:1.1em;
}

#content .mainbox form {
	padding-top:20px;
}

#content .mainbox input,
#content .mainbox textarea {
	font:1em Arial, Helvetica, sans-serif;
	margin:0;
}

#content .mainbox table {
	font-size:1em;
}

#content .mainbox table td {
	font-weight:bold;
	padding-bottom:4px;
}

#content .mainbox .top {
	background:url(/images/content_box2_top.gif) repeat-x 0 0 #fff;
	height:9px;
	overflow:hidden;
}

#content .mainboxpadding {
	padding:10px 0 200px 16px;		/* padding:10px 10px 200px 16px; */
	position:relative;			/* fixes disappearing text bug in ie6&7 */
	overflow:hidden;
}

#content .mainbox .photos {
	float:left;
	/*padding-right:10px;*/
	padding-bottom:10px;
}

#content .mainbox .photos .big {
	float:left;
	height:337px;
	overflow:hidden;
	/*padding:0 10px 10px 0;*/
	width:477px;
	margin-bottom:10px;
	margin-right:10px;
}

#content .mainbox .photos .thumbs {
	float:left;
	font:0.9em/1em "trebuchet ms", Arial, Helvetica, sans-serif;
	overflow:hidden;
	padding-bottom:10px;
	width:150px;
}


#content .mainbox .photos .thumbs img {
	cursor:pointer;
	padding-bottom:10px;
	padding-right:10px;
	float:left;
}

#content .mainbox .text {
	padding-right:10px;
	font-size:1em;
}



/* Photos box (more info photos) */

#content .photosbox {
        background:url(/images/home_content_box2_grad.gif) repeat-x 0 bottom #fff;
	padding-bottom:29px;
}

#content .photosbox .top {
	background:url(/images/content_box2_top.gif) repeat-x 0 0 #fff;
	height:9px;
	overflow:hidden;
	padding-bottom:20px;
}

#content .photosbox .big {
	overflow:hidden;
	width:505px;			/* Orig design: 513px */
	float:left;
	height:361px;
	margin-right:3px;
	margin-bottom:3px;
}

#content .photosbox .thumbs {
	overflow:hidden;
	float:left;
}

#content .photosbox #projects_thumbs {
	width:124px;
}

#content .photosbox .small {
	cursor:pointer;
	float:left;
	overflow:hidden;
	padding-bottom:3px;
	padding-right:3px;
	width:124px;			/* Orig design: 126px */
}

#content .photosbox .last {
	padding-right:0;
}


/* Text box */

#content .textbox {
	background:url(/images/home_content_box2_grad.gif) repeat-x 0 bottom #fff;
}

#content .textbox .top {
	background:url(/images/content_box2_top.gif) repeat-x 0 0 #fff;
	height:9px;overflow:hidden;
}

#content .textbox .textboxpadding {
	padding:20px 20px 40px 20px;
	position:relative;			/* fixes disappearing text bug in ie6&7 */
}

/* #content .textbox p */
#content .textbox {
	color:#066;
	font-size:1.2em;
	line-height:1.2em;
}

#content .textbox h2 {
	font-size:1.1em;
	line-height:1.1em;
}



/* FOOTER
---------------------------------------------------------------------------------------------------------------------- */

#footer {}

#footer .content {
	background:url(/images/footer_line.gif) repeat-x 0 bottom #fff;
	border-bottom:4px solid #fff;
	height:56px;
	overflow:hidden;
}

#footer .content .rcol {
	background-color:#033;height:45px;
	float:right;
	width:260px;
}

#footer .content .lcol {
	color:#666;
	font-size:1.1em;
	padding:23px 0 0px 20px;
}

#footer .mirror {
	background:url(/images/home_footer_mirror.png) repeat-x;
	height:97px;
	padding-top:4px;
	position:relative;
}

#footer .mirror .rcol {
	background:url(/images/footer_mirror_2_right.png) repeat-x;
	height:107px;
	position:absolute;
	right:0;
	top:0;
	width:260px;
	z-index:2;
}





/* MISC
---------------------------------------------------------------------------------------------------------------------- */

/* Standard button ("More Details", "Similar Projects", etc.) */

a.btn, a.btn b.l, a.btn b.r {
	background:url(/images/standard_button_sprites.png);	
}

a.btn {
	background-repeat:repeat-x;
	background-position:0 -34px;
	color:#cfe7e7;
	display:inline-block;
	font:11px/16px "trebuchet ms", Arial, Helvetica, sans-serif;	/* 0.9em/1.5em */
	height:17px;
	margin-left:3px;
	text-align:center;
	text-decoration:none;
	padding:0 4px;
	position:relative;
}

a.btn:hover {
	color:#fff;
}

a.btn b.l {
	background-repeat:no-repeat;
	display:inline-block;
	height:17px;
	left:-3px;
	position:absolute;
	top:0;
	width:3px;
}

a.btn b.r {
	background-repeat:no-repeat;
	background-position:0 -17px;
	display:inline-block;
	height:17px;
	position:absolute;
	right:-3px;
	top:0;
	width:3px;
}




















/* HOME PAGE
---------------------------------------------------------------------------------------------------------------------- */





/* HOME: BANNER
---------------------------------------------------------------------------------------------------------------------- */

#home_banner {
	background:url(/images/home_banner2.jpg) no-repeat right 0 #1a212a;
	border-top:3px solid #fff;
	height:251px;
	overflow:hidden;
	position:relative;
}

#home_banner_gradient {
	background:url(/images/home_banner_grad1.png) repeat-y;
	height:275px;
	left:0;
	position:absolute;
	top:0;
	width:400px;
	z-index:2;
}

#home_banner_content {
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:10;
}

#home_banner_content_pad {
	padding-top:30px;
}

#home_banner_content_text1 {
        background:url(/images/home_banner_grad2.png) repeat-y;
        color:#fff;
        font:normal 2.6em "trebuchet ms", Arial, Helvetica, sans-serif;
        height:47px;
        width:600px;
}

#home_banner_content_text1_pad {
	padding:7px 0 0 28px;
}

#home_banner_content_text2 {
	color:#fff;
	font-size:2em;
	line-height:1.1em;
	padding:21px 0 0 28px;
}

#home_banner_content_text3 {
	color:#fff;
	font:normal 1em "trebuchet ms", Arial, Helvetica, sans-serif;
	padding:20px 0 0 28px;
	width:315px;
}

#home_banner_content_text3_pad {
	border-top:1px solid #fff;
	padding-top:11px;
}





/* HOME: CONTENT (1)
---------------------------------------------------------------------------------------------------------------------- */

#home_content {
	border-top:3px solid #fff;
	overflow:hidden;
	width:100%;
}

#home_content_col1 {
	background-color:#033;
	color:#fff;
	float:left;
	width:260px;
	margin-bottom:-3000px;
	padding-bottom:3000px;
}

#home_content_col1_pad {
	background-color:#033;
	padding:3px;
}

#home_content_col1_box1a {
	background:url(/images/home_content_box1_grad.gif) repeat-x #004242;
	font:normal 1.5em/1.2em "trebuchet ms", Arial, Helvetica, sans-serif;
	padding:14px 16px 14px 16px;
	/*position:relative;*/
}

#home_content_col1_box1b {
	font:normal 1.5em/2em  Arial, Helvetica, sans-serif;
	padding:10px 16px 24px 16px;
}

#home_content_col1_box1b table {
	table-layout:fixed;
	width:100%;
}

#home_content_col1_box1b table td {
	vertical-align:top;
}

#home_content_col1_box1b .list {
	padding-left:7px;
	padding-right:6px;
}


#home_content_col2 {
	background:url(/images/home_content_box2_grad.gif) repeat-x left bottom #fff;
	margin-left:260px;
}

#home_content_col2 .title {
	color:#066;
	font:bold 2em/1em "trebuchet ms", Arial, Helvetica, sans-serif;
}

#home_content_col2 .content {
	color:#066;
	font:1.3em/2.3em Arial, Helvetica, sans-serif;
	padding-top:0px;
	padding-bottom:10px;
}

#home_content_col2 .content .list {
	font-size:2.2em;
	line-height:1em;
	vertical-align:-4px;
}

#home_content_col2a {
	float:left;
	margin-bottom:-3000px;
	padding-bottom:3000px;
	width:49%;
}

#home_content_col2a_pad {
	border-color:#fff;
	border-style:solid;
	border-width:0 1px 0 2px;
	margin-bottom:-3000px;
	padding:22px 36px 36px 36px;
	padding-bottom:3000px;
}

#home_content_col2a sup {
	font-size:0.8em;
	line-height:1px;
}

#home_content_col2b {
	float:left;
	margin-bottom:-3000px;
	padding-bottom:3000px;
	width:51%;
}

#home_content_col2b_pad {
	border-color:#fff;
	border-style:solid;
	border-width:0 2px 0 1px;
	margin-bottom:-3000px;
	padding:22px 36px 36px 36px;
	padding-bottom:3000px;
}




/* HOME: CONTENT (2)
---------------------------------------------------------------------------------------------------------------------- */

#home_content2 {
	background-color:#fff;
	border-top:3px solid #fff;
	height:90px;
	overflow:hidden;position:relative;
}

#home_content2_col1 {
	background:url(/images/home_content_box2_grad.gif) repeat-x left bottom #fff;
	float:left;
	height:90px;
	width:260px;
}

#home_content2_col1_pad {
	padding:24px 20px;
}

#home_content2_col1 {
	color:#066;
	font-size:1.5em;
	line-height:1.2em;
}

#home_content2_col2 {
	height:90px;
	margin-left:260px;
	position:relative;overflow:hidden;
}

#homeimg
{
	width: 812px;
	height: 89px;
	background: #fbfbfb;
	position:absolute;
	top:0;
	right:0;
}

* html #homeimg
{
	margin-left: -3px;
}

#homeimg img
{
	position: absolute;
	top: 0;
	left: 0;
	min-height: 1px;
	_height: 1px;
	width: 812px;
	height: 89px;
}




#home_content2_col2_box1 {
	border-left:2px solid #d9d9d5;
	height:100%;
	padding:26px 0 0 16px;
	position:absolute;
	z-index:3;
}


/*  link */

#home_content2_col2_box1 a.toplink {
	text-decoration:none;
}

#home_content2_col2_box1 a.toplink span {
	color:#808080;
	display:block;
	font-family:"trebuchet ms", Arial, Helvetica, sans-serif;
}

#home_content2_col2_box1 a.toplink .line1 {
	font-size:1.2em;
}

#home_content2_col2_box1 a.toplink .line2 {
	font-size:2.0em;
	line-height:0.7em;
	padding-bottom:10px;
}

#home_content2_col2_box1 a.toplink .line2 strong {
	font-weight:bold;
	color:#066;
}

#home_content2_col2_grad {
	background:url(/images/test1.png) no-repeat;
	height:90px;
	left:0;
	position:absolute;
	top:0;
	width:320px;
	z-index:2;
}




/* FOOTER
---------------------------------------------------------------------------------------------------------------------- */

#footerwrapper {
}

#home_footer {
	background:url(/images/footer_line.gif) repeat-x 0 bottom #fff;
	height:81px;
}

#home_footer_pad {
	padding:49px 0 9px 20px;
}

#home_footer p {
	color:#666;
	font-size:1.1em;
}

#home_footer_mirror {
	background:url(/images/home_footer_mirror.png) repeat-x #ccc;
	height:97px;
	margin-top:4px;
}
