﻿/* ======== Baut.com Screen Stylesheet ::
Author:		Baut.com
Created:	CPE 09_1215
Updated:	CPE 1-_0105
TOC:		Resets; HTML & Body; Links; Typography; Lists; Tables;
			Classes; Template; Navigation; Page Styles; Forms; Other;
----------------------------------------------------------------- */

/* ======== Resets ::
----------------------------------------------------------------- */
body, address, blockquote, h1, h2, h3, h4, h5, h6, p, pre, dl, ol,
ul, dd, dt, li, fieldset, form {margin:0;padding:0;}


/* ======== HTML & Body ::
----------------------------------------------------------------- */
html {font-size:100%; height:100%;}
body { 
	height:100%;
	font:85%/1.4 Arial,Tahoma,Geneva,Helvetica,sans-serif;
	background-color:#808080; }


/* ======== Links    ffffff - f1a548  ::
----------------------------------------------------------------- */
a,a:visited {text-decoration:underline; color:#000000; }
a:active, a:focus, a:hover {text-decoration:none; outline:none; color:#000000; }
a img {border:none;}


/* ======== Typography ::
----------------------------------------------------------------- */
/* ==== Resets for Nested elements 
- Helpful for Relative Font Size Sites (Not Needed for Fixed Font Size Sites) ==== */
blockquote p, p blockquote, div div, div li, div p,div dt,div dd,
li li, li li li,ul ul, p address, p pre, pre p,
td address, td h1, td h2, td h3, td h4, td li, td dd, td dt, td p, td pre {font-size: 100%;}

abbr,acronym {text-decoration:none; border:0}
address, h1, h2, h3, h4, h5, h6, dd, dt, li, p, pre {padding:.6em 0;}
h1 {font-size:130%; color:#000000; }
h2 {font-size:115%; color:#000000; }
h3 {font-size:105%; color:#000000; }
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1.1em;}
address,blockquote,div,dd,dt,li,p,th,td {font-size:1.2em;}
dt {font-weight:bold;}
pre {font-size: 12px;}
q:before,q:after {content:'';}


/* ======== Lists ::
----------------------------------------------------------------- */
dl, ol, ul {margin-left: 20px;}
li, ol, dd, dt {vertical-align:middle; list-style-position:inside;}


/* ======== Tables ::
----------------------------------------------------------------- */
table {
border:none;
border-collapse:collapse;
border-spacing:0;
overflow:hidden;
word-wrap:break-word;
}
caption, th, td {text-align:left; vertical-align:top;}


/* ======== General Purpose Classes ::
----------------------------------------------------------------- */
.alignleft {text-align:left;}
.alignright {text-align:right;}
.center {text-align:center;}
.clear {clear:both; padding:0; margin:0; line-height:0;}
.external {/* if needed with new window JS */}
.floatleft {float:left;}
.floatright {float:right;}
.hidden {display:none;}
.inline {display:inline;}
.large {font-size:20px; font-weight:bold;}
.light {color:#999;}
.png {/* if needed with png fix JS */}
.small {font-size:10px; font-weight:normal;}


/* ======== Template ::
----------------------------------------------------------------- */
#container { width:1000px; margin:0 auto 0 auto; background-color:#808080; }
#header { background-color:#84007b; width:1000px; }
#content {width:960px; background-image: url("https://baut.com/image/marble.jpg"); margin:0px 0px 10px 0px; padding:20px 20px 20px 20px; color:#000000; }
#rightcontent{float:right; width:500px; color:white;}
#sidebar {float:left;}
#footer {clear:both;}


/* ======== Navigation ::
----------------------------------------------------------------- */

/* ==== Main Menu ==== */
#menu ul {margin:0 auto; list-style: none;}
#menu li {float: left;}
#menu a {display: block;}

	/* 2nd Tier Child Menu with accessible drop down method */
	#menu li ul {position: absolute;top: -999em;left: -999em;}
	#menu li:hover ul, #menu li.hover ul {top: auto;left: auto;}

/* ==== Footer Menu ====- */
#footer ul { }
#footer li { }
#footer li a { }
#footer li a:active, #footer li a:focus, #footer li a:hover { }

/* ======== Page Styles ::
----------------------------------------------------------------- */


/* ======== Forms ::
----------------------------------------------------------------- */
label {cursor:pointer;}
fieldset {border:0;}
input,label,select,textarea {
line-height:1.1;
vertical-align:baseline;
font-size:inherit;
font-family:inherit;
}
input[type="radio"], input[type="checkbox"] {position:relative;top:1.5px;}
input[type="text"],textarea {padding:.2em;}
textarea {overflow:auto;}


/* ==== Download Menu ====- */
#download  a { color: #000000; text-decoration:none }
#download a:active, #download  a:focus, #download  a:hover { color:#84007b; text-decoration:none;   }


/* ======== Other ::
----------------------------------------------------------------- */
.blurb { background-color:#454545; padding-right:10px; text-align:justify; }
.highlight { color:#A0ABC1; font-style:italic; display:block; clear:left; padding-top: 30px; padding-right: 10px; }
.highlight .hightitle, #rightcontent h2 { text-transform:uppercase; color:#D2E0CA; font-size:larger; font-style:normal; display:block;}
.highlight a, #rightcontent a { display:block; color:#E1975D; font-style:normal; font-weight:bold;}
.highlight img { float:left; }
.highlight .quote{ color:white; }
.services {line-height: 150%; }
#rightcontent ul li, #rightcontent h2 { margin-bottom:-15px; }
#rightcontent ul li { margin-left:-10px; }
#rightcontent ul { margin-bottom:5px; }
#rightcontent a { margin-left:22px; }
#copyetc { float:right; color:white; font-size:75%; text-align:right; margin-top:20px; padding-bottom:3px; }
#copyetc a { display:inline; color:white; margin-left:0px; }
