/*********************************************************

Style Sheet for Bonded Applicators, Inc.
Written by Sarah Camp // Bravos Media ~ bravosmedia.com
Date: 04/24/2007

*********************************************************/
* {
	margin: 0;
	padding: 0;
}

body {
	background: #ffffff url(images/bg-left.png) repeat-y;
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	margin: 0;
}

.fleft { /* simply floats an element to the left */
	float: left; 
}

.fright { /* and floats an element to the right */
	float: right;
}

#content img.fright, #content img.fleft { /*specifically for image */
	margin: 0px 20px 10px 20px;
	border: 1px solid #333;
}

.clear { /* clears any floating elements (for display purposes) */
	clear: both;
}

#container { /* can be used for other styling, in this case only used to add the point image to the top */
	background: url(images/bg-top-point.png) no-repeat;
}

/*------------- Header Area -----------------*/

#header {
	margin-left: 113px;
	padding-left: 10px;
	padding-right: 10px;
	height: 150px;
	background: url(images/bg-top.png) repeat-x;
	padding-bottom: 50px;
	min-width: 760px;
}

#header .logo {
	padding-top: 75px;
	float: left;
}

#header .tag {
	padding-top: 75px;
	float: right;
}

#nav {
	clear: both;
	margin-top: 0px;
}

#nav ul {
	list-style: none;
	float: right;
	
}

#nav li {
	display: inline;
	float: left;
}

#nav li h2 a{ /* The header tags FORCE the block to render, making the sizing appear correctly. */
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	display: block;
	padding-right: 3px;
	padding-top: 6px;
	height: 25px;
	width: 105px;
	font-size: 14px;
	color: #fff;
	background: url(images/nav-red-bg.png) no-repeat;
}

#nav li h2 a:hover {
	background: url(images/nav-yellow-bg.png) no-repeat;
}

#nav li h2 a.current { /*makes the color of the background image different for the current page - must apply a style to current page link */
	background: url(images/nav-orange-bg.png) no-repeat;
}

/*------------- Main Content Area -----------------*/

#content {
	clear: both;
	margin-left: 150px; /* clears the left gradient and adds a little extra padding*/
	margin-right: 30px;
	font-size: 13px;
	min-width: 760px;
}

#content a {
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid #e2e2e2;
}

#content a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #666;
}

#content h1 {
	font-weight: normal;
	font-size: 30px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #cc0000;
	background: url(images/underline.png) repeat-x bottom;
}

#content h2 {
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#content ul {
	color: #333;
	line-height: 18px;
	list-style: circle outside;
	margin-left: 40px;
	padding-bottom: 10px;
}

#content ol {
	color: #333;
	line-height: 18px;
	margin-left: 50px;
}

#content p {
	color: #333;
	line-height: 18px;
	margin-left: 25px;
	padding-bottom: 10px;
}

.fl {
	float: left;
	text-align: center;
	background-color: #fefaf0;
	border: 1px solid #fce6b6;
	color: #666;
	font-size: 11px;
	padding: 5px;
	margin: 5px;
}

.fl img {
	border: 1px solid #333;
	margin: 5px;
}

/*------------- Form -----------------*/

#contactform fieldset {
	border: 1px solid #fce6b6;
	margin-bottom: 30px;
	margin-left: 25px;
	margin-right: 25px;
	background-color: #fefaf0;
}

#contactform hr {
	border: 0;
	height: 1px;
	color: #fce6b6;
	background-color: #fce6b6;
	clear: both;
}

#contactform legend {
	color: #cc0000;
	font-size: 16px;
}

#contactform label {
	float: left;
	padding-right: 20px;
	width: 200px;
}

#contactform .txt {
	
	background-color: #fff;
	border: 1px solid #fce6b6;
	width: 220px;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	padding: 4px;
}

#contactform .txt:hover {
	border: 1px solid #cc0000;
}

#contactform textarea.txt {
	height: 200px;
}

#contactform p {
	padding-bottom: 15px;
	clear: both;
}

#contactform p:hover {
	color: #cc0000;
}

#contactform .btn {
	float: right;
	border: 2px solid #cc0000;
	background-color: #ff9900;
	color: #fff;
	margin-right: 25px;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-size: 16px;
	padding: 5px 10px 5px 10px;
}

#contactform .btn:hover {
	background-color: #ff6600;
}

#contactform option {
	padding-bottom: 3px;
	color: #333;
}

#contactform select {
	margin-bottom: 10px;
}


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

#footer { /* can be used for other styling, in this case only used to add the point image to the bottom */
	background: url(images/bg-bottom-point.png) no-repeat;
	clear: both;
}

#footcont {
	margin-left: 113px;
	padding-top: 85px;
	font-size: 11px;
	line-height: 16px;
	color: #999;
	background: url(images/bg-footer.png) repeat-x;
	text-align: center;
}



/*------------- Other Styling -----------------*/