body {
margin: 0 ;
padding: 0;
text-align: center;
font-family: Arial, Helvetica, Sans-serif;
background-image: url(../imgs/body_bg.jpg);
background-repeat: repeat-x;
background-color: #f6f1d4
 }
h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 110%;
color: #b63e1c;
margin: 10px 0 10px 0;
padding: 8px;
letter-spacing: 4px;
} 

h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 95%;
color: #b63e1c;
margin: 0;
padding: 1px;
letter-spacing: 4px;
}
h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 90%;
color: #62604a;
margin: 0 0 10px 0;
padding: 1px;
letter-spacing: 4px;
}
 

#wrapper {
 position: relative;
 width: 800px;
 text-align: left;
 margin-top: 0; 
 margin-right: auto;
  margin-bottom: 0;
 margin-left: auto;
 padding: 0;
 background-color: #f6f1d4;
}
#header {
width: 800px;
height: 146px;
padding: 10px 0 0 0;
margin: 0;
text-align: right;
background-image: url(../imgs/index_header_bg.jpg);
background-repeat: no-repeat;
}
#header  a {
display: inline;
padding: 3px 10px 3px 0.5em;
color: #b63e1c;
text-decoration: none;
font-size: 70%;
margin: 0;
font-weight: 600;

}
#header a:hover {
color: #666666;
text-decoration: underline;
}
#header_c {
width: 800px;
height: 146px;
padding: 10px 0 0 0;
margin: 0;
text-align: right;
background-image: url(../imgs/company_header_bg.jpg);
background-repeat: no-repeat;
}
#header_c  a {
display: inline;
padding: 3px 10px 3px 0.5em;
color: #b63e1c;
text-decoration: none;
font-size: 70%;
margin: 0;
font-weight: 600;

}
#header_c a:hover {
color: #666666;
text-decoration: underline;
}

#header_ds {
width: 800px;
height: 146px;
padding: 10px 0 0 0;
margin: 0;
text-align: right;
background-image: url(../imgs/design_services_header_bg.jpg);
background-repeat: no-repeat;
}
#header_ds  a {
display: inline;
padding: 3px 10px 3px 0.5em;
color: #b63e1c;
text-decoration: none;
font-size: 70%;
margin: 0;
font-weight: 600;

}
#header_ds a:hover {
color: #666666;
text-decoration: underline;
}

#header_dp {
width: 800px;
height: 146px;
padding: 10px 0 0 0;
margin: 0;
text-align: right;
background-image: url(../imgs/design_process_header_bg.jpg);
background-repeat: no-repeat;
}
#header_dp  a {
display: inline;
padding: 3px 10px 3px 0.5em;
color: #b63e1c;
text-decoration: none;
font-size: 70%;
margin: 0;
font-weight: 600;

}
#header_dp a:hover {
color: #666666;
text-decoration: underline;
}
#header_p {
width: 800px;
height: 146px;
padding: 10px 0 0 0;
margin: 0;
text-align: right;
background-image: url(../imgs/portfolio_header_bg.jpg);
background-repeat: no-repeat;
}
#header_p  a {
display: inline;
padding: 3px 10px 3px 0.5em;
color: #b63e1c;
text-decoration: none;
font-size: 70%;
margin: 0;
font-weight: 600;

}
#header_p a:hover {
color: #666666;
text-decoration: underline;
}

#header_wb {
width: 800px;
height: 146px;
padding: 10px 0 0 0;
margin: 0;
text-align: right;
background-image: url(../imgs/web_banner_header.jpg);
background-repeat: no-repeat;
}
#header_wb  a {
display: inline;
padding: 3px 10px 3px 0.5em;
color: #b63e1c;
text-decoration: none;
font-size: 70%;
margin: 0;
font-weight: 600;

}
#header_wb a:hover {
color: #666666;
text-decoration: underline;
}




#header_ci {
width: 800px;
height: 146px;
padding: 10px 0 0 0;
margin: 0;
text-align: right;
background-image: url(../imgs/ideas_header.jpg);
background-repeat: no-repeat;
}
#header_ci  a {
display: inline;
padding: 3px 10px 3px 0.5em;
color: #b63e1c;
text-decoration: none;
font-size: 70%;
margin: 0;
font-weight: 600;

}
#header_ci a:hover {
color: #666666;
text-decoration: underline;
}


#header_ct {
width: 800px;
height: 146px;
padding: 10px 0 0 0;
margin: 0;
text-align: right;
background-image: url(../imgs/contact_header_bg.jpg);
background-repeat: no-repeat;
}
#header_ct  a {
display: inline;
padding: 3px 10px 3px 0.5em;
color: #b63e1c;
text-decoration: none;
font-size: 70%;
margin: 0;
font-weight: 600;

}
#header_ct a:hover {
color: #666666;
text-decoration: underline;
}
#header_gs {
width: 800px;
height: 146px;
padding: 10px 0 0 0;
margin: 0;
text-align: right;
background-image: url(../imgs/gallery_samples_head.jpg);
background-repeat: no-repeat;
}
#header_gs  a {
display: inline;
padding: 3px 10px 3px 0.5em;
color: #b63e1c;
text-decoration: none;
font-size: 70%;
margin: 0;
font-weight: 600;

}
#header_gs a:hover {
color: #666666;
text-decoration: underline;
}
#header_ci {
width: 800px;
height: 146px;
padding: 10px 0 0 0;
margin: 0;
text-align: right;
background-image: url(../imgs/ideas_header.jpg);
background-repeat: no-repeat;
}
#header_ci  a {
display: inline;
padding: 3px 10px 3px 0.5em;
color: #b63e1c;
text-decoration: none;
font-size: 70%;
margin: 0;
font-weight: 600;

}
#header_ci a:hover {
color: #666666;
text-decoration: underline;
}
#header_t {
width: 800px;
height: 146px;
padding: 10px 0 0 0;
margin: 0;
text-align: right;
background-image: url(../imgs/devel-header.jpg);
background-repeat: no-repeat;
}
#header_t  a {
display: inline;
padding: 3px 10px 3px 0.5em;
color: #b63e1c;
text-decoration: none;
font-size: 70%;
margin: 0;
font-weight: 600;

}
#header_t a:hover {
color: #666666;
text-decoration: underline;
}

#main_content {
width: 800px;
padding: 0;
margin: 0;
}

#nav {
float: left;
width: 183px;
height: 413px;
margin: 0;
padding: 0;
background-image: url(../imgs/l_panel_2.jpg);
background-repeat: no-repeat;
}
#nav ul {
list-style-type: none;
margin: 0 0 0 10px;
padding: 0;
}
#nav li {
margin: 5px 0;
}
#nav li a:link {
display: block;
width: 155px;
height: 20px;
line-height: 20px;
text-decoration: none;
text-indent: 40px;
margin: 0;
padding: 0;
font-family: Arial, Verdana, Sans serif;
font-size: 75%;
color: #f6f1d4;
}
#nav li a:visited {
display: block;
width: 155px;
height: 20px;
line-height: 20px;
text-decoration: none;
text-indent: 40px;
margin: 0;
padding: 0;
font-family: Arial, Verdana, Sans serif;
font-size: 75%;
color: #f6f1d4;
}

#nav li a:hover {
background: url(../imgs/thin_nav_button.jpg) no-repeat left top;
background-position: left top;
color: #aca98a;
}

#right_content {
float: right;
width: 600px;
margin: 0 0 20px 0;
padding: 0;
}
#right_content p {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #666633;
margin: 0;
padding: 5px;
line-height: 150%;
word-spacing: 1px;
}
#right_content  a {
display: inline;
padding: 3px 10px 3px 0.5em;
color: #b63e1c;
text-decoration: none;
font-size: 100%;
margin: 0;
font-weight: 600;

}
#right_content a:hover {
color: #666666;
text-decoration: underline;
}

#index_text {
width: 160px;
padding: 0;
margin: 0 0 0 10px;
}
#index_text p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 80%;
padding: 0;
margin: 2px 0 0 0;
color: #ffffff;
text-align: center;
line-height: 150%;
}
.contact {
width: 160px;
margin:0;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #ffffff;
text-align: center;
}
#footer {
clear: both;
width: 800px;
 margin-top: 0; 
 margin-right: auto;
  margin-bottom: 0;
 margin-left: auto;
padding: 0;
border-top: 2px solid #CC3333;
text-align: center;
}
#footer p {
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
color: #999999;
margin: 5px 0 5px 0;
padding: 4px;
}
#footer  a {
display: inline;
padding: 3px 10px 3px 0.5em;
color: #999999;
text-decoration: none;
font-size: 70%;
margin: 0;
}
#footer a:hover {
color: #666666;
text-decoration: underline;
}
.designer_image {
float: right;
width: 185px;

margin: 5px;
padding: 0;
border: 1px solid #b63e1c;
text-align: center;
}
.print_image {
float: right;
width: 200px;
height: 330px;
margin: 5px;
padding: 0;
text-align: center;
}

.indent {
padding: 4px 4px 4px 35px;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #666633;
margin: 0;
line-height: 150%;
word-spacing: 1px;
}
.bold {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 90%;
color: #b63e1c;
margin: 0;
padding: 0;
}
.bold  a:link {
display: inline;
padding: 0;
color: #b63e1c;
text-decoration: none;
font-size: 90%;
margin: 0;


}
.bold a:hover {
color: #666666;
text-decoration: none;
}
.border {
padding: 5px;
border: 1px solid #CCC;
margin: 0;
}
.quote {
font-family: "Times New Roman", Times, serif;
font-size: 110%;
margin: 0;
padding: 0;
color: #666633;
font-style: italic;
font-weight: bold;
}
#banner_cont {
	float: left;
	margin: 8px 5px 8px 45px;
	paddng: 0;
	width: 400px;
}
#sheetswitch {
	background-color: #111111;
	box-shadow: 0 2px 5px  #000000;
	color: #eeeeee;
	font-weight: 700;
	line-height: 20px;
	padding: 2px 4px 4px 2px;
	position: absolute;
	right: 0;
	top: 260px;
	width: 50px;
}
#sheetswitch a.darks {
    background-color: #b63e1c;
}
#sheetswitch a.lights {
    background-color: #ffffff;
}
#sheetswitch a {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #555555;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #555555;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #555555;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #555555;
    border-top-style: solid;
    border-top-width: 1px;
    display: inline-block;
    height: 16px;
	width: 16px;
}
.mainExpand {
  cursor:hand;
  cursor:pointer;
  font: 80% verdana, arial, helvetica, sans-serif;
  color: #911b1b;
  margin: 1px;
  padding: 4px;

}
/*accordion css*/
	.accordion_toggle {
			display: block;
			height: 30px;
			width: 560px;
			background-color:#003399;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #fff;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background-color:#ff3300;
			color: #fff;
		
		}
		
		.accordion_content {
			width: 580px;
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
			margin-bottom: 5px;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
 
		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}
 
		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
 
			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
 
			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}