* {
	margin:0;
	padding:0;
}

table {
	margin:auto;
}

body {
	font-family:tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
  margin: 0 0 10px 0;
  padding: 0;
	line-height:18px;
}


p, h1, h2, h3, h4, h5, h6, table {
	margin-bottom:1em;
}

a { color: #84776f; text-decoration: none; border-bottom: 1px dotted #84776f; }
a:hover { color: #655a54; border-bottom: 1px solid #655a54; text-decoration: none; }

.grey { color: #D2CDCA; };

fieldset, form
{
  border: none;
  margin: 0;
  padding: 0;
}

h1
{
  padding: 0;
  font-size: bold 24px;
}

h2
{
  padding: 0;
  font-size: bold 14px;
}

h5
{

  font-size: bold 14px;
}

#navigation ul { list-style: none; margin: 0 0 5px 15px; padding: 0;}
#navigation ul li { margin: 0; font-size: 12px;}

label
{
  font-size: 12px;
  color: #6b615a;
}

.clear
{
  clear: both;
  font-size: 0/0 sans-serif;
  height: 0;
}

#container
{
	margin-left:auto;
	margin-right:auto;
	width: 750px;
}

#content {
	padding:10px;
}

#top_bar
{
  width: 100%;
  height: 24px;
  background: #000000;
  text-align: center;
}

#top_bar #content
{
  width: 730px !important; width: 752px;
  height: 23px;
  margin: 0 auto;
  padding: 3px 20px 0 0 !important; padding: 2px 20px 0 0;
  text-align: right;
  border-left: 1px solid white;
  border-right: 1px solid white;
  font-size: 10px;
  color: #ffffff;
}

#top_bar label { font-size: 10px; color: #ffffff; }

#content #top_quote_submit
{
  font-size: 10px;
  vertical-align: inherit !important; vertical-align: middle;
}

#home #quote_submit
{
  vertical-align: inherit !important; vertical-align: middle;
}

#content .quote_submit_arrow
{
  vertical-align: bottom;
}

#contact_us_form
{
  padding: 0 10px;
}

.spacer
{
  background: url(../images/spacer.gif);
  height: 2px;
  font-size: 0/0 sans-serif;
  clear: both;
}

#footer
{
  border-top: 2px solid #000000;
  text-align: center;
}

#footer #black_line
{
  border-bottom: 1px solid #000000;
  font-size: 0px;
  margin: 1px 0 0 0;
  padding: 0;
}

#footer #icons
{
  border-top: 1px solid #000000;
  margin: 3px 0 0 0;
  text-align: right;
	padding-top:2px;
}



#footer .icon
{
  margin: 0 0 0 5px;
  vertical-align: bottom;
  border: none;
}

#footer a
{
  border: none;
}

#footer a:hover
{
  border: none;
}

#footer #services_links
{
	color:#666666;
  font-size: 10px;
  text-align: center;
  margin: 4px 0 4px 0;
}

#footer #services_links a
{
  color: #000000;
  text-decoration: none;
  padding: 0 3px 0 3px;
  border: none;
}

#footer #services_links a:hover
{
  color: #000000;
  text-decoration: underline;
  padding: 0 3px 0 3px;
  border: none;
}

#services_links ul {

}

#services_links ul li {
	float:left;
	margin-left:10px;
	list-style:none;
}


#home
{
  display: block;
}

#home #middle_nav
{
  height: 200px;
  background: #dadace url(../images/index_logo.gif) no-repeat 50px 0;
  margin: 0;
  padding: 0;
}

#home #top_image
{
  vertical-align: bottom;
  margin-bottom: 2px;
}

#home #bottom_image
{
  vertical-align: top;
  margin-top: 2px;
	height:10px;
}

#navigation { font-size: 14px; color: #5f5550;  color: #84776f; }
#navigation a { font-size: bold 12px; color: #5f5550; text-decoration: none; border: none; }
#navigation a:hover { color: #84776f; text-decoration: underline; }

#home #navigation ul { float: right; width: 480px; list-style: none; margin: 15px 0 5px 0 !important; margin: 15px 0 20px 0; padding: 0; }
#home #navigation ul li { margin: 0 3px 0 3px; float: left; }

#welcome_text
{
  float: right;
  width: 415px;
	margin-right:63px;
	margin-top:1em;
}

#welcome_text p
{
	font-size:12px;
  color: #000000;
}

#contact_info
{
	font-size:11px;
	background-color:#000000;
  color: #84776f;
  text-align: center;
	height:19px;
	margin-bottom:2px;
	padding-top:7px;
	padding-bottom:4px;
}

#contact_info ul li {
	float:left;
	margin-right:15px;
	list-style:none;
}

#contact_info ul {
	margin-left:60px;
}

#contact_info ul li a {
	color:#FFFFFF;
	font-weight:bold;
}

#home .lower_title
{
  background: #dadace;
  font-size: 12px;
  color: #6b615a;
	padding:5px;
	font-weight:bold;
}

#home #lower_left_box
{
  float: left;
  width: 244px;
  height: 338px;
  border: 1px solid #dadace;
	padding:3px;
}

#home #lower_right_box .image
{
  float: left;
  border: 1px solid #84776f;
  padding: 1px;
  margin: 5px 10px 5px 5px;
  height: 60px;
}

#home #lower_left_box .image
{
  float: left;
  border: 1px solid #84776f;
  padding: 1px;
  margin: 5px 10px 5px 5px;
  height: 60px;
}

#home #lower_center_box .image
{
  float: left;
  border: 1px solid #84776f;
  padding: 1px;
  margin: 5px 10px 5px 5px;
  height: 60px;
}

.box p
{
  padding: 5px;
  margin: 0;
  font-size: 11px;
}

#home #lower_right_box #fields {
	text-align:center;
	padding:10px;
}

#inside_navigation
{
  position: relative;
  width: 750px;
  height: 110px;
}

.no_border
{
  border: none;
}

#inside_navigation #background_image
{
  width: 750px;
  height: 80px;
  background: url(../images/inside_clouds.jpg) no-repeat 0 0;
}

#inside_navigation #navigation_holder
{
  width: 750px;
  height: 30px;
  background: #dadace;
}

#inside_navigation #navigation ul
{
  float: right; 
  width: 570px !important; width: 550px;
  list-style: none; 
  margin: 6px 0 5px 0;
  padding: 0; 
}

#inside_navigation #navigation ul li
{
  margin: 0 5px 0 5px;
  float: left;
}

#inside_navigation #small_logo
{
  position: absolute;
  bottom: 0;
  left: 50px;
  width: 104px;
  height: 102px;
}

#inside_navigation #small_logo a
{
  border: none;
}

#inside_navigation #small_logo a:hover
{
  border: none;
}

.portfolio_item, .service_item
{
  float: right;
  width: 620px;
  margin: 0;
}

.service_item
{
  float: right;
  width: 620px;
  margin: 10px 0 0 0;
}

.portfolio_title
{
  padding: 0;
  margin: 5px 0 5px 0px;
  font-size: bold 16px;
	font-weight:bold;
}

.portfolio_description
{
  font-size: 12px;
}

.portfolio_techniques
{
  font-size: 12px;
  margin: 5px 0;
}

.portfolio_picture, .service_picture
{
  float: left;
  padding: 1px;
  border: 1px solid #655a54;
  margin: 5px 0;
  width: 100px;
  height: 100px;
}

.portfolio_link
{
  font-size: 12px;
  color: #84776f;
}

.portfolio_break, .service_break
{
  font-size: 0/0 sans-serif;
  height: 15px;
  border-bottom: 1px solid #dadace;
  margin: 0 0 15px 0;
}

#toc {
	background-color:#999999;
	border: 1px solid #000000;
	padding:5px;
	width:150px;
}

#article {
	padding:5px;
}


.yellow {color: #FFCC33; }
.green {color: #009900; }
.red {color: #FF0000; }

.required { font-size: 10px; margin: 5px 0 5px 95px; }
.note { font-size: 10px; margin: 5px; }
#preliminary_form, #questionnaire_form, #contact_form, #feedback_form, #graphic_design_form { display: none; color: #000000; }
#proposal label { width: 90px; margin: 2px 4px 0 0; text-align: right; color: #000000; display: block; float: left; }
#preliminary_form label, #feedback_form label { width: 200px; margin: 2px 4px 0 0; text-align: right; color: #000000; display: block; float: left; }
#preliminary_form textarea, #feedback_form textarea { width: 250px; }
/*#proposal input { margin: 2px 2px 0 0; color: #000000; width: 200px; }*/
#questionnaire_form select { margin: 2px 2px 0 0; color: #000000; width: 204px !important; width: 200px; }
#questionnaire_form #description { width: 300px; height: 100px; }
.buttons { text-align: center; }
.buttons #submit_button, .buttons #cancel_button { width: 100px; }

#proposal{ background: #acac93; margin: 2px 0 0 0; padding: 10px 0; text-align: center; }

#proposal #proposal_container { margin: 0px auto; width: 619px; background: url(../images/proposal_bg.gif) repeat-y 0 0;}

#proposal_content{ text-align: left; padding-left: 40px; padding-right:40px; padding-top:20px; font-size: 10px; }

#proposal_top{ height: 15px; width: 619px; font-size: 0/0 sans-serif; margin: 0; padding: 0; background: url(../images/proposal_top.gif) no-repeat 0 0; }

#proposal_bottom{ height: 10px; width: 619px; font-size: 0/0 sans-serif; margin: 0; padding: 0; background: url(../images/proposal_bottom.gif) no-repeat 0 0; }

#proposal #client{ float: right; }
#proposal #client_name{  font-weight: bold; }
#proposal #client_address{  margin: 0 0 10px 0; }
#proposal #company_name{  font-weight: bold; }
#proposal #company_address{  margin: 0 0 10px 0; }

#proposal_container ul li { float:left; margin-left:10px; }

.title_block { padding: 10px 0; font-weight: bold; }
.body_block { padding: 10px 0;  }

#proposal_body{ margin: 10px 0; }

#proposal_table{ margin: 10px 0 0 0; text-align: center; }

.status{ width: 98px; text-align: center; }

.price{ text-align: center; }

.task{ text-align: left; width: 300px; }

.editable_field{ width: 480px; margin: 10px auto; text-align: left; padding: 10px; border: 1px dashed black; }

#matrix_header, #preliminary_questionnaire, #skeleton, #graphic_design, #feedback, #contact_information, #total
{
  padding: 4px;
  width: 500px;
  border-collapse: collapse;
  font-size: 12px;
  margin: 0 auto !important; margin: -1px auto 0;
}

#total{ font-weight: bold; }

.bold{ font-weight: bold; }


#proposal_table td{ border: 1px solid black; border-collapse: collapse; border-spacing: 0; }

#proposal_payment{ margin: 5px 30px 20px 30px; text-align: center; font-size: 10px; }

#contract_link{ margin: 10px 0; }



#lower_center_box
{
  float: left;
  margin: 0 0 0 2px;
  width: 264px;
	background-color:#DADACE;
	height:338px;
	padding:3px;
}

#lower_right_box #labels
{
  float: left;
  width: 60px;
  text-align: right;
  margin: 0 5px 0 0;
}

#labels ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

#labels ul li
{
  font-size: 12px; font-size: 12px;
  margin: 0;
  padding: 0;
}

#lower_right_box #fields
{
  float: left;
  width: 150px;
  text-align: left;
}

#lower_right_box h1
{
  margin: 10px 0 5px 10px;
  padding: 0;
  font-size: bold 14px;
  color: #ffffff;
  text-align: center;
}

#lower_right_box
{
  float: left;
  width: 218px !important; width: 220px;
  height: 338px;
  /*background: #A5C4E1;*/
  margin: 0 0 0 2px;
  text-align: left;
  color: #000000;
  font-size: 11px;
	padding:3px;
	
	
}

#webservices_table
{
  font-size: 12px;
  color: #84776f;
  width: 700px;
  margin: 20px 0 20px 20px;
}

#title, #name, #quote_submit, #phone, #phone1, #phone2, #best_time_to_call, #service, #budget, #approved { margin: 1px 0; }

#fields input, #fields select, #fields textarea{ font-size: 11px; }

#fields { font-size: 11px; margin-left:5px; text-align:center; }

#name, #email, #details, #phone{ width: 199px; margin-bottom:5px; }

#budget{ width: 134px !important; width: 130px; }

#area_code, #phone1{ width: 34px !important; width: 36px; }

#phone2{ width: 34px !important; width: 38px; }

#LH_top { margin: -15px 0 0 -7px; }

#LH_watermark { background: url(../images/LH_blue_watermark.gif) repeat-y 0 0; }

#top_quote_submit {
	font-size:14px;
}