@charset "UTF-8";
/* CSS Document */
	
	/* Source: http://www.elementalfocus.com/normalizing-your-css/ */
		/* Normalize padding and margins */
		body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
			margin: 0;
			padding: 0;
			border: 0;
		}
		/* Normalize header sizes */
		h1, h2, h3, h4, h5, h6 {
			font-size: 100%;
		}
		/* Normalize list styles */
		ol, ul {
			list-style: none;
		}
		/* Normalize font style and weight on odd elements */
		address, caption, cite, code, dfn, em, strong, th, var {
			font-style: normal;
			font-weight: normal;
		}
		/* Normalize table borders */
		table {
			border-collapse: collapse;
		}
		/* Normalize other borders */
		fieldset, img {
			border: 0;
		}
		/* Normalize text-alignment */
		caption, th {
			text-align: left;
		}
		/* Normalize (remove) quotation marks */
		q:before, q:after {
			content: '';
		}
		a {
			text-decoration: none;
			outline: none;
		}
/*THIS ENDS THE NORMALIZER_________________________________________________________*/	
		body {
			font-family:Arial, Helvetica, sans-serif;
			color: #666;
			font-size: 11.5px;
			text-align:center;
			background-image:url(images/background2.gif);}
		html,body{ 
			width:900px; margin:auto; }
		#main_container {
			width: 900px;
			background-color: #fff;
			margin: 20px auto 0px auto;
			text-align:left;
		}
		#header {
			width: 900px;
			height: 85px;
		}
		
/*TOP NAVIGATION AREA__________________________________________________________*/	
		#navsp {
			width: 32px;
			height: 85px;
			background-image:url(images/navigation_c.gif);
			background-repeat: no-repeat;
			float: left;
		}
		#navigation {
			width: 518px;
			height: 40px;
			background-image:url(images/navigation_d.gif);
			background-repeat: no-repeat;
			display: block;
			float: left;
			font-size: 11.5px;
			line-height: 18px;
			z-index: 10;
		}
		.selected{
			color: #BF2F1B;
		}
/*________________________________________*/
		#homenav  {
			width: 100px;
			height: 20px;
			float: right;
			padding-top: 12px;
			font-size: 11.5px; 
			text-align: right;
		}
		#homenav a {
			color: #CCC; 
			text-decoration: none;
			background-image: none
		}
		#homenav a:hover, a:active{
			color: #BF2F1B;
			text-decoration: none;
		}
/*________________________________________*/
					
		#topnav {	
			margin: 0;
			padding: 0;
			z-index: 30
		}
		#topnav li {
			margin: 0;
			padding: 0;
			list-style: none;
			float: left;
			font-size: 11.5px;
		}
		#topnav li a {
			display: block;
 			padding: 12px 15px 6px 15px;
			width: 76px;
			height: 10px;
			color: #666;
			text-align: center;
		}
		#topnav a:hover, a:active {	
			color: #BF2F1B;
			text-decoration: none;
			background-image:url(images/goldbar2.gif);
			background-repeat:no-repeat;
		}
		
	/*  dropdown_____________________*/
		#topnav div {
			position: absolute;
			visibility: hidden;
			margin: 0;
			padding: 0;
		}
		#topnav div a {
			position: relative;
			display: block;
			margin: 0;
			padding: 3px 0px 5px 33px;
			width: 70px;
			height: 12px;
			white-space: nowrap;
			text-align: left;
			text-decoration: none;
			color: #666;
			font-size: 11.5px;
			background-image: none
		}
		#topnav #m1 a:hover {
			background-image:none;
			color: #BF2F1B;
			text-decoration: none;
		}

/*COMMON PAGES __________________________________________________________*/

		#logo_area {
			width: 340px;
			height: 40px;
			float: left;
		}
		#connectdot {
			width: 66px;
			height: 41px;
			float: right;
		}
		#page_title.normal {
			width: 900px;
			height: 81px;
			z-index: 5;
			padding: 0px !important; 
			margin: 0px !important;
			background-color: #FFF;
		}
		#page_title img {
			padding: 0px !important;
			margin: 0px !important;
		}
		#content {
			width: 900px;
			height: 430px;
			background-color: #fff;
			position: relative;
			padding:0px;
			margin:0px;
		}
		
/*BOTTOM NAVIGATION____________________________________________________________*/	
		#footer {
			width: 900px;
			height: 26px;
			background-color: #e9e8d1;
			text-align: right;
			font-size: 10px;
			padding-top: 4px;
			color: #8F8A70;
			text-decoration: none;
			border-top: 1px solid #7fa7b7;
		}
		#bottom_nav {
			width: 500px;
			height: 26px;
			float: left;
		}
		#bottom_nav a, a:visited {
			text-decoration: none;
			color: #8F8A70;
			background-image: none;
		}
		#bottom_nav a:hover, a:active {
			color: #BF2F1B;
			text-decoration: none;
			background-image: none;
		}		
		#copyright {
			width: 370px;
			height: 26px;
			float: left;
		}
		.pipecolor {
			color: #7fa7b7;
		}
		.color2 {
			color: #aba000;
		}
		.color3 {
			color:#9A9F8B;
		}
/*SLIDE CONTAINER____________________________________________________________*/

		#slidecontainer{
			width: 600px;
			height: 430px;
			float: right;
			margin: 0px 0 0px 0px;
			padding: 0px 0 0px 0px;
		}

/*EASY SLIDER_________________________________________________*/

 		#slider ul, #slider li{ 
			margin: 0;
			padding: 0;
			list-style: none;
			}	
		#slider, #slider li{ 
			width: 600px;
			height: 430px;
			overflow: hidden;
			}	
		#prevBtn, #nextBtn{ 
			display:block;
			width: 20px;
			height: 25px;
			position: absolute;
			left: 220px;
			top: 380px;
			}	
		#nextBtn{ 
			top: 367px;
			left: 240px;
			width: 150px;
			}	
		#prevBtn a, #nextBtn a{  
			display: block;
			width: 20px;
			height: 25px;
			color: #BF2F1B;
			font-size: 11px;
			text-align: right;
			}	
		.col strong, .full strong{
			padding: 0 2px;
			background: #f1f1f1;
		}
		.col a, .full a{
			font-weight: bold;
			text-decoration: underline;
		}		
		.full ul, .full li{
			margin: 0;
			padding: 0;
			list-style: none;
		}
		.full li{
			padding: 3px 15px;
			background: #f1f1f1;
			margin-bottom: 1px;
		}
		
/*CASE STUDY PAGES_________________________________________________*/		
		#description{
			width: 185px;
			height: 170px;
			margin: 100px 0px 0px 80px;
			position: absolute;
			font-size: 11.5px;
			line-height: 20px;
			color: #9A9F8B;
			left: -14px;
			text-align:left;
		}
		#description.art{
			width: 183px;
			height: 170px;
			margin: 35px 0px 0px 80px;
			position: absolute;
			font-size: 11.5px;
			line-height: 20px;
			color: #9A9F8B;
			left: -14px;
			text-align:left;
		}
		#subnav {
			width: 220px;
			height: 45px;
			margin-top: 55px;
			margin-left: 65px;
			position: absolute;
			line-height: 19px;
			text-decoration: none;
			text-align:left;
		}
		#subnav a {
			color: #666;
			text-decoration: none;
		}
		#subnav a:hover, a:active {
			color: #BF2F1B;
			text-decoration: none;
		}
/*HOME PAGE_________________________________________________*/
		#page_title {
			width: 900px;
			height: 148px;
			z-index: 5;
			padding: 0px !important; 
			margin: 0px !important;
			background-color: #fff;
		}
		#blurb {
			width: 237px;
			height: 120px;
			font-size:17px;
			letter-spacing: 1px;
			color:#999;
			font-family:Arial Narrow, Helvetica, sans-serif;
			margin: 20px 0px 0px 80px;
			position: absolute;
			left: -19px;
			text-align:left;
		}
		#blurb .inner {
			font-size:11.5px;
			color:#9A9F8B;
			letter-spacing: normal;
			line-height: 20px;
			margin-top:15px;
			font-family:Arial, Helvetica, sans-serif;
			text-align:left;
		}
		#caption {
			width: 225px;
			height: 15px;
			margin: 355px 0px 0px 130px;
			position: absolute;
			font-size: 10px;
			line-height: 14px;
			color: #999;
			text-align: right;
			padding-top: 2px;
			left: -54px;
			top: 18px;
		}
		#content.home {
			height: 410px;
			position: relative;
		}
		#image {
			width: 600px;
			height: 410px;
			top: 0px;
			left: 300px;
			position: absolute;
			background-color: #fff;
			z-index: 20;
		}
		
/*ABOUT PAGE_________________________________________________*/
	
		#main_container.about {
			height: 900px; 
		}
		#content.about {
			height: 860px;
			background-color: #fff;
			position: relative;
			background-image:none;
		}
		#page_title.about {
			width: 900px;
			height: 110px;
			z-index: 5;
			padding: 0px !important; 
			margin: 0px !important;
			background-color: #fff;
		}
		#page_title.about img {
			padding: 0px !important;
			margin: 0px !important;
		}
		#stripe {
			width: 230px;
			height: 860px;
			float: left;
		}
		#container {
			width: 150px;
			height: 170px;
			margin: 0px 0px 0px 50px;
			font-size:17px;
			letter-spacing: 1px;
			line-height: 22px;
			color:#999;
			font-family:Arial Narrow, Helvetica, sans-serif;
			background-image:url(images/quotemark.gif);
			background-repeat:no-repeat;
		}
		#intro {
			width: 593px;
			height: 140px;
			top: 0px;
			left: 250px;
			position: absolute;
			line-height: 15px;
			text-align: left;
			padding: 10px 10px 15px 10px;
			margin-bottom: 10px;
			border: 1px solid #7fa7b7;
		}
		#skills {
			position: absolute;
			top: 160px;
			left: 250px;
			width: 620px; 
			height: 580px; 
			margin: 20px 0px 0px 0px;
			padding: 0px;
			text-align:left;
		}
		.heading {
			line-height: 15px;
			font-weight:bold;
			text-align: left;
		}
		#content.about a:link, a:visited {
			text-decoration: none;
			color: #666;
		}
		#content.about a:hover, a:active {
			color: #CCC;
		}
/*CONTACT FORM ____________________________________________*/

		#formarea {
			width: 620px;
			height: 145px;
			margin: 30px 0px 0px 250px;
			position: absolute;
			line-height: 15px;
			text-align: left;
			padding-top: 5px;
		}
		#form {
			width: 500px;
			height: 370px;
			top: 160px;
			left: 631px;
			color:#545342; 
			font-size: 11.5px;
			font-family:Arial, Helvetica, sans-serif;
		}
		.heavy {
			font-weight: bold;
			font-size: 12px;
			font-family:Arial, Helvetica, sans-serif;
		}
		.regular {
			text-align: left;
			font-size: 11.5px;
			font-family:Arial, Helvetica, sans-serif;
		}
		input.btn { 
			color:#545342; 
			font-size: 11.5px;
			background-color: #e9e8d1;
			font-family:Arial, Helvetica, sans-serif;
			border: 0px;
		}
		.formfield {
			background-color: #e9e8d1;
			border: 0px;
			height:20px;
			width: 330px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11.5px;
			color:#545342; 
		}
		.formfield2 {
			background-color: #e9e8d1;
			border: 0px;
			width: 430px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11.5px;
			color:#545342; 
		}