@import url('../reset.css'); 
/* -----------------------------------------------
File Name: screen.css
Title: Primary CSS file for screen display for BeauDesigns.biz
Author: Craig Campbell
URL: http://wwwbeaudesigns.biz/css/screen/screen.css
Description: This style sheet provides basic & default styling for XHTML elements for the website of BeauDesigns for viewing on computer monitors.
------------------------------------------------ */
/* ---------------------------------------------
COLORS & FONTS
Main Red: #bf0000
BG Gradient: #ffffff to #7d7d7d 
Normal text color: #000000
a:Link color & style: #bf0000 none
a:Visited color & style: #bf0000 none
a:Hover color & style: #000000 underline
a:Active color & style: #bf0000 underline
Navbar "current" color & style: #000000 bold 
Navbar a:Link color & style: #ffffff none
Navbar a:Visited color & style: #ffffff none
Navbar a:Hover color & style: #000000 underline
Navbar a:Active color & style: #ffffff underline
Footer a:Link color & style: #ffffff none
Footer a:Visited color & style: #ffffff none
Footer a:Hover color & style: #000000 underline
Footer a Active color & style: #bf0000 underline

Fonts used: Times, Arial, Georgia, "Times New Roman", serif;

----------------------------------------------- */
/* GENERAL site styles: Basic styles for main site elements */
	body { 
		font-size: 62.5%; 
		font-family: Times, Arial, Georgia, "Times New Roman", serif; }
	p { 
		margin: 0 0 10px; 
		font-size: 1.5em; 
		line-height: 130%; 
	}
	address {
		font-size: 1.4em; 
	}
	strong {
		font-weight: bold; 
	}
	em { 
		font-style: italic; 
	}
	hr {
		margin: 25px 0; 
		height: 1px; 
		color: #bf0000; 
		background-color: #bf0000; 
		border: none; 
	}
	.important {
		font-weight: bold; 
	}
	img {
		float: left; 
		margin-right: 15px; 
		margin-bottom: 15px
	}
/* Temporary WIREFRAMING (places borders around all <div> elements during construction) - TURN OFF before going live */
	div {
		border: solid 0 #000000; 
	}
/* Styles for HEADINGS */
	h1, h2, h3, h4, h5, h6 {
		margin: 5px 0 10px 0; 
		font-weight: normal; 
	}
	h1 {
		font-size: 2.6em; 
	}
	h2 {
		font-size: 2.4em; 
	}
	h3 {
		font-size: 2.2em; 
	}
	h4 {
		font-size: 2.0em; 
	}
	h5 {
		font-size: 1.8em; 
	}
	h6 {
		font-size: 1.6em; 
	}
	.subhead {
		font-size: 75%; 
	}
/* Styles for LISTS */
	ul {
		margin: 0 0 10px 0; 
		padding: 0 0 0 40px; 
		font-size: 1.4em; 
		list-style-image: url(../../graphics/bd_bllt.gif);  	
	}
	ol {
		margin: 0 0 10px 0; 
		padding: 0 0 0 40px; 
		border: 1px #000000 solid; 
		font-size: 1.4em; 
		list-style: decimal; 
	}
	li { 
		line-height: 130%; 
	
	}
	ul ul { 
		font-size: 100%; 
		margin-bottom: 0; 
	}
	dl {
		margin: 0 0 10px 0; 
		padding: 2px; 
	}
	dt { 
		font-size: 1.4em; 
		font-weight: bold; 
		
	}
	dd {
		margin: 5px 0 10px 15px; 
		font-size: 1.4em; 
		
	}
/* Styles for LINKS */
	a:link {
		color: #bf0000; 
		text-decoration: none; 
	}
	a:visited {
		color: #bf0000; 
		text-decoration: none; 
	}
	a:hover {
		color: #000000; 
		text-decoration: underline; 
	}
	a:active {
		color: #bf0000; 
		text-decoration: underline; 
	}
/* Styles for #OUTER_CONTAINER */
	#outer_container {
		margin: 0; 
		padding: 0; 
		width: 100%; 
		background: #bf0000; 
	}
/* Styles for #INNER_CONTAINER */
	#inner_container {
		margin: 0 auto; 
		padding: 0; 
		width: 775px; 
		background-color: #ffffff; 
		background-image: url(../../graphics/bd_bg2.gif); 
		background-position: center top; 
		background-repeat: no-repeat; 
	}
/* Styles for #HEADER */
	#header {
		margin: 0 0 20px 0; 
		padding: 0; 
		width: 500px; 
	}
	#header h1, #header h2 {
	
	}
	#header h1 {
		margin: 0; 
		padding: 30px 0 0 25px; 
	
	}
	#header h2 {
		margin: 0; 
		padding: 0 0 0 30px; 
	
	}
/* Styles for #CONTENT_CONTAINER */
	#content_container { 
		margin-right: 115px; 
		padding: 25px 0; 
		width: 450px; 
		float: right; 
	}
	#content { 
		margin: 0; 
		text-align: justify; 
		padding: 0 10px; 
	}
/* Styles for NAVBAR */
	#navbar {
		margin: 25px 0 0; 
		padding: 0; 
		width: 200px; 
		height: 300px; 
		color: #ffffff; 
		font-size: 1.6em; 
		background-image: url(../../graphics/bd_bg_navbar.gif); 
		background-position: center top; 
		background-repeat: no-repeat; 
		float: left; 
	}
	#navbar a:link {
		color: #ffffff; 
		text-decoration: none; 
	
	}
	#navbar a:visited {
		color: #ffffff; 
		text-decoration: none; 
	}
	#navbar a:hover {
		color: #000000; 
		text-decoration: none; 
	}
	#navbar a:active {
		color: #ffffff; 
		text-decoration: underline; 	
	}
	#navbar a.current {
		color: #ffffff; 
		font-weight: bold; 
	}
	#navbar ul {
		margin: 0;
		padding: 25px 0 35px 50px;  
		list-style-image: none; 
	}
	#navbar li {
		line-height: 155%; 
	}
/* Styles for FOOTER */
	#footer {
		margin: 10px auto 0 auto; 
		padding: 15px 0; 
		clear: both; 
		color: #222222; 
		font-size: 0.9em; 
		width: 94%; 
		border-top: 1px solid #bf0000; 
	}
	#footer p {
		margin-bottom: 0; 
		padding-bottom: 0; 
	}
	#footer a:link {
		color: #bf0000;
		text-decoration: none; 	
	}
	#footer a:visited {
		color: #bf0000;
		text-decoration: none; 
	}
	#footer a:hover {
		color: #bf0000;
		text-decoration: underline; 
	}
	#footer a:active {
		color: #000000; 
		text-decoration: underline; 
	}

/* PAGE SPECIFIC styles */
/* Styles for #HOME page */
/* Styles for #ABOUT page */
/* Styles for #BLOG page */
/* Stylse for #SERVICES page */	
/* Styles for #PORTFOLIO page */
/* Styles for #BIRCHCRAFT page */
	#birchcraft #content img { margin: 0 0 10px; }
/* Styles for #CONTACT page */
	#contact #cntct_info {
		margin-bottom: 15px; 
	}
	#contact_form {
		margin: 3em auto; 
		width: 100%; 
	}
	#contact_form br, #contact_form fieldset br {
		clear: both; 
	}
	#contact fieldset {
		border: 1px solid #ccc; 
		margin: 2em 0; 
		padding: 1em; 
	}
	#contact label {
		display: block; 
		float: left; 
		clear: left; 
		width: 11em; 
		margin: 5px 5px 5px 0;
		text-align: left; 
		line-height: 1.8em; 
		font-size: 1em; 
	}
	#contact input, #contact select {
		margin: 5px 0; 
		height: 20px; 
		border: 1px #ccc solid;
		display: block; 
		float: left; 
		background-color: #fff !important; 
	}
	#contact legend {
		font-size: 1.6em; 
		font-weight: bold; 
		position: relative; 
		top: -0.3em; 
	}
	#contact fieldset fieldset {
		margin: 1em 0; 
	}
	#contact fieldset fieldset legend {
		font-size: 1.4em; 
	}
 	#contact fieldset#feedback_options label {
		line-height: 1.5em; 
	}
	#contact input[type=radio], #contact input[type=submit], #contact input[type=checkbox] {
		width: auto; 
		margin-right: .5em; 
	}
	#contact textarea {
		border: 1px inset #999; 
	}
/* Following rule to  support above "input[attribute-selector" rule in IE 6 (set classes to all "radio", "checkbox", and "submit" inputs)*/
	#contact input.radio, #contact input.checkbox, #contact input.submit {
		width: auto; 
		margin-right: .5em; 
	}
	
	#contact input#title1 { }
	#contact input#first_name { }
	#contact input#last_name { }
	#contact input#org_name { }
	#contact fieldset#address { }
	#contact input#address1 { }
	#contact input#address2 { }
	#contact input#city { }
	#contact select#state { }
	#contact input#zip {
		width: 6em; 
	}
	#contact input#url { }
	#contact input#email1 { }
	#contact input#phone {
		 
	}
	#contact input#extension {
		width: 6em; 
	}
	#contact input#fax {
		 
	}
	#contact fieldset#request { }
	#contact input#feedback_options { }
	#contact input#quote { }
	#contact input#comment { }
	#contact input#email2 {	}
	#contact input#message { }
	#contact select#budget { }
	#contact fieldset#marketing label {
		line-height: 120%; 
		margin-bottom: 10px; 
	}
	#contact fieldset#marketing select#mrkt_chnnls, #contact fieldset#marketing input#referral {
		margin-top: .2em; 
		width: 12em; 
	}

	#contact input#referral { }
	#contact input.submit {
		margin-left: 190px; 
	}
/* Styles for #COPY_PRIV page */
/* Styles for #COMMUNITY page */
/* Styles for #THANKS_EMAIL and #THANKS_QUERY pages */
	#thanks_email #navbar, #thanks_query #navbar {
		margin-bottom: 75px;
	}
/* Styles for #ERROR_FORM pages*/
	#error_form #navbar {
		margin-bottom: 75px; 
	}
/* Styles for #SITEMAP page */
/* Styles for #TESTIMONIALS page */
	#testimonials div.testimonial { 
		background-image: url(../../graphics/bd_qts_strt.gif); 
		background-repeat: no-repeat; 
		background-position: left top; 
		margin-bottom: 15px; 
		border-bottom: 1px solid #fff; 
	}
	#testimonials .testimonial p.quote { 
		background-image: url(../../graphics/bd_qts_end.gif); 
		background-repeat: no-repeat; 
		background-position: right bottom; 
		padding: 5px 30px; 
	}
	#testimonials p.client { 
		color: #4b4b4b; 
		font-style: italic; 
		text-align: left; 
		padding-left: 30px; 
	}
/* Styles for HACKS to ensure same look across browsers */
/* To ensure parent elements/divs do not collapse if nested objects/divs are floated; with IE6 hack */
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden; 
	}
	.clearfix { 
		display: inline-table; 
	}
	/* Hides IE6 hack from IE-Mac  \*/
	*html.clearfix {
		height: 1%; 
	}