/*

	TITLE:	Bob Donaldson
	DATE:	2-19-07
	AUTHOR: 	amine@elementfusion.com

*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form,
img{margin: 0;	padding: 0;	border: 0;}

/*
 MAIN 
-----------------------------------------------*/
body{
	font-family: Arial, Verdana;
	font-size: 12px;
	margin: 0px;
	color: #666;
	line-height: 17px;
	background: #1a1a1a ;
}

/* links */
a{
	font-weight: bold;
	color: #fff;
}
a:hover{
	text-decoration: none;
}

/* heading */
h1{font: normal 3.1em 'Times New Roman'; line-height: .8em; margin: 2px 0px; padding: 5px 0px;}
h2{font: bold 16px 'Tahoma'; color: #CC0066; margin: 2px 0px; padding: 2px 0px;}
h3{font-size: 1.4em; margin: 2px 0px; padding: 3px 0px;}
h4{font-size: 1.2em; margin: 2px 0px; padding: 3px 0px;}
h5{font-size: 1.0em; margin: 2px 0px; padding: 3px 0px;}
h6{font-size: .9em;	 margin: 2px 0px; padding: 1px 0px;	font-weight: normal;}

/* para-list */
p{margin: 5px 0px; padding: 3px 0px;}


/*
 LAYOUT.
-----------------------------------------------*/
#wrap{width: 100%;  float: left; padding: 0 0 10px 0; background: #000 url('images/mainBg.jpg') repeat-x;}
#mastCon{width: 800px; margin: 0 auto;}

#header{width: 800px; float: left; margin: 0 0 9px 0; _margin: 0 0 6px 0; position: relative; display: inline;}
#header #logo{width: 316px; height: 66px; float: left;}
#header #search{width: 265px; height: 33px; position: absolute; top: 20px; left: 529px; background: url('images/search.jpg') no-repeat;}
#header #search .searchInput{width: 139px; height: 19px; position: absolute; top: 7px; left: 86px; border: 0; background: url('images/searchTxt.jpg') no-repeat;}
#header #search .searchButton{width: 26px; height: 19px; position: absolute; top: 7px; left: 230px; border: 0; font-size: 0; background: url('images/searcBtn.jpg') no-repeat;}

#gallery{width: 382px; float: left; position: relative;}
#gallery #galleryLink{width: 200px; height: 30px; position: absolute; bottom: 10px; right: 10px;}
#gallery #galleryLink img{width: 200px; height: 30px;}

#intro{width: 418px; float: right;}
#intro h1{margin: 0 0 15px 17px;}
#intro a{color: #fff;}
#intro a:hover{text-decoration: underline;}
#intro #mainNav{width: 418px; height: 31px; margin: 0 0 20px 0; float: left; background: url('images/mainNav.jpg') right bottom no-repeat;}
#intro #mainNav ul{padding: 5px 25px 0 0; text-align: right;}
#intro #mainNav li{list-style: none; float: right; text-transform: Uppercase; padding: 0px 7px 9px 8px;  background: url('images/mainNavSep.jpg') right 5px no-repeat;}
#intro #mainNav li a{text-decoration: none; color: #B0B0B0;}
#intro #mainNav li a:hover, #intro #mainNav li.selectedPage a{color: #A5B11D; border-bottom: 1px solid #A5B11D; padding-bottom: 9px}
#intro .textElement{width: 400px; padding: 10px 0; margin: 0 0 0 17px; display: inline; float: left; border-top: 1px solid #242424;}
#intro .textElement img{float: left; margin: 5px 10px 5px 0px; display: inline; border: 3px solid #333;}

#container{width: 790px; float: left; padding: 0 0 0 10px; background: url('images/container.jpg') 10px top repeat-y;}
#containerStretch{float: left; padding: 0 0 25px 0; background: url('images/containerStretch.jpg') bottom no-repeat;}

#side{width: 215px; float: left;}
#side #sideNav ul{width: 201px; padding: 10px 8px 6px 6px;}
#side #sideNav li{padding: 0 11px 0 20px; list-style: none; float: left; border-bottom: 1px solid #232323; background: #0b0b0b;} 
#side #sideNav li a{width: 155px; float: left; padding: 6px 0 6px 15px; color: #666; text-decoration: none; background: url('images/sideNavStyle.jpg') 0 10px no-repeat;}
#side #sideNav li a:hover, #side #sideNav li.selectedPage a{color: #a5b11d; background: url('images/sideNavOver.jpg') 0 10px no-repeat;}
#side #sideSec{width: 151px; float: left; padding: 25px; font-size: .9em;}
#side #sideSec img{border: 3px solid #333;}
#side #sideSec h1{font: bold 16px 'Tahoma'; color: #CC0066; margin: 2px 0px; padding: 2px 0px;}
#side #sideSec a{text-decoration: none;}
#side #sideSec a:hover{text-decoration: underline;}

#content{width: 574px; float: right;}
#content #mainNav{width: 574px; height: 35px; float: left; background: url('images/mainNavInside.jpg') right bottom no-repeat;}
#content #mainNav ul{width: 549px; height: 31px; text-transform: Uppercase; padding: 0px 19px 4px 0; text-align: right; float: left; display: inline; background: url('images/mainNavTile.jpg') bottom repeat-x;}
#content #mainNav li{list-style: none; float: right; margin: 5px 0 0 0; padding: 0px 7px 9px 8px;  background: url('images/mainNavSep.jpg') right 5px no-repeat;}
#content #mainNav li a{color: #b0b0b0; text-decoration: none; padding-bottom: 9px;}
#content #mainNav li a:hover{color: #A5B11D; border-bottom: 1px solid #A5B11D; padding-bottom: 9px;}
#content #text{width: 524px; float: left; padding: 25px;}
#content #text ul{padding: 10px 20px;}

#admin{width: 790px; float: left; padding: 20px; }
#admin a{color: #000;}
#admin #mainNav{width: 790px; margin: 0 0 20px 0; float: left; display: inline; background: url('images/mainNav.jpg') right 19px no-repeat;}
#admin #mainNav ul{padding: 5px 25px 0 0; text-align: right;}
#admin #mainNav li{list-style: none; float: right; text-transform: Uppercase; padding: 0px 7px 9px 8px;  background: url('images/mainNavSep.jpg') right 5px no-repeat;}
#admin #mainNav li a{text-decoration: none; color: #B0B0B0;}
#admin #mainNav li a:hover{color: #A5B11D; border-bottom: 1px solid #A5B11D; padding-bottom: 8px}

#footer{width: 100%; float: left; color: #424242; font-size: .9em; margin: 0px 0 0 0; padding: 0 0 50px 0; text-align: right; float: left; background: #1a1a1a url('images/footerTile.jpg') repeat-x;}
#footer #legal{width: 800px; padding: 35px 0 0 0; margin: 0 auto; background: url('images/name.jpg') right 5px no-repeat;}

#footer li{display: inline; list-style: none; padding: 0 5px;  background: url('images/footerNavSep.jpg') repeat-y;}
#footer a{color: #424242; text-decoration: none;}
#footer a:hover{text-decoration: underline;}

/* Nav First */
#mainNav ul li.first{background-image: none;}

/* admin */
.RadEContentBordered{background: #fff;} 
.RadEContentBordered a{color: #000;}

/* Photo Gallery ~ inline in the internal Page ~ */

#water a{width: 155px; height: 39px; margin: 0;  float:right; font-size:0; background: url('images/water.gif') no-repeat;}
#water a b{display:none;}

/*
 MISC.
-----------------------------------------------*/
.left{float: left;}
.right{float: right;}
.black{color: #000;}
.white{color: #fff;}
.hide{display: none;}

/* clearing */
#ListOfDivs:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}