@charset "utf-8";

@font-face {
    font-family: 'BrawlerRegular';
    src: url('../fonts/Brawler-webfont.eot');
    src: url('../fonts/Brawler-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Brawler-webfont.woff') format('woff'),
         url('../fonts/Brawler-webfont.ttf') format('truetype'),
         url('../fonts/Brawler-webfont.svg#BrawlerRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* LAYOUT */


body {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		background-color: #1e1412;
		font-family: Georgia, Times New Roman, Times, Serif;
		font-size: 12px; 
		font-style: normal; 
		font-weight: normal; 
		color: #000; 
		line-height: 14pt;
		}
	
#container {
		padding: 0px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 0px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		background-image: url(../images/bg.jpg);
		}
	
#shadow {
		padding: 0px;
		height: auto;
		width: 1100px;
		margin-right: auto;
		margin-left: auto;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
		border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
		background-image: url(../images/shadow.png);
		background-repeat: repeat-y;
		background-position: center top;
		background-attachment: fixed;
		}
	
#topbar {
		
		height: 50px;
		width: auto;
		margin-right: auto;
		margin-left: auto;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
		border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
		background-color: #000000;

		}
		
#topbar-holder {
		height: 50px;
		width: 1000px;
		margin-right: auto;
		margin-left: auto;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
		border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
		background-color: #000000;
		text-align: right;
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 9px; 
		font-style: normal; 
		font-weight: bold; 
		color: #fff; 
		line-height: 14pt;
		}

#holder {
		padding: 0px;
		height: auto;
		width: 1000px;
		margin-right: auto;
		margin-left: auto;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
		border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
		background-color: #FFFFFF;
		}
	
#wrapper {
		}
	
.bumper {
		padding: 0px;
		height: 30px;
		width: 1000px;
		margin-right: auto;
		margin-left: auto;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
		border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
		}
                
.prominent{
                    color:#1F1412;
                    font-family: Verdana, Arial, Helvetica, Sans-Serif;
                    font-size:30px;
                    text-align: center;
                }
		
#footer-bumper {
		padding: 0px;
		height: 30px;
		width: auto;
		margin-right: auto;
		margin-left: auto;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
		border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
		background-color: #44281c;
		}



/* HEADER */


#header {
    padding: 0px;
    height: 110px;
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
    border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
    position: relative;

}
                
.home-msg{
    position: absolute;
    left:0px;
    bottom:0px;
    color:#000000;
    width:320px;
    height:20px;
    z-index: 10;
    font-weight: bold;
    padding-left:45px;
}

#logo {
		float: left;
		height: 110px;
		width: 1000px;
		margin-right: auto;
		margin-left: auto;
		padding-top: 0px;
		padding-left: 0px;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
		border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
		}

#login {
		float: right;
		height: 45px;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding-top: 5px;
		padding-right: 15px;
		padding-bottom: 0px;
		padding-left: 15px;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
		border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
		text-align: right;
		width:492px;
		}
		
#loggedin {
		float: right;
		height: 35px;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding-top: 15px;
		padding-right: 15px;
		padding-bottom: 0px;
		padding-left: 15px;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
		border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
		text-align: center;
		}

#navigation {
		background-color: #1f1412;
		padding: 0px;
		height: 38px;
		width: 1000px;
		padding-top: 12px;
		margin-right: auto;
		margin-left: auto;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
		border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
		font-family: 'BrawlerRegular', Georgia, Times New Roman, Times, Serif;
		font-size: 18px; 
		font-style: normal; 
		font-weight: normal; 
		color: #fff;
		line-height: 18pt;
		letter-spacing: 0px;
		text-align: center;
		}


/* CONTENT */

#banner {
		padding: 0px;
		height: 349px;
		width: 1000px;
		margin-right: auto;
		margin-left: auto;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
		border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
		}

#maincontent {
		padding: 0px;
		width: 1000px;
		margin-right: auto;
		margin-left: auto;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
		border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
		}

#content-left {
		padding: 0px;
		height: 300px;
		width: 490px;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
		border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
		float: left;
		background-color: #FFFFCC;
		}

#content-right {
		padding: 0px;
		float: right;
		height: 300px;
		width: 490px;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
		border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
		}



/* FOOTER */

#footer {
		padding: 0px;
		width: 100%;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
		border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
		background-color: #1e1412;

			
		}

#footer-holder {
		padding-top: 10px;
		padding-bottom: 10px;
		height: auto;
		width: 1000px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0px;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
		border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
		font-family: Georgia, Times New Roman, Times, Serif;
		font-size: 14px; 
		font-style: normal; 
		font-weight: normal; 
		color: #fff;
		line-height: 14pt;
		letter-spacing: 0px;
		text-align: center;
		}

#footer-content-left {
		padding: 0px;
		height: 50px;
		width: 720px;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
		border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
		float: left;
		}

#footer-content-right {
		padding: 0px;
		height: 50px;
		width: 220px;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
		border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
		float: right;
		}



.leftcell {
		padding: 0px;
		float: left;
		width: 80px;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
		border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;	
		}

.rightcell {
		padding: 0px;
		float: right;
		width: 600px;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
		border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
		}

.imageleft {
		float: left;
		margin-right: auto;
		margin-left: auto;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
		border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
		}

.imageright {
		float: right;
		margin-right: auto;
		margin-left: auto;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
		border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
		}
		
.textbox	{
		width:940px; 
		padding-left:20px; 
		padding-right:20px;  
		padding-top:20px;  
		padding-bottom:20px; 
		}
.borderbox {
		width:938px; 
		border: black 1px solid; 
		border-bottom: black 1px solid; 
		border-top-style: black 1px solid; 
		padding-left:20px; 
		padding-right:20px;  
		padding-top:20px;  
		padding-bottom:20px;

}




.dottedline {
		background-image: url(../images/dottedline.gif);
		background-repeat: repeat-x;
		height: 5px;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 0px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		margin-right: auto;
		margin-left: auto;
		padding: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		}

.clr	{
		clear: both;
		width: 100%;
		height:0;
		} 

.navlinks {
		margin-right: auto;
		margin-left: auto;
		padding-right: 34px;
		padding-left: 34px;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 0px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		float: left;
		}

ul.newlist	{
		list-style-type: none;
		background: url(../images/arrow.png) no-repeat top left;
		padding-left: 30px;
		margin-left: 0;
		font-weight: normal;
		}
li.newlist	{
		list-style-type: none;
		background: url(../images/arrow.png) no-repeat top left;
		padding-left: 30px;
		margin-left: 0;
		font-weight: normal;
		}

ul.newlistsub	{
		list-style-type: none;
		padding-left: 50px;
		margin-left: 0;
		font-weight: normal;
		}

div.button		{
		border-radius: 6px;
		background-color: #44281c;
		padding-left: 12px;
		padding-right: 12px;
		padding-top: 6px;
		padding-bottom: 6px;
		text-align: center;
		font-family: Georgia, Times New Roman, Times, Serif;
		font-size: 10px; 
		font-style: normal; 
		font-weight: bold; 
		color: #fff; 
		float:left;
		}

#navcontainer ul	{
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: center;
		float:left;
		}

#navcontainer ul li { 
		display: inline; 
		}

#navcontainer ul li a	{
		text-decoration: none;
		padding: .2em 1em;
		color: #fff;
		background-color: #036;
		}

#navcontainer ul li a:hover	{
		color: #fff;
		background-color: #369;
		}




/* Text Styles */

.copy 			{font-family: 'BrawlerRegular', Georgia, Times New Roman, Times, Serif;
				font-size: 13px; 
				font-style: normal; 
				font-weight: normal; 
				color: #000; 
				line-height: 15pt;
				letter-spacing: 0px;}
				
.copy2 			{font-family: 'BrawlerRegular', Georgia, Times New Roman, Times, Serif;
				font-size: 13px; 
				font-style: normal; 
				font-weight: normal; 
				color: #fff; 
				line-height: 15pt;}
				
.copy3 			{font-family: 'BrawlerRegular', Georgia, Times New Roman, Times, Serif;
				font-size: 15px; 
				font-style: normal; 
				font-weight: normal; 
				color: #fff; 
				line-height: 15pt;}
				
.sidenav 			{font-family: Georgia, Times New Roman, Times, Serif;
				font-size: 12px; 
				font-style: normal; 
				font-weight: bold; 
				padding-left: 10px;
				color: #fff; 
				line-height: 12pt;}

.title2			{font-family: 'BrawlerRegular', Georgia, Times New Roman, Times, Serif;
				font-size: 20px; 
				font-style: normal; 
				font-weight: normal; 
				color: #000000;
				line-height: 20pt;
				letter-spacing: 1px;
				text-transform:uppercase;
				}
				
.title			{font-family: 'BrawlerRegular', Georgia, Times New Roman, Times, Serif;
				font-size: 24px; 
				font-style: normal; 
				font-weight: normal; 
				color: #000000;
				line-height: 24pt;
				letter-spacing: 2px;
				text-transform:uppercase;
				}
				
.subtitle		{font-family: 'BrawlerRegular', Georgia, Times New Roman, Times, Serif;
				font-size: 14px; 
				font-style: normal; 
				font-weight: normal; 
				color: #000000;
				line-height: 16pt;
				letter-spacing: 0px;}
				
.quotes			{font-family: Georgia, Times New Roman, Times, Serif;
				font-size: 14px; 
				font-style: italic; 
				font-weight: normal; 
				color: #666666;
				line-height: 18pt;
				letter-spacing: 1px;}
				
.small			{font-family: Verdana, Arial, Helvetica, sans-serif; 
				font-size: 9px; 
				font-style: normal; 
				font-weight: bold; 
				color: #000; 
				line-height: 9pt;}
					
.form-title 	{font-family: Arial, Verdana, Helvetica, sans-serif;
				font-size: 12px;
				color: #666666;}		

.form-field		{font-family:  Arial, Verdana, Helvetica, sans-serif;
				font-size: 12px; 
				font-style: normal; 
				font-weight: normal; 
				color: #000;
				line-height: 12pt;
				letter-spacing: 0px;}

.breadcrumb		{font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px; 
				font-style: normal; 
				font-weight: normal; 
				color: #000;
				line-height: 11pt;
				letter-spacing: 0px;}
				
.login			{font-family: Arial, Verdana, Helvetica, sans-serif; 
				font-size: 11px; 
				font-style: normal; 
				font-weight: normal; 
				color: #000; 
				line-height: 11pt;}

hr 				{color: #000;
				background-color: #000;
				height: 1px;
				width: 100%;}



/* Links */

a:link 						{text-decoration: none; color: #0097D6;}			/* unvisited link */
a:visited 					{text-decoration: none; color: #0097D6;}			/* visited link */		
a:hover 					{text-decoration: underline; color: #0097D6;}		/* mouse over link */
a:active 					{text-decoration: none; color: #0097D6;}			/* selected link */	

a.nav-header:link 			{text-decoration: none; color: #fff;}			/* unvisited link */
a.nav-header:visited 		{text-decoration: none; color: #fff;}			/* visited link */	
a.nav-header:hover 			{text-decoration: underline; color: #fff;}		/* mouse over link */
a.nav-header:active 		{text-decoration: none; color: #fff;}			/* selected link */	

a.nav-footer:link 			{text-decoration: none; color: #ffffff;}			/* unvisited link */
a.nav-footer:visited 		{text-decoration: none; color: #ffffff;}			/* visited link */	
a.nav-footer:hover 			{text-decoration: underline; color: #cccccc;}		/* mouse over link */
a.nav-footer:active 		{text-decoration: none; color: #ffffff;}			/* selected link */	

a.link-button:link 			{text-decoration: none; color: #ffffff;}			/* unvisited link */
a.link-button:visited 		{text-decoration: none; color: #ffffff;}			/* visited link */	
a.link-button:hover 		{text-decoration: underline; color: #ffffff;}		/* mouse over link */
a.link-button:active 		{text-decoration: none; color: #ffffff;}			/* selected link */	



a.link-topbar:link 			{text-decoration: none; color: #eadac4;}			/* unvisited link */
a.link-topbar:visited 		{text-decoration: none; color: #eadac4;}			/* visited link */	
a.link-topbar:hover 		{text-decoration: underline; color: #eadac4;}		/* mouse over link */
a.link-topbar:active 		{text-decoration: none; color: #eadac4;}			/* selected link */	

/* JQuery Slideshow */

#slideshow 		{position:relative;
    			height:300px;						/* adjust height here */
				width:1000px;						/* adjust width here */
				margin-left: auto;					/* center align */
				margin-right: auto;					/* center align */
				}

#slideshow DIV 	{position:absolute;
    			top:0;
    			left:0;
    			z-index:8;
    			opacity:0.0;
    			height: 300px;						/* adjust height here */
    			background-color: #FFF;
				}

#slideshow DIV.active {
   				z-index:10;
    			opacity:1.0;
				}

#slideshow DIV.last-active {
   				z-index:9;
				}

#slideshow DIV IMG {
    			height: 300px;						/* adjust height here */
    			display: block;
    			border: 0;
    			margin-bottom: 10px;
				}

.userOpt{
	width:700px; 
	margin:auto;
}
				
.userCol{
	width:33%; 
	text-align:center; 
	float:left;
}

.userWrapper{
	width:925px;
	color:#000000;
	font-size:12px;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	margin:auto;
}

div.userLabels{
	width:925px;
	background-color:	#FEFF99;
}

.userLabel{
	float:left;
	
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	height:60px;
	padding-top:10px;
	
}

.userRow{
	width:925px;
}

.userCell{
	float:left;
	
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	height:30px;
	padding-top:10px;
}

#formSubmit{
	width:200px; 
	border:1px solid black; 
	background-color:#CDCDCD; 
	border-radius:7px;
}

div.idCol{
    width:90px;
}

div.fnameCol{
	width:110px;
}

div.lnameCol{
	width:110px;
}

div.emailCol{
	width:181px;
}

div.usernameCol{
	width:156px;
}

div.passwordCol{
	width:156px;
}

div.documentCol{
	width:100px;
}

div.infoCol{
	width:85px;
}

div.editWrapper{
	padding-top:40px;
	width:290px;
	margin:auto;
}

div.clientAddLeft{
	float:left; 
	width:110px;
	text-align:right;
	padding-bottom:3px;
	padding-right:3px;
}

div.clientAddRight{
	float:left; 
	width:175px;
	text-align:left;
	padding-bottom:3px;	
}

div.clientDoc{
	width:675px;
	padding-top:30px;
}

div.clientRow{
	padding:10px;
}

div.clientDate{
	width:80px; 
	
	text-align:left; 
	vertical-align:text-top;
	float:left;
	padding-right:20px;
}

div.clientName{
	width:335px; 
	
	text-align:left; 
	vertical-align:text-top;
	float:left;
}

div.clientDL{
	width:180px; 
	
	text-align:left; 
	vertical-align:text-top;
	float:left;
}

div.clientText{
	width:335px;
	
	text-align:left;
	vertical-align:text-top;
	float:left;
}

div.clientProperty{
    width:415px;
    float:left;
    text-align:left; 
    vertical-align:text-top;
}