body
{
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 80%;
	color: #FFFFFF;
	line-height: 200%;
	margin-top: 0px;
	background:url('images/bg2.png') top left;
	background-color:#000000;
	background-repeat:no-repeat;
	
}

#main-container
{
	border: 0px;
	width: 940px;
	margin: 0 auto;
}

#header
{
	height: 170px;
	background-image:url(images/bannertop2.png);
	background-repeat:no-repeat;
	background-position:left;
	border: 0px solid #669900;
	text-align: right;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 100%;
	position: relative;
}

#header2
{
	height: 45px;
	background-image:url(images/banner-menu.png);
	background-repeat:no-repeat;
	background-position:left;
	border: 0px solid #669900;
	line-height: 100%;
	padding-right: 5px;
}

#header2 a {
	border-bottom: none;
	color:#FFFFFF;
}

#header2 a:link, a:visited{
	color:#FFFFFF;
}

#header2 a:hover, a:active{
	color:#000000;
}

#contactlist
{	float:right; 
	text-align: right; 
	font-size: 11pt; 
	color: #D3D3D3; 
	font-weight: normal; 
	line-height: 11pt;
}
#contactlist a {
	border-bottom: none; 
	color: #D3D3D3; 
}

#contactlist a:link, a:visited{
	color: #DFDFDF; 
}

#contactlist a:hover, a:active{
	color:#FF6C00;
}
#contactlist img{
	margin:0px 15px 1px 7px;
	vertical-align: middle;
}


.contactrows{
	padding-bottom: 50%;
}



#menutags-l
{
	height: 45px;
	float:right;
	background-image:url(images/menu-plate-l.png);
	background-repeat:no-repeat;
	background-position:left;
	width: 35px;
}
#menutags-r
{
	height: 45px;
	float:right;
	background-image:url(images/menu-plate-r.png);
	background-repeat:no-repeat;
	background-position:left;
	width: 29px;
	padding-right: 5px;
}
#menutags
{
	height: 45px;
	float:right;
	background-image:url(images/menu-plate.png);
	background-repeat:repeat-x;
	background-position:left;
	line-height: 43px;
	text-align:center;
	font-size: 12pt;
	padding: 0px 5px 0px 8px;

}


#header3
{
	height: 40px;
	background-image:url(images/banner-botom.png);
	background-repeat:no-repeat;
	background-position:left;
	border: 0px solid #669900;
	z-index: 5;
	position: relative;
}
#content
{
	margin-left: 62px;
	background-image: url(images/body-bg-dark.png);
	background-repeat:repeat;
}

* html #content {height:1%}
* > html #content {height:auto}

#container
{
	width: 910px;
	border: 0px solid #669900;
	margin-top: 65px;
}

.splitright {
background: #ffffff url('images/menu.gif') top center no-repeat;
width: 30%;
float: right;
overflow: hidden;
text-align: center;
	background-image: url(images/body-bg-dark.png);
	background-repeat:repeat;
}

.splitleft {
	float: left;
	overflow: hidden;
	text-align: justify;
	background-image: url(images/body-bg-dark.png);
	background-repeat:repeat;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 15px;
	padding-right: 0px;
	width: 845px;
	line-height: 1.5;
	border-style: solid;
	border-width: 1px;
	border-color: #333333;
	margin: -10px 0px 25px 0px;
	z-index: 1;
	position: relative;
}


.smalldivs{
	padding:10px 40px 40px 10px;
	border-color: #333333;
	border-style: solid;
	background-color:#000000;
	margin: 30px 0px 0px 0px;
	font-size: 12pt;
	clear: both;
	float: left;
	color: #CCCCCC;
	width: 100%;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 0px;
	background-image: url(images/leather.jpg);
}

.portfoliopanels{
	padding:20px 0px 20px 2px;
	border-color: #333333;
	border-style: solid;
	background-color:#000000;
	font-size: 12pt;
	clear: both;
	float: left;
	color: #CCCCCC;
	width: 100%;
	border-width:1px 0px 0px 0px;
	background-image: url(images/leather.jpg);
}
	
.portfoliopanels-left{
	font-size: 10pt;
	float: left;
	color: #FFFFFF;
	width: 325px;
	padding: 5px 20px 5px 35px;
	margin: 0px 0px 0px 25px;
}
.smallcleardivs{
	padding:5px 20px 5px 20px;
	margin: 0px 25px 20px 25px;
	font-size: 12pt;
	clear: both;
	float: left;
	color: #CCCCCC;
	line-height: 1.3;
	width: 440px;
	text-align: left;
}

.smallclearportfoliodivs{
	padding:5px 20px 5px 20px;
	margin: 0px 25px 40px 25px;
	font-size: 12pt;
	clear: both;
	float: left;
	color: #CCCCCC;
	line-height: 1.5;
	text-align: left;
}
.recomends{
	margin: 0px 25px 0px 60px;
	line-height: 1.3;
	font-size: 10pt;
	background-color: #252525;
	padding: 15px 10px 16px 10px;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	text-align: left;
	float: left;
	clear: both;
	width: 82%;
	color: #E4E4E4;
}
	
.plaques{
	float:left;
	padding:10px 12px 10px 12px;
	margin:5px 12px 5px 12px;
	text-align:center;
	line-height:1.5;
	color:#CCCCCC;
	font-size:10pt;
	font-family:"Trebuchet MS";
	letter-spacing:0px;
	background-repeat:no-repeat;
	background-color: #000000;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	width: 222px;
	min-height:300px;
	background-image: url(images/slate-bg.jpg);
}

#introduction{
	float:left;
	width:170px;
	padding:10px 10px 10px 10px;
	margin:0px 0 20px 20px;
	text-align:center;
	line-height:1.5;
	color:#999999;
	font-size:10pt;
	font-family:"Trebuchet MS";
	letter-spacing:0px;
	background-repeat:repeat;
	background-color: #1b1b1b;
	border-color: #333333;
	border-width: 1px;
	border-style: dotted;
}

#form
{
	padding: 40px 20px 0px 20px;
	background-color: #000000;
	margin: 20px 0px 0px 0px;
	border-color: #333333;
	border-width: 1px;
	border-style: solid;
	line-height: normal;
	background-image: url(images/leather.jpg);
}

#introduction ul, #introduction li {
text-align:center;
	list-style: none;
	margin: 0;
	padding: 0;
}

#introduction a {
	border-bottom: none;
	color:#999999;
}

#introduction h3{
	text-align: center;
	position:static;
}

#introduction a:link, a:visited{
	color:#999999;
}

#introduction a:hover, a:active{
	color:#b8ce83;
}



/* ~~~~~~~~~ footer ~~~~~~~~~ */
#footer
{
	text-align: center;
	height: 30px;
	margin-top: 30px;
	margin-right: 33px;
	margin-bottom: 0;
	margin-left: 62px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	clear: both;
	background-image: url(images/footer-bg.png);
	border-width: 1px;
	border-style: solid;
	border-color:#CCCCCC;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 1;
	
}

a img {border: none; }
a, a:active, a:visited, a:link	    {
	color: #FF771C;
	text-decoration: none;
	border-width: 0px;
}

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


a.footerlinks a, a.footerlinks:active,  a.footerlinks:visited, a.footerlinks:link {
	color:#FFFFFF;
}

a.footerlinks:hover {
	color:#cccccc;
}





ul {
	list-style-image: url(images/bullet1.png);
	font-size: 10pt;
	color: #FFFFFF;
}

HR {
	color:#666666;
	background-color:#666666;
	height: 1px;
	border: 0px;
	width: 80%;
	margin-top: 15px;
	margin-bottom: 15px;
}

/* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */

    #topmenu {
	position: relative;
	top: 13px;
	left: 15px;
	width: 540px;
	font-size:93%;
	margin: 0;
	line-height:normal;
	height: 41px;
      }
    #topmenu ul {
	  margin:0;
	  padding:0px 0px 0 2px;
	  list-style:none;
      }
    #topmenu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #topmenu a {
      float:left;
      background:url(images/menuleft.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #topmenu a span {
      float:left;
      display:block;
      background:url(images/menuright.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#669900;
      }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topmenu a span {float:none;}
    /* End IE5-Mac hack */
    #topmenu a:hover span {
      color:#669900;
      }
    #topmenu a:hover {
      background-position:0% -42px;
      }
    #topmenu a:hover span {
      background-position:100% -42px;
    }
/* ~~~~~~~~~ Headings ~~~~~~~~~ */    
h1
{
	font-size: 16pt;
	color: #FFFFFF;
	font-style: normal;
	font-family: "Trebuchet MS";
	font-weight: normal;
	padding-left: 20px;
	line-height: 22pt;
}

h2
{
	font-size: 14pt;
	color: #FFFFFF;
	font-style: normal;
	font-family: "Trebuchet MS";
	font-weight: normal;
}

h3{
	color:#FF6C00;
	font-family:geneva,arial,sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:12pt;
	font-weight:bold;
	margin:15px 0px 0px 0px;
}

h4{
	color:#FFFFFF;
	font-family:geneva,arial,sans-serif;
	font-weight:bold;
	font-size:14pt;
	margin-top:20px;
	margin-bottom:5px;
	line-height: 14pt;
}

/*~~~~~~~~~~~styles~~~~~~~~~~~~~~~*/

.style4 {font-size: 16pt}
.style5 {
	font-size: 12px;
	color: #CCCCCC;}
	
.style6 {
}

.style7 {
	font-size: 10pt;
	color: #AAAAAA;
}

/*~~~~~~~~~~~portfolio slide effect~~~~~~~~~~~~~~~*/	
.boxgrid{
	width: 390px;
	height: 273px;
	margin:0px 20px 0px 10px;
	float:right;
	border: solid 1px;
	border-color: #999999;
	overflow: hidden;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
}

.boxgrid img{
	top: 0;
	border: 0;
}

.boxcaption{
	float: left;
	position: absolute;
	padding-left:0px;
	height: 200px;
	width: 100%;
	/*opacity: .8;*/
	text-align:center;
	background-image:url(images/med-slide.png);
	background-repeat: no-repeat;
	/* For IE 5-7 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);*/
	/* For IE 8 
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
	/*background-color: #FFFFFF;*/
 	}
	
 .captionfull .boxcaption {
	left: 0;
	top: 313px;
 }
 .caption .boxcaption {
 	top: 313px;
 	left: 0;
 }
 
 .innercaption{
	padding: 5px 30px 10px 30px;
	text-align: left;
 }