@charset "UTF-8";

/*

CSS Stylesheet  for Team Pain
Author: KMDG, Inc
URL: http://kmdg.com


*/

.index-padding { margin-top: 10px; }
/* GLOBAL */

* {outline: none;} 

html, body { height: 100%; }
 
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-color: #333333;
	margin: 0;
	padding: 0;
}

.clear { clear: both; }

.small { font-size: 10px; }

.hr hr {
	border: 1px solid #CCCCCC;
}

.hr-bottom {
	border-bottom: 1px solid #CCCCCC;
}
.hr-top { border-top: 1px solid #CCCCCC; padding-top: 10px; }

.supplement {
	border: 1px solid #999999;
	padding: 0px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
}


/* Links */

a, a:link {
	color: #333333;
	text-decoration: underline;
}

a:hover {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #646464;
}
.list a:visited { background-color: #eeeeee; color: #888888; }
ul.menu a:visited { color: #646464; }



/* HEADINGS */

h3 {
	color: #ED1C24;
	font-size: 18px;
	margin: 10px 0;
}

h3 a {
	color: #ED1C24;
	font-size: 18px;
	text-deocration: none;
}

h3 a:hover { color: #666666; }



h4 {
	text-transform: uppercase;
	color: #333333;
	font-size: 14px;
	padding-left: 5px;
	margin: 0px;
	padding: 6px 0 3px 0;
}

h5 {
	color: #ED1C24;
	font-size: 16px;
}

.h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff0000;
	font-weight: bold;
	text-transform: uppercase;
}
.h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #333333;
}

.h7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #666666;
}

.h5 {
	font-weight: bold;
	color: #333333;
	font-size: 14px;
}


/* WRAPPERS */

#wrapper_shadow {
	background-image: url(../images/shadows.png);
	background-repeat: repeat-y;
	width: 955px;
	background-position: center;
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;

}

#wrapper_bg {
	width: 922px; 
	margin-left: auto;
	margin-right: auto;
	height; 100%;
	padding: 15px 0 15px 0;
}
#wrapper { 
	width: 901px; 
	margin-left: auto;
	margin-right: auto;
}

.content {
	margin-top: 4px;
}


/* HEADER */

#header {
	padding: 5px;
}

#body {
	padding-top: 10px;
	padding-bottom: 20px;
}



/* NAVIGATION */

#nav {	
	width: 565px;
	z-index: 30;
	float: right;
	}
	
#nav .nav-padding { padding-top: 15px; float: right; }

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

#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float:left;
}

.nav li a {	
	display: block;
	margin: 0 3px 0 0;
	padding: 5px 10px 4px 10px;
	width: 60px;
	background: #939598;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

.nav li a:hover {
	background: #ff0000;
}

.nav div {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
}

.nav div a	{
	position: relative;
	display: block;
	margin: 0;
	padding: 3px 0 3px 0;
	width: 80px;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	border-top: solid 1px #939598;
	font-family: "Century Gothic", Arial, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #939598;
	background-color: #ECECEC;
}

.nav div a:hover {
	background: #939598;
	color: #FFFFFF;
}

.subnav li a {	
	display: block;
	margin: 3px 3px 0 0;
	padding: 5px 10px 4px 10px;
	width: 143px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	font-family: "Century Gothic", Arial, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}

.subnav .concretebg a {
	background-color: #bcbdc0;
}
.subnav .concretebg a:hover {
	background-color: #cecfd1;
}
.subnav .woodbg a {
	background-color: #bcbdc0;
}
.subnav .woodbg a:hover {
	background-color: #cecfd1;
}
.subnav .specialtybg a {
	background-color: #bcbdc0;
}
.subnav .specialtybg a:hover {
	background-color: #cecfd1;
}

/* TITLES */


.title_about, .title_news, .title_projects, .title_process, .title_team, .title_media, .title_news {
	background-image: url(../images/subtitle.gif);
	height: 25px;
	background-repeat: no-repeat;
}

/*.title_about {
	background-image: url(../images/about_us.gif);
	height: 35px;
	background-repeat: no-repeat;
}

.title_news {
	background-image: url(../images/news.gif);
	height: 35px;
	background-repeat: no-repeat;
}

.title_projects {
	background-image: url(../images/projects.gif);
	height: 35px;
	background-repeat: no-repeat;
}

.title_process {
	background-image: url(../images/process.gif);
	height: 35px;
	background-repeat: no-repeat;
}

.title_team {
	background-image: url(../images/team.gif);
	height: 35px;
	background-repeat: no-repeat;
}

.title_media {
	background-image: url(../images/media.gif);
	height: 35px;
	background-repeat: no-repeat;
}*/

.title_text {
	color: #FFFFFF;
	padding-left: 15px;
	padding-top: 5px;
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	float: left;
	width: 675px;
}

.project_link a {
	padding: 4px;
	text-transform: uppercase;
	font-size: 12px;
	font-family: "Century Gothic", Arial, sans-serif;
	font-weight: normal;
	float: right;
	color: #666666;
	text-decoration: none;
	margin-right: 10px;
}
.project_link a:hover {
	color: #FFFFFF;
	text-decoration: none;
}




/* INDEX */

#testimonials {
	float: left;
	margin: 10px;
}
#news {
	float: right;
	margin: 10px;
	width: 200px;
	font-size: 12px;
}
#parkupdate {
	float: right;
	margin: 10px;
	width: 200px;
	font-size: 12px;
}



/* COLUMNS */

.left_column {
	width: 420px;
	padding-top: 18px;
	margin-left: 10px;
}

/*.left_column .title {
	margin-top: 4px;
	padding: 10px;
	text-align: right;
	font-size: 14px;
}*/

.left_column .bottom {
	padding: 10px;
}

.left_column .bottom h4 {
	text-transform: uppercase;
	color: #333333;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

.right_column {
	width: 460px;
	float: right;
	margin-right: 10px;
	padding-top: 18px;
}
.right_column_nest {
	padding: 0 20px;
}

.column3 {
	width: 250px;
}

.column4 {
	width: 650px;
	float: right;
}

.quarter_column_1 { width: 25%; float: right; margin-top: 20px; }
.quarter_column_2 { width: 25%; float: right; margin-top: 20px; }
.quarter_column_3 { width: 25%; float: left; margin-top: 20px; }
.quarter_column_4 { width: 25%; float: right; margin-top: 20px; }


.half_column_left {
	width: 48%;
	margin-top: 20px;
	float: left;
}

.half_column_right {
	width: 48%;
	margin-top: 20px;
	float: right;
}



/* PROCESS */

a.menuLink {
	border: 0px;
	text-decoration: none;
}
 
a.activeMenuLink {
	border: 0;
	text-decoration: none;
}

 
.process_sidebar {
	width: 376px;
	padding-top: 15px;
	margin: 0 auto;
}


.process_sidebar .title {
	margin-top: -15px;
	text-align: left;
	padding: 7px;
	font-size: 14px;
	background: #FFFFFF;
	color: #4b4b4b;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: inherit;
	z-index: 1000px;
	position:relative;
	display: none;
}

.process_sidebar .bottom {
	padding: 10px;
}

.process_sidebar .bottom h4 {
	text-transform: uppercase;
	color: #333333;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

.process_sub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #434343;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-right: 3px;
	padding-left: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.process_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff0000;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.process_sidebar {
	width: 376px;
	height: 592px;
	background-image: url(../images/process_bg.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

.testimonials_sidebar {
	width: 384px;
	height: 296px;
	background-image: url(../images/testimonials_bg.jpg);
	background-repeat: no-repeat;
	margin: 15px 0px;
}

.testimonials_sidebar .description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 29px;
	font-weight: bold;
	color: #FFFFFF;
	width: 300px;
	margin: 0 auto;
	padding-top: 20px;
}
.testimonials_sidebar .name {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #d8d8d8;
	line-height: 18px;
	font-weight:bold;
	margin-top: 10px;
}

.testimonials_sidebar .links {
	padding: 15px 20px; text-align: right;
}

#testimonials_popup { padding: 20px 30px; background-color: #888888; text-align: center; }
#testimonials_popup .description { 
	color: #FFFFFF;
	margin: 15px 0px 10px 0px;
	padding: 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 29px;
	font-weight: bold;
	border-top: 1px solid #999999;
	}
#testimonials_popup .name {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #d8d8d8;
	line-height: 18px;
	font-weight:bold;
	margin-top: 10px;
	}

#testimonials_popup h3 {
	text-align: left;
	font-weight: bold;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #333333;
	text-transform: uppercase;
}

.projects_sidebar {
	width: 376px;
	height: 413px;
	background-image: url(../images/projects_bg.jpg);
	background-repeat: no-repeat;
}

.projects_sidebar .links { padding: 20px; text-align: right; }

.projects_sidebar .image {
	 background-repeat: no-repeat;
	 width: 335px;
	 margin: 0 auto;
	 padding-top: 140px;
}

.projects_sidebar .park, .projects_sidebar .park a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #ff0000;
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 5px;
	position: relative;
	text-decoration: none;
}

.projects_sidebar .park a:hover { color: #777777; }

/* TOP 16 PROJECTS */

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
}

ul.menu a {
  display: block;
  text-decoration: none;	
  padding: 4px 0;
  background-color: #FFFFFF;
}

ul.menu li a {
	color: #999999;
	padding-left: 10px;
	font-weight: normal;
	font-size: 10px;
	font-family: verdana;
	text-transform: uppercase;
	border-bottom: 1px  dotted #CCCCCC;
}

ul.menu li  a:hover {
	padding-left: 10px;
	font-weight: normal;
	background-color: #F5F5F5;
	color: #585858;
}



body.top1 li a.top1, body.top2 li a.top2, body.top3 li a.top3,
body.top4 li a.top4, body.top5 li a.top5, body.top6 li a.top6,
body.top7 li a.top7, body.top8 li a.top8, body.top9 li a.top9,
body.top10 li a.top10, body.top11 li a.top11, body.top12 li a.top12,
body.top13 li a.top13, body.top14 li a.top14, body.top15 li a.top15,
body.top16 li a.top16
{ color: #FF0000; font-weight: bold; }

body.top1 li a.top1:hover, body.top2 li a.top2:hover, body.top3 li a.top3:hover,
body.top4 li a.top4:hover, body.top5 li a.top5:hover, body.top6 li a.top6:hover,
body.top7 li a.top7:hover, body.top8 li a.top8:hover, body.top9 li a.top9:hover,
body.top10 li a.top10:hover, body.top11 li a.top11:hover, body.top12 li a.top12:hover,
body.top13 li a.top13:hover, body.top14 li a.top14:hover, body.top15 li a.top15:hover,
body.top16 li a.top16
{ font-weight: bold; }


.top_list {
	background-color: #FFFFFF;
	width: 100%;
	background-image: url(../images/topprojects_bg.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
.top_list_left { width: 24%; float: left; background-color: #FFFFFF;}
.top_list_right { width: 25%; float: right; background-color: #FFFFFF;}

.top_description_wrapper {
	float: right;
	width: 51%;
	height: 170px;
	overflow: auto;
}

.top_description {
	padding: 20px;
	font-size: 10px;
}

.top_title {
	color: #ED1B23;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* PROJECT LIST */

.project_legend {
	float:right;
	width: 200px;
	margin: 5px;
	text-align: right;
	font-size: 11px;
	color: #666666;
	text-transform: uppercase;
}

.list_heading { margin-top: 10px; }

.list ul {
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
}
.list ul li {
	list-style-image: none;
	list-style-type: none;
}

.list li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-size: 11px;
}

.list a {
	text-decoration: none;
	padding: 3px 4px 3px 23px;
	display: block;
	color: #666666;
	background-color: #FFFFFF;
	background-image: url(../images/icons/picture.png);
	background-repeat: no-repeat;
	background-position: 3px 3px;
}
.list a:hover {
	text-decoration: none;
	display: block;
	background-color: #EEEEEE;
}

.topten a {
	color: #444444;
}
.topten a:hover {
	color: #FFFFFF;
	background-color: #999999;
}

.close {
	background-color: #666666;
	text-align: right;
	width: 645px;
}

.topten {
	color: #444444;
	background-color: #CCCCCC;
	font-weight: bold;
	padding: 3px 4px;
}

.noimg {
	padding: 3px 4px 3px 23px;
	color: #666666;
	
}

/* SPECIALTY */

.speciality { background: #9f0009; height: 100%;}
.speciality .scroll { height: 450px; overflow: auto; }
.speciality .image { float: left; width:635px;}
.speciality .menu { float: right; width:265px;}
.speciality .menu .padding { padding: 25px; }
.speciality .title { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #cccccc; padding-top: 25px; line-height: 16px; }
.speciality .links { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
.speciality .links a { color: #FFFFFF; text-decoration: underline; }
.speciality .links a:hover { color: #cccccc; }
.speciality .title2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #cccccc; padding-top: 10px; line-height: 16px; }
.speciality .title2 a { color: #FFFFFF; text-decoration: none; font-weight: normal; }
.speciality .title2 a:hover { color: #cccccc;text-decoration: underline; }


/* TEAM */

.teambg {
	background-image: url(../images/our_team.png);
	background-repeat: no-repeat;
	height: 500px;
}

.teamimage {
	height: 500px;
	width: 550px;
}

.teamname {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #666666;
	text-align: center;
}


/* MEDIA */

.media .image {
	float: left;
	height: 100px;
	width: 100px;
	padding-right: 5px;
}
.media .title {
	width: 100%;
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	text-transform: uppercase;
}
.media .description {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


/* FOOTER */

#footer {
	border-top: 1px solid #EF1921;
	border-bottom: 1px solid #EF1921;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	color: #58585a;
	margin: 0 10px 0 10px;
}
#footer p {
	display: inline;
	}

#footer ul, #footer li {
	display: inline;
	margin: 0;
	padding: 0;
	}

#footer li {
        padding-left: 6px;
        padding-right: 6px;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
	text-transform: uppercase;
	text-decoration: none;
	color: #333333;
}
#footer a:hover {
	text-transform: uppercase;
	text-decoration: none;
	color: #EF1921;
}

.address {
	float: left;
}
.phone {
	text-align: right;
	float: right;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #EF1921;
}
.email {
	float: right;
	text-transform: uppercase;
}