/*-----------------------------------------------------------------------------
Elvio Web Design 
version:   1.0
date: December 28, 2009
author:    darryl bray
email:     darrylbray@elviowebdesign.com
website:   http://www.elviowebdesign.com/
-----------------------------------------------------------------------------*/

body {

	background: #fffdee url(../images/nav-bg.gif) repeat-x;
	color: #333333;
}

html {
	min-height:101%; /* Prevents Scroll Bar Jump on large screen monitors with high resolutions */
}

/* Common Styles
================================= */

h1 {
  	font-size: 2.6em;
  	font-weight: normal;
  	color: #1e0a02;
  	font-family: "Times New Roman", Times, serif;
}

h2 {
  	font-size: 1.9em;
  	font-weight: normal;
	color: #1e0a02;
	margin-bottom: .5em;
	font-family: "Times New Roman", Times, serif;
}

h3 {
  	font-size: 1.5em;
  	font-weight: normal; 
	color: #1e0a02; 
	font-family: "Times New Roman", Times, serif;
}

h4 {
  	font-size: 1.0em;
  	font-weight: bold;
  	letter-spacing: 1px; 
	color: #886d53;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: .4em;
}

h5 {
	margin-bottom: .5em;
	color: #1e0a02;
}

h6 {
	margin-bottom: .5em;
	color: #1e0a02;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.imagespacetop {
	margin-top: 20px;
}

.imagespacebottom {
	margin-bottom: 20px;
}

.imageremovespace {
	display: block;
}

.imageborder {
border: 1px solid #ded7bd;
}

.removeimagespacebottom {
	display: block;
	margin-top: -5px;
}

.clearboth {
	clear:both;
}

.floatright {
	float: right;
}

.sub_title_text {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
  	color: #886d53;
	font-weight: bold;
}

.aligncenter {
	vertical-align: middle;
}

.testimonial {
	font-size: 1.2em;
}

.large {			/* BluePrint Over Ride */
	font-size:1.2em;
	line-height:0em;
	margin-bottom:1.50em;
} 

.posted {
color: #666666;
margin-bottom: 0.2em;
}

/* Wrapper
================================= */

#wrapper {
	background-color: #fffdee;
}

/* Header
================================= */

#header {
	position: relative;
 	height: 80px;
}

#header a {
	color: #b84915;
}

#header a {
	color: #b84915;
	text-decoration: none;
}

#header a:hover {
	color: #b84915;
	text-decoration: underline;
}

#header .positionlogo {
	position: absolute;
	top: 15px;
	left: 20px;
}

#header .positioncallus {
	position: absolute;
	color: #886d53;
	top: 55px; 
	left: 550px;
}

#header .positionemailus {
	position: absolute;
	color: #886d53;
	top: 55px; 
	left: 720px;
}

#header .topnavigation {
	position: absolute;
	top: 20px;
	left: 730px;
}

#header .topnavigation ul {
	list-style-type:none;
	font-weight: bold;
}

#header .topnavigation li {
	display: inline;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0px 10px;
	font-size: 95%;
	font-weight: bold;
}

#header .topnavigation li a {
	color: #755e48;
	font-size: 1.2em;
}

#header .topnavigation li a:hover {
	color: #c8a686;
	text-decoration: none;
}

/* Start Primary Navigation
================================= */

#demo-container{
	padding:25px 15px 0 15px;
	background:#1f0d0a;
	background: #462e22;
}

ul#simple-menu{
	list-style-type:none;
	width:100%;
	position:relative;
	height:27px;
	font-family:"Trebuchet MS",Arial,sans-serif; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	margin:0;
	padding:11px 0 0 0;
}

ul#simple-menu li{
	display:block;
	float:left;
	margin:0 0 0 4px;
	height:27px;
}

ul#simple-menu li.left{
	margin:0;
}

ul#simple-menu li a{
	display:block;
	float:left;
	color:#fff;
	background:#886d53;
	line-height:27px;
	text-decoration:none;
	padding:0 29px 0 30px;
	height:27px;
}

ul#simple-menu li a.right{
	padding-right:19px;
}

ul#simple-menu li a:hover{
	background:#9c8671;
}

/* Start Highlight Current Page */

body.home #demo-container #simple-menu a#home,
body.portfolio #demo-container #simple-menu a#portfolio,
body.clients #demo-container #simple-menu a#clients,
body.services #demo-container #simple-menu a#services,
body.online-products #demo-container #simple-menu a#online-products,
body.pricing #demo-container #simple-menu a#pricing,
body.about-us #demo-container #simple-menu a#about-us,
body.contact-us #demo-container #simple-menu a#contact-us      
{
	color:#000;
	background:#fffdee;
}

body.home #simple-menu a:hover#home {
	color:#000;
	background:#fffdee;
}

/* Main Message
================================= */

#mainMessage {
	position: relative;
	height: 265px;
	background-color: #f3f0dc;
	margin: 20px 0 20px 0;
	width: 960px;
}

#mainMessage a {
	color: #b84915;
	text-decoration: underline;
}

#mainMessage a:hover {
	color: #b84915;
	text-decoration: none;
}

.positiontaglinelarge {
	position:absolute;
	top: 30px;
	left: 60px;
}

.positionmarketingmessage {
	position: absolute;
	top: 80px;
	left: 60px;
}

.positiontalktous {
	position:absolute;
	top: 200px;
	left: 250px;
}

.positionviewourwork {
	position:absolute;
	top: 185px;
	left: 165px;
}

.positionportfoliothumb {
	position: absolute;
	top: 32px;
	left: 580px;
}

.positionportfolio {
	position: absolute;
	top: 10px;
	left: 610px;
	font-size: 95%;
}

/* Primary Content
================================= */

#primaryContent {
	position: relative;
}

#primaryContent a {
	color: #b84915;
	text-decoration: underline;
	font-weight: bold;
}

#primaryContent a:hover {
	color: #b84915;
	text-decoration: none;
}

#primaryContent ul {
	padding-left: 1.9em;
}

/* Start Four Boxes Top */

#fourboxestop {
	margin: 0;
	overflow: hidden;
}

#fourboxestop a {
	color: #b84915;
	text-decoration: none;
}

#fourboxestop a:hover {
	color: #b84915;
	text-decoration: underline;
}

#fourboxestop .box1 {
	float: left;
	width: 225px;
	margin-right: 20px;
}

#fourboxestop .box2 {
	float: left;
	width: 225px;
	margin-right: 20px;
}

#fourboxestop .box3 {
	float: left;
	width: 225px;
	margin-right: 20px;
}

#fourboxestop .box4 {
	float: left;
	width: 225px;
}

/* End Four Boxes Top */

/* Start Box Layout For Portfolio Page */

#primaryContent .boxes a {
	font-weight: normal;
	text-decoration: none;
}

#primaryContent .boxes a:hover {
	font-weight: normal;
	text-decoration: underline;
}

.boxes ul {
	margin:0 0 20px 0;
	padding:0 0 0 15px;
}

.boxleft {
	width: 650px;
	float: left;
}

.boxleftsite {
	width: 650px;
	float: left;
}

.boxright {
	width: 305px;
	float: right;
}

.borderportfolio {
	border: 8px solid #f3f0dc;
}

/* End Box Layout For Portfolio Page */

.positioncontactus {
	position: absolute;
	top: 20px;
	left: 650px;
}

.clientname {
	font-style: italic;
	font-size: .8em;
	color: #c4c1ae;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* Start Contact Us Form */

input.text {	/* BluePrint Over Ride */
	width:350px;
} 

textarea { /* BluePrint Over Ride */
width:450px;
height:250px;
}

/* End Contact Us Form */

/* Secondary Content
================================= */

#secondaryContent {
	padding-left: 15px;
}

#secondaryContent a {
	color: #b84915;
	text-decoration: underline;
	font-weight: bold;
}

#secondaryContent a:hover {
	color: #b84915;
	text-decoration: none;
}

#secondaryContent h5 {
	font-size: 1.0em;
	font-weight: bold;
}

#secondaryContent ul {
	margin: 0;
	padding: 0 0 20px 0px;
	list-style: none;
}

.productcontainer {
	margin-bottom: 20px;
}

/* Tertiary Content
================================= */

#tertiaryContent a {
	color: #b84915;
	text-decoration: underline;
	font-weight: bold;
}

#tertiaryContent a:hover {
	color: #b84915;
	text-decoration: none;
}

#tertiaryContent h5 {
	font-size: 1.0em;
	font-weight: bold;
  	background: url(../images/orange-bullet.gif) no-repeat 0px 4px;
  	padding-left: 15px;
}

#tertiaryContent ul {
	margin: 0;
	padding: 0 0 20px 0px;
	list-style: none;
}

/* Footer
================================= */

#footer {
  color: #636b75;
  position: relative;
  border-top: 1px dotted #cccccc;
  background-color: #fff;
}

#footer a {
	color: #636b75;
	text-decoration: none;
}

#footer a:hover {
	color: #636b75;
	text-decoration: underline;
}

#footer p {
	margin: 0;
	padding: 10px 0 10px 0;
}

#footer ul {
	margin: 0;
	padding: 10px 0 10px 0;
	list-style-type: none;
}

#footer li {
	display: inline;
	padding-right: 10px;
}

.positionvalidate {
	float:right;
}

.positioncopyright {
	float:left;
}

/* Layout Technique Including Margins and Padding
================================= */
body {	/* Blue Print overide for IE */
	text-align:left;
} 

#wrapper {
  	width: 960px; 
  	margin: 0 auto; 
  	text-align: left;
  	overflow:auto; 
}

#contentColumnContainer { 
  	width: 730px; 
  	float: right;
  	margin-top: 20px;
  	overflow: hidden; /* Removes horizontal scrollbar in Firefox on short pages - about-us.html and clients.html */
}

#primaryContent { 
  	width: 500px; 
  	float: left;
}

#secondaryContent { 
  	width: 195px;
  	float: right; 
} 

#tertiaryContent { /* This code worked in every browser except IE7 and IE6 on a Microsoft Operating System which both displayed a space between the Primary Content and Footer */
  	width: 195px;
  	float: left;
	padding-right: 10px; 
	margin-top: 20px;
} 

.containerbox  {
	width: 960px;
	margin: 0 auto;
}

#portfoliopage #primaryContent {
	width: 960px;
	margin-top: 20px;
}

#oneColLayout #primaryContent {
	width: 960px;
	margin-top: 20px;
}