@charset "utf-8";
/* CSS Document */

html {
	margin: 0px;
	padding: 0px;
	background: #000000;
	color: #ffffff;
}
body {
  margin: 0px;
  padding-top: 40px;
  text-align: center;
  background:#000 url(images/Background%20Images/bodyBG3.jpg) no-repeat fixed top center;
  min-width: 974px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 0.8em;
}
#wrap {
	margin: 0 auto;
	width: 974px;
	text-align: left;
	overflow: hidden;
	padding: 0px 5px 20px 5px;
	background-image: url(images/Background%20Images/dg_bg.jpg);
	background-repeat: repeat;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
h1,h2,h3,h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: 500;
	margin: 5px 5px 5px 0px;
}
h1 {
	font-size: 140%;
}
.hHome {
	font-size: 120%;
	color: #8a888a;
}
h2 {
	font-size: 125%;
}
h3 {
	font-size: 110%;
}
hr {
	border-color: #000;
 	border-style: dashed;
 	border-width: 1px 0 0;
 	clear: both;
	width: 80%;
 	margin: 0 auto;
	padding: 10px 0px 10px 0px;
 	height: 0;
}
strong {
	font-weight: 500;
	color:#bbbac7;
}
a:link {
	color: #bbbac7;
	text-decoration: none;
}
a:visited {
	color:#636363;
	text-decoration: none;
}
a:hover {
	color: #602d71;
	text-decoration: underline;
}
.tip { 
	background: url("images/black_arrow2.png") no-repeat; 
	display: none; 
	height: 100px;
	padding: 35px 0px; 
	text-align: center;
	width: 150px; 
}
a .tip {
	color: #ffffff;
}
img { 
	border-style: none;
}
#main {
	clear: both;
	float: left;
	width: 660px;
	margin-top: 0px;
}
#main_bg {
	clear: both;
	background-image: url(images/Background%20Images/content-gradient.gif);
	background-repeat: repeat;
	overflow: hidden; /*Extends background around both floating divs*/
	padding: 5px;
	color: #ffffff;
	font-weight: 400;
	border: 1px solid #000000;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.m_content {
	padding: 0px 5px 10px 5px;
	line-height: 1.5em;
}
.q_content {
	padding: 0px 5px 10px 5px;
	line-height: 1.6em;
}
.clear {
		clear: both;
}
#intro p object {
	display: block; /*Firefox displays object inline - needs to be set to display: block to avoid 2px padding*/
}	
.bold {
	font-size: 1.3em;
}
#header {
	padding: 0px 10px;
}
#subH {
	margin: 0px;
	padding: 0px;
}
.top_right {
	color: #ffffff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: right;
	text-align: right;
	width: auto;
}
.top_right a {
	color: #636363;
	margin: 0px 5px 0px 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 0.9em;
}
.top_right a:visited {
	color: #636363;
	text-decoration: none;
}
.top_right a:hover {
	color: #ffffff;
	text-decoration: none;
}
.topR  a {
	position: relative;
	top: 70px;
	left: 235px;
	}
.topR a:hover {
	color: #ffffff;
	text-decoration: none;
}
#l_col {	
	position: relative;
	float: left;
	width: 310px;
}
#l_col p.content {
	padding: 5px;
}
#r_col {
	position: relative;
	float: right;
	width: 310px;
}
.purple {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.3em;	
	color: #703583;
}
.purple2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.7em;	
	color: #703583;
}
.center a:hover {
	text-decoration: none;
}
#sidebar {
	float: right;
	width: 274px;
}
#sidebar p.content {
	padding: 5px;
	}
#r_head {
	background-image:url(images/Background%20Images/current_projects_bg.jpg);
	background-repeat: no-repeat;
}
#current_project {
    text-align: center;
	padding: 15px 0px 53px 0px;
}
#sub_header {
	background-image:url(images/Background%20Images/skyline_header.jpg);
	background-repeat: no-repeat;
}
.right {
	float: right;
	padding: 5px 0px 10px 10px;
	width: auto;
}
.left {
	float: left;
	padding: 5px 10px 10px 0px;
	width: auto;
}
.leftH {
	float: left;
	padding: 5px 10px 5px 0px;
	width: auto;
}
.left img {
	border: 1px solid #000000;
}
.white {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	letter-spacing: 1.5px;
	color: #ffffff;
}


/*Main Navigation Begins */
#nav li {
	display: inline;
}
.navigation {
    width: 660px;
    height: 30px;
    background: url(images/Main%20Nav%20Buttons/main_nav.gif) no-repeat;
	position: relative;
}
.navigation li a:link, .navigation li a:visited {
    position: absolute;
    top: 0px;
    height: 30px;
	width: 660px;
    text-indent: -9000px;
    overflow: hidden;
	z-index: 10;
}

/*Home Nav*/
.navigation .home a:link, .navigation .home a:visited {
    left: 0px;
    width: 129px;

}
.navigation .home a:hover, .navigation .home a:focus, .navigation .home a:active {
    background: url(images/Main%20Nav%20Buttons/main_nav.gif) no-repeat 0px -30px;
}
.current-home .home a:link, .current-home .home a:visited {
		background: url(images/Main%20Nav%20Buttons/main_nav.gif) no-repeat -0px -30px;
		cursor: default;
}
.nav-home, .nav-home-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 129px;
		height: 30px;
		background: url(images/Main%20Nav%20Buttons/main_nav.gif) no-repeat -0px -30px;
}
.nav-home-click {
		background: url(images/Main%20Nav%20Buttons/main_nav.gif) no-repeat -0px -30px;
}



/*About Nav*/
.navigation .about a:link, .navigation .about a:visited {
    left: 133px;
	width: 129px;
	
}
.navigation .about a:hover, .navigation .about a:focus, .navigation .about a:active {
    background: url(images/Main%20Nav%20Buttons/main_nav.gif) no-repeat -133px -30px;
}
.current-about .about a:link, .current-about .about a:visited {
		background: url(images/Main%20Nav%20Buttons/main_nav.gif) no-repeat -133px -30px;
		cursor: default;
}
.nav-about, .nav-about-click {
		position: absolute;
		top: 0;
		left: 133px;
		width: 129px;
		height: 30px;
		background: url(images/Main%20Nav%20Buttons/main_nav.gif) no-repeat -133px -30px;
	}
	.nav-about-click {
		background: url(images/Main%20Nav%20Buttons/main_nav.gif) no-repeat -133px -30px;
	}



/*Services Nav*/
.navigation .services a:link, .navigation .services a:visited {
    left: 265px;
    width: 129px;
}
.navigation .services a:hover, .navigation .services a:focus, .navigation .services a:active {
    background: url(images/Main%20Nav%20Buttons/main_nav.gif) no-repeat -265px -30px;
}
.current-services .services a:link, .current-services .services a:visited {
		background: url(images/Main%20Nav%20Buttons/main_nav.gif) no-repeat -265px -30px;
		cursor: default;
}
.nav-services, .nav-services-click {
		position: absolute;
		top: 0;
		left: 265px;
		width: 129px;
		height: 30px;
		background: url(images/Main%20Nav%20Buttons/main_nav.gif) no-repeat -265px -30px;
	}
	.nav-services-click {
		background: url(images/Main%20Nav%20Buttons/main_nav.gif) no-repeat -265px -30px;
	}


/*Portfolio Nav*/
.navigation .portfolio a:link, .navigation .portfolio a:visited {
    left: 398px;
	width: 129px;
}
.navigation .portfolio a:hover, .navigation .portfolio a:focus, .navigation .portfolio a:active {
    background: url(images/Main%20Nav%20Buttons/main_nav.gif) no-repeat -398px -30px;
}
.current-portfolio .portfolio a:link, .current-portfolio .portfolio a:visited {
		background: url(images/Main%20Nav%20Buttons/main_nav.gif) no-repeat -398px -30px;
		cursor: default;
}
.nav-portfolio, .nav-portfolio-click {
		position: absolute;
		top: 0;
		left: 398px;
		width: 129px;
		height: 30px;
		background: url(images/Main%20Nav%20Buttons/main_nav.gif) no-repeat -398px -30px;
	}
	.nav-portfolio-click {
		background: url(images/Main%20Nav%20Buttons/main_nav.gif) no-repeat -398px -30px;
	}
	
	
/*Contact Nav*/
.navigation .contact a:link, .navigation .contact a:visited {
    left: 531px;
	width: 129px;
}
.navigation .contact a:hover, .navigation .contact a:focus, .navigation .contact a:active {
    background: url(images/Main%20Nav%20Buttons/main_nav.gif) no-repeat -531px -30px;
}
.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(images/Main%20Nav%20Buttons/main_nav.gif) no-repeat -531px -30px;
		cursor: default;
}
.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 531px;
		width: 129px;
		height: 30px;
		background: url(images/Main%20Nav%20Buttons/main_nav.gif) no-repeat -531px -30px;
}
	.nav-contact-click {
		background: url(images/Main%20Nav%20Buttons/main_nav.gif) no-repeat -531px -30px;
}

/* End of nav */
	
#sidebar_bg {
	padding: 5px;
	background-image: url(images/Background%20Images/content-gradient.gif);	
	border: 1px solid #000000;
	margin-top: -2px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	}
#sidebar_bg2 {
	
	}
#sidebar_cg {
	margin-top: -2px;
	color: #8a888a;
	background-image: url(images/Background%20Images/content-gradient.gif);
	padding: 5px;	
	border: 1px solid #000000;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#sidebar_cg1 {
	margin-top: -2px;
	color: #8a888a;
	background-image: url(images/Background%20Images/content-gradient.gif);
	padding: 5px;	
	border: 1px solid #000000;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#sidebar_cg1 strong {
	font-size: 104%;
	}
#sidebar_cg p.content {
	padding: 8px 0px 0px 5px;
	font-size: 90%;
}
#sidebar_cg a {
	color: #ffffff;
	}
#sidebar_pg {
	margin-top: -2px;
	color: #8a888a;
	background-image: url(images/Background%20Images/content-gradient.gif);
	padding: 5px;	
	border: 1px solid #000000;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#sidebar_pg p.content {
	padding: 8px 0px 0px 5px;
	font-size: 90%;
}
#sidebar p.content {
	padding: 20px 0px 0px 5px;	
	}
#sidebar_bg p.content {
	padding: 8px 0px 0px 5px;
}
#sidebar_mg {
   	font-size: 110%;
	margin: -23px 0px 33px 0px;
	text-align: center;
}
.center {
	text-align: center;
	font-size: .8em;
	}
.side_marg {
	margin: 5px 0px 0px 5px;
	}
	
/* Secondary page lists - adding margins */
.secLists {
	margin: 15px;
}
.secLists li {
	margin: 15px 0px 15px 0px;
}

/* Footer */
#footer  {
	background-image: url(images/Background%20Images/content-gradient.gif);
	background-repeat: repeat;
	text-align: left;
	overflow: auto;
	color: #8a888a;
	clear: both;
}
#footer a {
	color: #8a888a;
}
#footer p {
	line-height: 2em;
	color: #8a888a;
	font-size: 80%;
}
#footer p.b_nav {
	clear: both;
	text-align: center;
	line-height: normal;
	}
#foot_left {
	float: left;
	margin-left: 13%;
	width: auto;
}
#foot_right {
	margin-right: 13%;
	float: right;
	width: auto;
}
.b_nav {
	text-align: left; 
	clear: both; 
	font-weight: 400;
}
#port img {
	margin: 5px 20px 5px 30px;
}
.red {
	color: red;
}
.f_link a {
	color: #ffffff;
}
.f_link a:visited {
	color:#ffffff;
}
.f_link a:hover {
	color:#602d71;
}
	
.test {
	font-size: 85%;
	padding: 5px;
	line-height: 1.6em;
}
.small {
	font-size: 85%;
	}
.m1 li {
	font-style: italic;
	}
.n_ind {
	list-style-type: none;
}
.none { display: none; }

/* form styles */
.c_form  {
	width: 90%;	
}
.c_form #f1 fieldset {
	border: 1px solid #333333;
	margin: 5px;
	padding: 10px;
}
.c_form #f1 legend {
	color: #8a888a;
}
.c_form #f1 label {
	width: 7em;
	float: left;
	text-align: left;
	margin-right: 1.5em;
	display: block;
	vertical-align: top;
}
input {
	color: #000000;
	background: #e0e1e4;
	border: 1px solid #8a888a;
}
textarea {
	color: #000000;
	background: #e0e1e4;
	border: 1px solid #8a888a;
}
.c_form #f1 .submit {
	margin-left: 8.5em;
	width: 15em;
	padding: .5em;
	color: #ffffff;
	
}
.c_form #f1 .submit input {
	border: solid thin #8a888a;
}
/* end form styles */