/*
BASE STYLES
*/
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color: #000;
 
} 
 
div#flashcontent
{
	height: 479px;
	padding-left:183px;
} 
 
#pagewidth{ 
 width:840px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#bordertop{
 position:relative; 
 height:12px; 
 background-color:#000000; 
 width:100%;

 background-image:url('img/bordertop.jpg');

} 

#borderbottom{
 position:relative; 
 height:11px; 
 background-color:#000; 
 width:100%;
 background-repeat: no-repeat;
 background-image:url('img/borderbottom.jpg');
} 

#headerspace{
 position:relative; 
 height:15px; 
 background-color:#000; 
 width:100%;
} 
 
#leftcol{
 width:20px; 
 float:left; 
 position:relative;
 height: 539px; 
 background-color:#000000;

 background-image:url('img/borderleft.jpg'); 

}

div#bigimage{
padding-left:22px;
padding-right:15px;
}
 
#twocols
{
 width:820px;
 float:right; 
 position:relative; 

}
 
#rightcol{
 width:19px; 
 float:right; 
 background-color:#000000; 
 height: 539px;
 position:relative; 
 
  background-image: url('img/borderright.jpg');
 
 }
 
#maincol
{
 background-color: #000000;  
 float: left; 
 display:inline; 
 position: relative; 
 width:801px; 
 height: 479px;

 background-image: url('img/MainBackground.gif');
 }
  
 #maincol2{background-color: #000000;  
 float: left; 
 display:inline; 
 position: relative; 
 width:801px; 
 height: 60px;
 background-image: url('img/YellowFooter.jpg');
 }
 

#contactbottom{
 position:relative; 
 height:25px; 
 background-color:#12363C; 
 width:100%;
 background-image: url('img/MainBackground.gif');
} 
 
#footer{
	 height:25px; 
	 background-color:#000; 
	 clear:both;
	 background-image: url('img/contactbottom.jpg');
} 

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*
 LOGO 
*/
div#logo{
position:relative;
width: 403px;
float:left;

}

/*
ARROW BACK
*/
div#arrowback{
/*
*/
width:200px;
padding-left:38px;
position:relative;
}

/*
SMALL PROJECT IMAGES!
*/
div#smallprojectimages{
 background-color: transparent;
 height:73px;
 width: 795px;
}
 
/*
CONTENT RIGHT
*/
div#contentrightproject{
color:#FFFFFF;
float:right;
/*height:383px;*/
padding-top:18px;
position:relative;
width:398px;
}

div#contentrightproject p{
padding-right:15px;
font-family: Verdana;
font-size: 12px;
color:#FFFFFF;
line-height:17px;
} 

/*
CONTENT RIGHT
*/
div#contentright{
color:#FFFFFF;
float:right;
height:453px;
padding-top:18px;
position:relative;
width:398px;
}

div#contentright p{
padding-right:15px;
font-family: Verdana;
font-size: 12px;
color:#FFFFFF;
line-height:17px;
}

div#contentrighthome{
color:#FFFFFF;
float:right;
height:479px;
padding-top:0px;
position:relative;
width:398px;
}

div#contentrighthome p{
padding-right:15px;
font-family: Verdana;
font-size: 12px;
color:#FFFFFF;
line-height:17px;
}

div#contentright a, div#contentright a:link,div#contentright a:active,div#contentright a:visited   {
padding-right:15px;
font-family: Verdana;
font-size: 12px;
color:#FFFFFF;
line-height:17px;
}

div#contentright a:hover{
text-decoration: underline;
}



div#contentright h1{ 
color:#FFFFFF;
font-family:Verdana;
font-size:13px;
margin:5px 0px 0px;
padding:0px;
}


/*
TEXT AREAS
*/

div#contentleftproject{
position:relative;
padding-left:38px;
width:329px;
height: 177px;
overflow: hidden;
}

div#contentleftproject p{
color:#FFFFFF;
font-family:Verdana;
font-size:12px;
font-style:normal;
font-weight:normal;
letter-spacing:-1px;
line-height:17px;
margin:5px 0px 0px;
padding:0px;
}

div#arrowback h1{ 
color:#FFFFFF;
float:left;
font-family:Verdana;
font-size:13px;
padding-left:11px;
padding-top:29px;
}

div#contentleftproject h1{ 
color:#FFFFFF;
font-family:Verdana;
font-size:13px;
margin:5px 0px 0px;
padding:0px;
}


div#contentleft h1{ 
color:#FFFFFF;
font-family:Verdana;
font-size:13px;
margin:5px 0px 0px;
padding:0px;
}

div#contentleft{
position:relative;
padding-left:38px;
width:329px;
height:249px;
overflow:hidden;
}

div#contentleft p{
color:#FFFFFF;
font-family:Verdana;
font-size:12px;
font-style:normal;
font-weight:normal;
letter-spacing:-1px;
line-height:17px;
margin:5px 0px 0px;
padding:0px;
}

/*
TOPMENU
*/
#topmenu{
 position:relative; 
 height:20px; 
 background-color:#000000; 
 width:100%;
z-index:2;
 /*
 background-image: url('img/topmenu.gif');
 */
} 

#topmenu p{
/*
color:#5B5B5B;
font-family:Tahoma;
font-size:12px;
font-weight:bold;
margin:0px;
padding:3px 23px 0px 0px;
text-align:right;
*/
}

#topmenu p a:link, #topmenu p a:visited, #topmenu p a:active, #topmenu p a{
/*color:#5B5B5B;
font-family:Tahoma;
font-size:12px;
font-weight:bold;
text-decoration:none;*/
}

#topmenu p a:hover{
	/*color: #FFFFFF;*/
}



/*
BREADCRUMB
*/
div#breadcrumb{
padding-left:21px;
padding-top:22px;
color:#000000;
font-family:Verdana;
font-size:12px;
font-weight:bold;
letter-spacing:0px;
}

div#breadcrumb a, div#breadcrumb a:link, div#breadcrumb a:active, div#breadcrumb a:visited{
text-decoration: none;
font-family: Tahoma;
font-size:13px;
color: #000000;
font-weight: bold;
letter-spacing:0px;
}

div#breadcrumb a:hover{
 color: #FFFFFF;
 letter-spacing:0px;
}

div#breadcrumb a.active, div#breadcrumb a.active:link, div#breadcrumb a.active:active, div#breadcrumb a.active:visited{
text-decoration: none;
font-family: Tahoma;
font-size:13px;
color: #FFF;
font-weight: bold;
letter-spacing:0px;
}

div#breadcrumb a.active:hover{
 color: #FFFFFF;
}


.notActiveLinkBreadCrumb
{
	color: #000;
	text-decoration:underline;
}


/*
FOOTER
*/
#footer ul{
color:#FFFFFF;
font-family:Tahoma;
font-size:12px;
font-weight:bold;
letter-spacing:-0.3px;
margin:0px;
padding:5px 0px 0px 31px;
}

#footer ul li{
 float: left;
}

#footer ul li.noliststyle{
 float: left;
 list-style:none;
}
#footer ul li.dot1{
float:left;
list-style-image:url(img/dot.gif);
margin-left:28px;
margin-right:-3px;
padding-right:0px;
}
#footer ul li.dot2{
float:left;
list-style-image:url(img/dot.gif);
margin-left:24px;
margin-right:-5px;
padding-right:0px;
}
#footer ul li.dot3{
float:left;
list-style-image:url(img/dot.gif);
margin-left:23px;
margin-right:-6px;
padding-right:0px;
}
#footer ul li.dot4{
float:left;
list-style-image:url(img/dot.gif);
margin-left:22px;
margin-right:-6px;
padding-right:0px;
}
#footer ul li.dot5{
float:left;
list-style-image:url(img/dot.gif);
margin-left:32px;
margin-right:-3px;
padding-right:0px;
}

div.loading
{
	font-family:verdana;
font-size:13px;
left:0;
position:absolute;
text-align:center;
top:120px;
width:100%;
}
img.loading
{
float:left;
left:156px;
position:absolute;
top:42px;
}