body {
background:#8677b0 url(../Graphics/site_images/bg.jpg) no-repeat center top;
margin: 0;
padding: 0;
font: 14px Futura, Verdana, sans-serif;
line-height: 15pt;
color: #333;
}

a { 
color: #6246f0;
text-decoration: none;
}

a:hover { 
color: #9C8DC3;
}


#wrapper {
	width:850px;
	margin: auto;
	text-align: left;
}

#header {
background: url(../Graphics/site_images/header.png) no-repeat;
height: 148px;
width:850px;
}

#content {
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: justify;
}


#navi {
    width: 850px; height: 30px;
    background: url(../Graphics/site_images/navi.gif);
    margin: 0 auto; padding: 0;
    position: relative;}
  #navi li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #navi li, #navi a {
    height: 30px; display: block;}
    
    
   #home {left: 0; width: 120px;}
  #about {left: 600px; width: 112px;}
  #portfolio {left: 249px; width: 141px;}
  #services {left: 121px; width: 129px;}
  #shop {left: 390px; width: 105px;}
  #blog {left: 497px; width: 105px;}
  #contact {left: 712px; width: 138px;}
  
  
  #home a:hover {
    background: transparent url(http://www.dntdynamite.com/Graphics/site_images/navi.gif)     0 -30px no-repeat;}
  #about a:hover {
    background: transparent url(http://www.dntdynamite.com/Graphics/site_images/navi.gif)     -600px -30px no-repeat;}
  #portfolio a:hover {
    background: transparent url(http://www.dntdynamite.com/Graphics/site_images/navi.gif)     -249px -30px no-repeat;}
  #services a:hover {
    background: transparent url(http://www.dntdynamite.com/Graphics/site_images/navi.gif)     -121px -30px no-repeat;}
  #shop a:hover {
    background: transparent url(http://www.dntdynamite.com/Graphics/site_images/navi.gif)     -390px -30px no-repeat;}
  #blog a:hover {
    background: transparent url(http://www.dntdynamite.com/Graphics/site_images/navi.gif)     -497px -30px no-repeat;}
  #contact a:hover {
    background: transparent url(http://www.dntdynamite.com/Graphics/site_images/navi.gif)     -712px -30px no-repeat;}
    
 

h1 {
	font-family: arial;
	font-size: 20px;
	font-weight: bold;
	padding: 0;
	color:#604a95;
	margin:0 0 10px 50px;
	text-align: left;
}

h2 {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
margin: 0 0 5px 0;
padding: 0;
color:#6a5997; 
}

h3 {
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
margin: 0 0 5px 0;
padding: 0;
color:#6a5997; 
}

#col1 {
float: left;
width:200px;
margin: 0px 37px 10px 50px;
text-align: left;
}

#col2 {
float: left;
width:200px;
margin: 0px 37px 10px -50px;
text-align: left;
}

#col3 {
float: left;
width:200px;
margin: 0px 37px 10px -50px;
text-align: left;
}

#col4 {
float: left;
width:200px;
margin: 0px 37px 10px -50px;
text-align: left;
}

p {
	margin:0 50px 10px 50px;
	text-align: left;
}

#copyright {
color: #fff;
font-size: 11px;
margin-top: 10px;
}

.minitext {
	font-size: 12px;
	font-family: tahoma;
	color: #6a5997;
	line-height: 11pt;
	}


#validate{
float: left;
margin: 10px 0 0 15px;
font-size: 13px;
color: #b3c0ce;
text-decoration: none;
 }
 
#validate a{
margin-top: 10px;
font-size: 13px;
color: #b3c0ce;
text-decoration: none;
 }
 
#paddedcontent {
padding: 0 50px 10px 50px;
font-size: 12px;

}

.webthumb {
background: url(../TEST/images/websitethumbbg.jpg) no-repeat;
padding: 10px;
float: left;
margin-bottom: 25px;
}


  #subnavwrapper ul {
  background-color: #f1d6e8;
  height: 20px;
  width:1000px;
  border-top:1px solid #e1b7d2;
  border-bottom: 1px solid #e1b7d2;
  font-size: 12px;
  margin:0;
  padding:10px 0 0 0;
  text-align: right;
  }
  
  #subnav li {
  font-size: 12px;
  font-weight: normal;
  color: #c46aa4;
  text-decoration: none;
  list-style: none;
  display: inline;
  margin: 0;
  padding:10px;
  text-transform: uppercase;
  }
  
  #subnav a {
  background-color: transparent;
  font-size: 12px;
  font-weight: normal;
  color: #c46aa4;
  text-decoration: none;
  list-style: none;
  display: inline;
  text-transform: uppercase;
  }

  
  #subnav a:hover {
  color: #991479;
  }

.floatright {
float: right;
margin:  0px 0px 0px 15px;
}

.floatleft {
float: left;
margin: 0px 15px 0px 0px;
}

.emphasis {
	font-size: 15px;
	font-weight: bold;
	color: #604a95;
}
.emphasis2 {
	font-weight: bold;
	color: #604a95;
}
#white a img{ border: none; color:white;}