/* CSS Document */

html
{
   overflow-y: scroll;
}
a{
	color: #d97a26;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
a:hover{
	text-decoration:underline;
	color:#ff9f49;	
}
a:visited{
	text-decoration:none;
}
img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #FFFFFF;	
}
hr{	
	margin: 0px 0px 20px 0px;	
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	color:#FFFFFF;
	border: none;
	clear: left;
	display:block;
	height:1px;
}
#maincontainer {
	margin:auto;
	float:right;
	width:100%;
	background:#FFFFFF url(../images/inner_bg.gif) repeat-x 0 0;	
}
#container {
	margin:auto;
	position:relative;
	right:25px;
	width:990px;
	height:auto;	
}
#containerbottom {
	margin:auto;
	float:left;
	white-space:nowrap;
	background-color:#000000;
	width:100%;
}
#leftside {
	width:50px;
	height:auto;
	margin: 404px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	float:left;	
	background: none;
}
#rightside {
	margin:auto;
	background-color: #FFFFFF;
	width:940px;
	height:auto;	
	float:left;		
}
#header {
	width:940px;
	height:70px;
	float:left;	

}
#logo {
	margin: 19px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	width:256px;
	height:41px;
	float:left;
}


/*------Main Nav----- */
#MainNav {
	margin: 41px 0px 4px 242px;
	padding: 0px 0px 0px 0px;
	width:442px;
	height:25px;
	float:left;
}

#contact_btn, #contact_btn a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:12px/12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
	text-decoration:none;		
	background: transparent url(../images/contact_btn.gif) no-repeat top left;	
	width:68px;
	height:25px;
	float:left;	
}
#contact_btn a:hover {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:12px/12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
	text-decoration:none;		
	background: transparent url(../images/contact_btn_on.gif) no-repeat top left;	
	width:68px;
	height:25px;
	float:left;
}
#contact_btn_on {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:12px/12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
	text-decoration:none;		
	background: transparent url(../images/contact_btn_on.gif) no-repeat top left;	
	width:68px;
	height:25px;
	float:left;
}
#experience_btn, #experience_btn a {
	margin: 0px 42px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:12px/12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
	text-decoration:none;		
	background: transparent url(../images/experience_btn.gif) no-repeat top left;	
	width:82px;
	height:25px;
	float:left;
}
#experience_btn a:hover {
	margin: 0px 42px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:12px/12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
	text-decoration:none;		
	background: transparent url(../images/experience_btn_on.gif) no-repeat top left;	
	width:82px;
	height:25px;
	float:left;
}
#experience_btn_on {
	margin: 0px 42px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:12px/12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
	text-decoration:none;		
	background: transparent url(../images/experience_btn_on.gif) no-repeat top left;	
	width:82px;
	height:25px;
	float:left;
}
#design_btn, #design_btn a {
	margin: 0px 67px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:12px/12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
	text-decoration:none;		
	background: transparent url(../images/design_btn.gif) no-repeat top left;
	width:59px;
	height:25px;
	float:left;
}
#design_btn a:hover {
	margin: 0px 67px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:12px/12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
	text-decoration:none;		
	background: transparent url(../images/design_btn_on.gif) no-repeat top left;
	width:59px;
	height:25px;
	float:left;
}
#design_btn_on {
	margin: 0px 67px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:12px/12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration:none;			
	background: transparent url(../images/design_btn_on.gif) no-repeat top left;
	width:59px;
	height:25px;
	float:left;
}
#about_btn, #about_btn a{
	margin: 0px 66px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:12px/12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
	text-decoration:none;		
	background: transparent url(../images/about_btn.gif) no-repeat top left;
	width:58px;
	height:25px;
	float:left;
}
#about_btn a:hover {
	margin: 0px 66px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:12px/12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
	text-decoration:none;		
	background: transparent url(../images/about_btn_on.gif) no-repeat top left;
	width:58px;
	height:25px;
	float:left;
}
#about_btn_on {
	margin: 0px 66px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:12px/12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration:none;	
	background: transparent url(../images/about_btn_on.gif) no-repeat top left;
	width:58px;
	height:25px;
	float:left;
}


/*------Intro and Featured----- */
#home_contentTop {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF url(../images/home_contentTop.jpg) no-repeat top left;
	width:940px;
	height:341px;
	float:left;
}

#intro {
	margin: 40px 0px 0px 498px;
	padding: 0px 0px 0px 0px;
	font:13px/20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width:442px;
	height:40px;
	float:left;
}
#featuredSite {
	margin: 1px 0px 0px 14px;
	padding: 0px 0px 0px 0px;
	width:397px;
	height:auto;
	width:auto;
	float:left;
}
#featuredDescription{
	margin: 84px 20px 0px 32px;
	padding: 0px 0px 0px 0px;	
	width:385px;	
	height:80px;
	float:left;	
	}
#featuredName a{
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	font:18px/24px Arial, Helvetica, sans-serif;
	color: #d97a26;
	float:left;
}
#featuredName a:hover{
	text-decoration:underline;
	color:#ff9f49;
}
#featuredText{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:12px/18px Arial, Helvetica, sans-serif;
	color: #444444;
	width:385px;
	height:auto;
	float:left;	
}
#featuredbtn a {
	margin: 45px 69px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:23px;
	height:159px;
	float:right;	
	background: transparent url(../images/featured_btn.jpg) no-repeat top left;	
}
#featuredbtn a:hover {
	margin: 45px 69px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:23px;
	height:159px;
	float:right;	
	background: transparent url(../images/featured_btn_over.jpg) no-repeat top left;	
}

/*------Content Bottom----- */
#home_contentBottom {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF url(../images/home_contentBottom.jpg) no-repeat top left;
	width:940px;
	height:191px;
	float:left;	
}
#contactText {
	margin: 0px 0px 0px 498px;
	padding: 0px 0px 0px 0px;
	font:13px/20px Arial, Helvetica, sans-serif;
	width:442px;
	height:auto;
	color: #444444;	
	display:inline;
}
#contactText a{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:13px/20px Arial, Helvetica, sans-serif;
	color: #d97a26;
	display:inline;	
	text-decoration:none;		
}
#contactText a:hover{
	text-decoration:underline;
	color:#ff9f49;	
}

#servicesText {
	margin: 0px 30px 0px 498px;
	padding: 0px 0px 0px 0px;
	font:20px/30px Arial, Helvetica, sans-serif;
	width:412px;
	height:auto;
	color: #999999;	
}
#servicesText a{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:20px/30px Arial, Helvetica, sans-serif;
	color: #d97a26;
	text-decoration:none;
	display:inline;			
}

#servicesText a:hover{
	text-decoration:underline;
	color:#ff9f49;	
}
.bodyText .websiteText {
	margin: 0px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
	font:20px/30px Arial, Helvetica, sans-serif;
	width:412px;
	height:auto;
	color: #999999;	
}
.bodyText .websiteText a{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:20px/30px Arial, Helvetica, sans-serif;
	color: #d97a26;
	text-decoration:none;
	display:inline;			
}

.bodyText .websiteText a:hover{
	text-decoration:underline;
	color:#ff9f49;	
}


/*------Footer----- */

#footerhome {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:940px;
	height:60px;
}
#footerhome hr{	
	margin: 30px 0px 4px 0px;	
	padding: 0px 0px 0px 0px;
	background-color: #999999;
	color:#999999;
	border: none;
	clear: left;
	display:block;
	height:1px;
}
#icons{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	height:29px;
}
img .icons {
	float:left;
	width: auto;
	height:29px;
}
#footerCopyright  {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:10px/14px Arial, Helvetica, sans-serif;
	height:14px;	
	width:412px;	
	color: #666666;
	text-decoration:none;
	display:inline;	
	float:left;
	background-color:#FFFFFF;				
}
#footerCopyright a{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:10px/12px Arial, Helvetica, sans-serif;
	color: #d97a26;
	display:inline;		
	text-decoration:none;
	background-color:#FFFFFF;	
}
#footerCopyright a:hover{
	color:#ff9f49;
	text-decoration:underline;
}
#footerNavHome  {
	margin: 0px 0px 0px 86px;
	padding: 0px 0px 0px 0px;
	font:10px/14px Arial, Helvetica, sans-serif;	
	width:412px;	
	color: #666666;
	text-decoration:none;
	display:inline;
	float:left;		
	background-color:#FFFFFF;				
}
#footerNavHome a{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:10px/12px Arial, Helvetica, sans-serif;
	color: #d97a26;
	display:inline;		
	text-decoration:none;
	background-color:#FFFFFF;	
}
#footerNavHome a:hover{
	color:#ff9f49;
	text-decoration:underline;
}

#footer {
	margin:auto;
	position:relative;
	right:25px;
	height:auto;
	display:block;
	width:990px;		
	height:47px;
}

#footerNav  {
	margin: 5px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	font:10px/12px Arial, Helvetica, sans-serif;
	height:14px;	
	width:412px;	
	color: #666666;
	text-decoration:none;
	display:block;				
}
#footerNav a{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:10px/14px Arial, Helvetica, sans-serif;
	color: #666666;
	display:inline;		
	text-decoration:underline;		
}
#footerNav a:hover{
	color: #999999;
	text-decoration:none;
}


/*------Design Template----- */

#innercontactText {
	margin: 17px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	font: 16px/20px Arial, Helvetica, sans-serif;
	width: 940px;
	text-align:right;
	height:auto;
	color: #999999;
	background-color:#FFFFFF;	
	float:left;		
}
#innercontactText a{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:16px/20px Arial, Helvetica, sans-serif;
	color: #d97a26;
	display:inline;		
	background-color:#FFFFFF;	
	text-decoration:none;	
}
#innercontactText a:hover{
	color:#ff9f49;
	text-decoration:underline;
}
#header_about{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #000000 url(../images/header_about.jpg) no-repeat top left;
	width:940px;
	height:47px;
	float:left;	
}
#header_design{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #000000 url(../images/header_design.jpg) no-repeat top left;
	width:940px;
	height:47px;
	float:left;	
}
#header_experience{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #000000 url(../images/header_experience.jpg) no-repeat top left;
	width:940px;
	height:47px;
	float:left;	
}
#header_contact{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #000000 url(../images/header_contact.jpg) no-repeat top left;
	width:940px;
	height:47px;
	float:left;	
}
#SubNav{
	margin: 21px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:940px;
	height:23px;
	float:left;	
}

.inner_btn_ON{
	margin:0px 2px 0px 1px;
	padding: 8px 16px 5px 16px;	
	text-align:center;
	text-decoration:none;
	font:14px/13px Arial, Helvetica, sans-serif;	
	color: #000000;
	background-color: #FFFFFF;	
	width:auto;
	float:left;	
	display:block;	
}

.inner_btn{
	margin: 1px 1px 1px 0px;
	padding: 0px 0px 0px 0px;	
	text-align:center;
	text-decoration:none;
	font:14px/13px Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #000000;	
	width:auto;
	float:left;	
	display:block;	
}
.inner_btn a, .inner_btn a:visited{
	margin: 0px 0px 1px 0px;
	padding: 7px 16px 4px 16px;	
	font:14px/13px Arial, Helvetica, sans-serif;	
	color: #FFFFFF;
	background-color: #666666;
	display:block;
	text-decoration:none;		
}

.inner_btn a:hover{
	margin: 0px 0px 1px 0px;
	padding: 7px 16px 4px 16px;
	display:block;
	font:14px/13px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #999999;	
	text-decoration:underline;	
}

#content{
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	width:940px;
	height:auto;
}
.content{
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	width:940px;
	height:auto;
}
.columnLeft{
	margin: 0px 0px 30px 0px;	
	padding: 0px 0px 0px 0px;
	width:442px;
	height:auto;
	float:left;
}
.columnRight{
	margin: 0px 0px 30px 56px;	
	padding: 0px 0px 0px 0px;
	width:442px;
	height:auto;
	float:left;
}
.columnLeft2{
	margin: 0px 0px 30px 0px;	
	padding: 0px 0px 0px 0px;
	width:484px;
	height:auto;
	display:inline;
}
.columnRight2{
	margin: 0px 0px 30px 16px;	
	padding: 0px 0px 0px 0px;
	width:440px;
	height:auto;
	float:left;
}
.columnLeft3{
	margin: 0px 0px 30px 0px;	
	padding: 0px 0px 0px 0px;
	width:564px;
	height:auto;
	float:left;
}
.columnRight3{
	margin: 0px 0px 30px 56px;	
	padding: 0px 0px 0px 0px;
	width:320px;
	height:auto;
	float:left;
}
.bodyText{
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	width:auto;
	height:auto;
	color:#666666;
	font:15px/18px Arial, Helvetica, sans-serif;		
}

.bodyText a,.bodyText a:visited{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #D97A26;
	font:14px/18px Arial, Helvetica, sans-serif;	
	text-decoration:none;	
}
.bodyText a:hover{
	color:#ff9f49;
	text-decoration:underline;
}
.bodyTextSmall{
	margin: 0px 0px 10px 0px;	
	padding: 0px 0px 0px 0px;
	width:442px;
	height:auto;
	color:#666666;
	font:12px/16px Arial, Helvetica, sans-serif;		
}
.bodyTextSmall a,.bodyTextSmall a:visited{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #D97A26;
	font:12px/16px Arial, Helvetica, sans-serif;	
	border: 0px solid #FFFFFF;	
	text-decoration:none;	
}
.bodyTextSmall a:hover{
	color:#ff9f49;
	text-decoration:underline;
}
.bodyTextSmall p{
	margin: 0px 0px 10px 0px;	
	padding: 0px 0px 0px 0px;	
}
h1{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height:auto;	
	font:24px/24px Arial, Helvetica, sans-serif;
	color: #666666;
	display:block;
}
h1 a{
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height:auto;	
	font:24px/24px Arial, Helvetica, sans-serif;
	color: #d97a26;
	display:block;
	text-decoration:none;
}	
h1 a:hover{
	color:#ff9f49;
	text-decoration:underline;
}	
#AboutTitle{
	margin: 0px 0px 16px 0px;
	padding: 0px 0px 0px 0px;
	height:auto;	
	font:32px/24px Arial, Helvetica, sans-serif;
	color: #4793ae;
	display:block;
}
.AboutSubTitle{
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height:auto;	
	font:18px/24px Arial, Helvetica, sans-serif;
	color: #666666;
	display:block;
}
.AboutProcess{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height:auto;	
	font:12px/18px Arial, Helvetica, sans-serif;
	color: #4793ae;
	display:block;
}
#ExperienceTitle{
	margin: 0px 0px 16px 0px;
	padding: 0px 0px 0px 0px;
	height:auto;	
	font:32px/24px Arial, Helvetica, sans-serif;
	color: #72a635;
	display:block;
}
.ExperienceSubTitle{
	margin: 6px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	height:auto;	
	font:18px/24px Arial, Helvetica, sans-serif;
	color: #72a635;
	display:block;
}
#ContactTitle{
	margin: 0px 0px 16px 0px;
	padding: 0px 0px 0px 0px;
	height:auto;	
	font:32px/24px Arial, Helvetica, sans-serif;
	color: #c24040;
	display:block;
}
.ContactSubTitle{
	margin: 6px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	height:auto;	
	font:18px/24px Arial, Helvetica, sans-serif;
	color: #c24040;
	display:block;
}
.contact{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #c24040;
	font:12px/16px Arial, Helvetica, sans-serif;	
	border: 0px solid #FFFFFF;	
	text-decoration:none;	
}
.contactsmall{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #c24040;
	font:11px/16px Arial, Helvetica, sans-serif;
	font-style:italic;
	border: 0px solid #FFFFFF;	
}
input{
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	color:#666666;
	font:12px/16px Arial, Helvetica, sans-serif;	
}
input.btn{
cursor:pointer; text-align:center; height:26px; width:80px; backgound: #d97a26 url(../images/sendbtn.gif) no-repeat 0px 0px;
}
select{
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	color:#666666;
	font:12px/16px Arial, Helvetica, sans-serif;
}
textarea{
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 2px;
	color:#666666;
	width: 500px;
	font:12px/16px Arial, Helvetica, sans-serif;
}
#ProjectsTitle{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height:auto;	
	font:32px/24px Arial, Helvetica, sans-serif;
	color: #dd6800;
	display:block;
}
.projectImage {
	margin: 0px 0px 10px 0px;	
	padding: 0px 0px 0px 0px;
	width:auto;
	float:left;
}
.projectImagePrint {
	margin: 0px 0px 10px 0px;	
	padding: 0px 0px 0px 0px;
	width:auto;
	float:left;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}
.projectName{
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height:auto;	
	font:24px/24px Arial, Helvetica, sans-serif;
	color: #999999;
	display:block;
}
.projectServices{
	margin: 6px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:auto;	
	font:12px/15px Arial, Helvetica, sans-serif;
	color: #555555;
}	
.projectDescription{
	padding:6px 0px 0px 0px;
	height:auto;	
	font:12px/15px Arial, Helvetica, sans-serif;
	color: #555555;
}	
.projectDescription a{
	padding: 6px 0px 0px 0px;
	height:auto;	
	font: 12px/17px Arial, Helvetica, sans-serif;
	color: #d97a26;
	text-decoration:none;
	display:block;
	background-color:#FFFFFF;
}
.projectDescription a:hover{
	color:#ff9f49;
	text-decoration:underline;
}
.back_btn a{
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	background-color: #FFFFFF;
	text-align:right;
	font:14px/12px Arial, Helvetica, sans-serif;
	color: #d97a26;	
	text-decoration:none;		
	background: #FFFFFF url(../images/back_btn.gif) no-repeat top left;	
	width:56px;
	height:37px;
	display:block;
}
.back_btn a:hover{
	color: #ff9f49;	
	text-decoration:underline;		
	background: #FFFFFF url(../images/back_btn_on.gif) no-repeat top left;	
}
#illustrations img{
	margin: 0px 30px 30px 0px;
}