/***** Designer: Peter P Schaefer *****/
/***** a Lautus Design Production *****/
/*****       version 2.0alpha     *****/
/***** http://www.lautusdesign.com ****/

/***** Reset *****/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input, img { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
input { outline: none; border: none; margin: 0; padding: 0; }
caption,th { text-align: left; }
table, td, th { border-collapse: collapse; border-spacing: 0; padding: 0; margin: 0; }
a { text-decoration: underline; outline: none; color: #ff4200; border: none; }
a:hover { text-decoration: none; }

.em {
font-style: italic;
}

.logoBlack {
font-family: Helvetica;
color: #000;
}

.logoGray {
font-family: Helvetica;
color: #808080;
}

body {
width: 100%;
height: 100%; 
font-family: Trebuchet MS, Modern, Sans Serif;
font-size: 0.8em;
color: #313131;
text-align: center;
background: url(../img/bodyBKG.jpg) repeat-x #FFF;
}

html {  
height: 100%; 
}

#wrapper {
width: 1109px;
text-align: left;
background: url(../img/header_totalBKG.jpg) no-repeat top left;
margin: 0 auto;
position: relative;
padding: 0 0 0 30px;
}

.orange {
color: #FF4200;
}

.lightBlue {
color: #69C;
}

.underline {
text-decoration: underline;
}

/************ HEADER STYLES ************/

	#header {
	width: 1065px;
	height: 320px;
	position: relative;
	}

		.logo {
		width: 262px;
		height: 104px;
		float: left;
		position: relative;
		}
		
			/*.logoBKG {
			width: 257px;
			height: 22px;
			background: #FFF;
			float: right;
			display: none;
			}*/
		
		#navBar {
		width: 803px;
		height: 104px;		
		background: url(../img/headerBKG.jpg) no-repeat;
		float: left;
		position: relative;
		}
		
		ul.headerNav {
		position: absolute;
		top: 43px;
		left: 23px;
		z-index: 4;
		}
				
			ul.headerNav li {
			height: 26px;
			display: block;
			float: left;
			}
					
				ul.headerNav li a {
				height: 26px;
				width: 77px;
				font-family: Myriad Pro, Tahoma, Arial, Sans-serif;
			    font-size: 1.0em;
				color: #000;
				text-decoration: none;
				text-align: center;
				display: block;
				padding: 5px 0 0 0;
				}
					
				ul.headerNav li a:link, ul.headerNav li a:visited {
				color: #000;
				text-decoration: none;
				background: url(../img/headerNav_BKG_total.jpg) repeat-x;
				background-position: 0 0;
				} 
						
				ul.headerNav li a:hover, ul.headerNav li a:active {
				color: #000;
				text-decoration: none;
				background-position: 0 -36px;
				}
				
		.banner {
		width: 896px;
		height: 131px;
		position: absolute;
		top: 154px;
		left: 24px;
		z-index: 2;
		}
		
		
/************ CONTAINER STYLES ************/	

	#container {
	width: 843px;
	float: left;
	margin: 0 0 0 5px;
	position: relative;
	}	
	
		.contentBKG_top {
		width: 840px;
		height: 9px;
		background: url(../img/pages_containerBKG_top.jpg) no-repeat;
		position: relative;
		top: 0;
		left: 0;
		}
		
		.contentBKG_body {
		width: 791px;
		text-align: justify;
		padding: 20px 35px 20px 14px; 
		background: url(../img/pages_containerBGK_body.jpg) repeat-y;
		}
		
			.h1Bullet {
			background: url(../img/bulletsBKG.jpg) no-repeat 0px 8px;
			padding: 5px 0 0 23px;
			}
		
				h1 {
				font-size: 1.4em;
				}
				
				hr {
				border: none;
				border-top: solid 1px #e5e5e5;
				position: relative;
				top: -4px;
				}
			
					p {
					padding: 0 0 18px 23px;
					line-height: 1.7em;
					}
					
					table {
					margin: 0 0 0 35px;
					}
					
						td {
						padding: 8px 20px; 
						}
		
		.contentBKG_bottom {
		width: 840px;
		height: 35px;
		background: url(../img/pages_containerBKG_bottom.jpg) no-repeat;
		position: relative;
		}	
		
			ul.contextLink {
			position: absolute;
			right: 55px;
			top: 5px;
			float: right;
			}
			
				ul.contextLink li {
				float: left;
				}
				
					ul.contextLink li a {
					padding: 0 0 0 5px;
					}
	
					ul.contextLink li a:link, ul.contextLink li a:visited {
					float: left;
					}
		
		
/************ RIGHT COLUMN STYLES *******/
		
	#rightColumn {
	width: 211px;
	float: left;
	}
	
		.pagesContact { 
		width: 211px;
		position: relative;
		left: 4px;
		margin: 10px 0 10px 0;
		}
	
			.pagesContactTop {
			width: 211px;
			height: 37px;
			background: url(../img/pagesContactTop.jpg) no-repeat;
			}
			
			
				.h2Bullet {
				background: url(../img/bulletsBKG.jpg) no-repeat;
				padding: 0 0 7px 0;
				}
			
					h2 {
					font-size: 1.3em;
					padding: 0 0 0 23px;
					}
					
					.pagesContactBody {
					width: 191px;
					background: url(../img/news_recentActivity_slice.jpg) repeat-y;
					padding: 5px 10px 5px 10px;
					}
					
						.pagesContact table {
						width: 170px;
						position: relative;
						padding: 0;
						margin: 0 0 0 3px;
						top: 0;
						left: 0;
						}
						
							.pagesContact td {
							padding: 0 8px 5px 0;
							}
					
						.pagesContact a {
						width: 170px;
						height: 14px;
						display: block;
						margin: 0;
						color: #000;
						text-decoration: none;
						}
						
						.pagesContact a:hover {
						text-decoration: underline;
						}
					
						.skype {
						width: 182px;
						height: 40px;
						margin: 10px auto;
						position: relative;
						}
					
					.pagesContactBottom {
					width: 211px;
					height: 9px;
					background: url(../img/news_recentActivity_bottom.png) no-repeat;
					}
	
	.pagesBusinessHours {
	width: 211px;
	height: 162px;
	background: url(../img/businessHours.jpg) no-repeat;
	position: relative;
	left: 4px;
	margin: 0 0 10px 0;
	}
	
		#businessHoursClock {
		width: 87px;
		height: 87px;
		background: url(../img/clockFace.png) no-repeat;	
		position: absolute;
		top: 50px;
		left: 10px;
		}
					
	.pagesPortfolio {
	width: 211px;
	position: relative;
	left: 4px;
	}
	
		.pagesPortfolioTop {
		width: 211px;
		height: 53px;
		background: url(../img/news_portfolio_top.png) no-repeat;
		}
		
		.pagesPortfolioBody {
		width: 211px;
		background: url(../img/news_portfolio_slice.jpg) repeat-y;
		}
		
			.pagesPortfolioBody img {
			margin: 0 0 9px 9px;
			}
	
		.pagesPortfolioBottom {
		width: 211px;
		height: 13px;
		background: url(../img/news_portfolio_bottom.png) no-repeat;
		}
		
		.login {
		width: 192px;
		height: 138px;
		background: url(../img/accountBKG.jpg) no-repeat;
		padding: 17px 10px 2px 10px;
		position: relative;
		top: 0;
		left: 4px;
		}
			
			.h2Bullet {
			background: url(../img/bulletsBKG.jpg) no-repeat;
			padding: 0 0 7px 0;
			}
		
				h2 {
				font-size: 1.3em;
				padding: 0 0 0 23px;
				}
			
			#LoginFormName, #LoginFormPassword {
			width: 170px;
			height: 19px;
			border-top: 2px solid #9b9b9b;
			border-right: 1px solid #d4d4d4;
			border-bottom: 1px solid #f5f5f5;
			border-left: 1px solid #d4d4d4;
			margin: 0 auto 7px auto;
			padding: 6px 6px 0 6px;
			color: #999;
			}
			
				#LoginFormName:focus, #LoginFormPassword:focus {
				color: #000;
				}
				
			.LoginButton {
			width: 65px;
			height: 26px;
			background: url(../img/buttons_login_total.jpg) no-repeat;
			background-position: 0 0;
			position: relative;
			top: 3px;
			}
			
				.LoginButton:hover, .LoginButton:focus {
				background-position: 0 -36px;
				}
			
			.LoginFormForgotPassword {
			float: right;
			position: absolute;
			top: 130px;
			right: 20px;
			}
			
			.featuredWorkWrap {
			width: 701px;
			height: 200px;
			padding: 25px;
			margin: 0 auto;
			background: url(../img/featuredWorkBKG.jpg) top center no-repeat;
			display: block;
			}
			
				.featuredWorkWrap img {
				margin-right: 25px;	
				float: left;
				}
				
				img.noMargin {
				margin: 0;	
				}
		
	
		
/************ FOOTER STYLES ************/	

	#footer {
	width: 840px;
	float: left;
	clear: both;
	position: relative;
	left: 5px;
	}
	
		ul.footerNav {
		height: 15px;
		margin: 17px 0 0 30px;
		}
	
			ul.footerNav li {
			font-size: 0.9em;
			padding: 0 8px 4px 0;
			margin: 0 0 8px 0;
			float: left;
			}
			
				u.footerNav li a {
				font-size: 0.9em;
				}
	
		#footer hr {
		clear: both;
		border: none;
		border-bottom: 1px solid #CCC;
		padding: 0;
		margin: 0;
		}
		
		.credits {
		width: 50%;
		font-size: 0.9em;
		margin: 4px 0 153px 30px;
		padding: 0;
		float: left;
		position: relative;
		}	
		
		
		
/************ IE HACKS ************/	
		* html .banner {
		width: 896px;
		height: 131px;
		position: relative;
		top: 54px;
		left: 24px;
		z-index: 2;
		}
		
		* html .contentBKG_top {
		width: 840px;
		height: 9px;
		background: url(../img/pages_containerBKG_top.jpg) no-repeat;
		position: relative;
		top: 10px;
		left: 0;
		}
		
		* html .login {
		width: 191px;
		height: 138px;
		background: url(../img/accountBKG.jpg) no-repeat;
		padding: 17px 10px 2px 10px;
		position: relative;
		top: 10px;
		left: 4px;
		}