/*** Layout ***/
body 
{
     
    background: #336087 url(images/background.png) repeat-x top center;
    background-attachment: fixed;
}

#wrapper{
    background-color:White;
    width:900px;
    margin: 3%;
}

#header{
    width:inherit;
    height:190px;
    height:130px;

 }
 
.column{
    float: left;
}

#content{
    margin:5px 30px 5px 5px;
    padding:10px 20px;
    width:450px;
    text-align:justify;
}

#leftside{
    position:relative;
    float:left;
    margin-top:5px;
    width: 170px;           /* RC width */
    padding: 10px 2px;         /* RC padding */
}
#rightside{
        
    position:relative;
    float:left;
    margin-top:2px;
    width: 100px;           /* RC width */
    padding: 10px 5px;         /* RC padding */
}

 #dtmclogo{
    margin:5px 0px 10px 0px;
}

#header #RebarLogo{
  float:left;
  position:relative;
  margin-top:30px;
  margin-left:15px;
 
}

#tagline h2
{
    font-variant:small-caps;
    font-style:italic;
    font-size:medium;
    position:relative;
    float:left;
    top:44px;
     left:20px;
  
    
    
}

#footer
{
   padding:20px ;
   margin-right:auto;
   margin-left:auto;
   font-size:x-small;
   clear:both;
}


/*** End Layout ***/



/** Site specific design **/
body 
{
    font-size: 90% ;
    /*font-family: Verdana, "Lucida Grande", "Lucidea Sans-Serif Unicode",Verdana, Sans-Serif;*/
    font-family: Georgia, Serif;
    color: #333;
    
}


#footer
{
    text-align:center;
}
#dtmclogo img
{
    border:none;
}

#content
{
   line-height:1.5em;
}
#content ul li
{
    padding-bottom:10px;
    list-style-type:disc ;
}
#content ol li
{
    padding-bottom:10px;
}

h1, h2, h3, h4, h5, h6 
{
    font-weight: normal;
}

h1 {
    margin: 0;
    padding: 0;
    font-size: 1.7em;
}

h2 {
    margin: 1em 0 0 0;
    padding: 0;
    font-size: 1.3em;
    color: #154B71;
    line-height:1.35em;
}

h3 {
    margin: 1.5em 0 0 0;
    padding: 0 0 2px 0;
    font-size: 1.25em;
    color: #666;
}

h4 {
    margin: 1.5em 0 0 0;
    padding: 10px 0 0 0;
    font-size: 150%;
    color: #69f;
   
}

h5 {
    margin: 1.5em 0 0 0;
    padding: 0 0 2px 0;
    font-size: 100%;
    border-bottom: #ccc 1px solid;
    color: #36c;
}

h6 {
    margin: 1em 0 0 0;
    padding: 0 0 0 7px;
    font-size: 100%;
    color: #666;
}

.pageheader
{
    line-height:1.25em;
    text-align:center;
    
}
.pageHeaderImage
{
    position:relative;
    float:right;
    top:0px;
    margin-left:0px; 
}

/* Sidebar menus */
#leftside #navmenu{
    margin:60px 0 10px 0;
    padding:5px 15px 5px 0;

}

#leftside #navmenu .menuTitle
{
    margin:0;
    padding:0;
    float:right;
    text-align:center;
}

#leftside ul {
    list-style:none;
}

#leftside ul li{
    line-height:1.5em;
    text-align:left;
    margin:0 5px 5px 0;
    padding:0 5px 10px 0;
}

#leftside .menuitem
{
    font-size:95%;
    text-decoration:underline;
    color:#506680;
}

#leftside menuitem a:hover
{
    text-decoration:"underline";
}

/* menu stuff */

#topmenu
{
    position:relative;
    float:left;
    height:33px;
    width:100%;
    padding-bottom:2px;
   	margin:20px 0px ;
    
	
	background-image: url(images/nav-background.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #686868;
 }

#tabs 
{
 	position:relative;
 	float:left;
 	list-style-type: none;
	margin: 0;
	padding:0;
}
 	


#tabs LI {
	float:left;
	margin:1px;
	padding:8px 15px 0px 15px;
		
	background-image: url(images/nav-divider.png);
	background-position: top right;
	background-repeat: no-repeat;
	height: 33px;
	overflow: hidden;
}

#tabs li a {
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	padding:0px 4px 0px 6px;
	
}

/*subnav*/
/*
#tabs UL {
	position:absolute;
	left:5px;
	margin:5px 10px 0 10px;
   
}

/*hide submenus
#tabs ul li
{
    display:none;
    border:none;
    padding:5px 5px 10px 5px;
 
}
*/
/*display the proper submenu based upon the body id*/
/*
body#home #tabs #homeMenu li,
body#services #tabs #servicesMenu li,
body#DTMAC #tabs #DTMMenu li,
body#contact #tabs #contactMenu li,
body#freeStuff #tabs #freeStuffMenu li
{
    float:left;
	display: inline;
	margin-top:5px;
	margin-left:15px;

}

body#home #homeMenu li a,
body#services #servicesMenu li a,
body#DTMAC #tabs #DTMMenu li,
body#contact #contactMenu li a,
body#freeStuff #freeStuffMenu li a
{
    font-size:.90em;
    padding:2px 2px 8px 2px;
    
}

*/

#tabs a:hover, #tabs a.here
{
    /*color:#506680;
    background:url("images/tab_pyram.gif") no-repeat bottom;*/
    
    
	color: #333;
    
}

/*** End Tabs ***/

/*** Product Pages ***/
#content .DTMProducts 
{
    margin-bottom:15px;
    padding-bottom:15px;
    
}

.DTMProducts li
{
    font-size: 95% ;
    font-family: Verdana, "Lucida Grande", "Lucidea Sans-Serif Unicode",Verdana, Sans-Serif;
    text-align:left;
}

.DTMProducts h1
{
   line-height:1.20;
   padding:5px 0px 10px 0px;
   margin-bottom:20px;
}

.DTMProducts h2
{
    font-size:1.45em;
    margin:5px 0px 0px 0px;
    padding:5px 0px 0px 0px;
    line-height:1.15;
  
}
.DTMProducts h3
{
    
    font-style:italic;
    margin:2px 0px 5px 5px;
    padding:5px 0px 5px 15px;
  
}

.DTMProducts img
{
    float:left;
}
.DTMProducts p
{
    margin-left:5px;
}

.shoppingLink
{
    padding:10px;
    text-decoration:none;
}
 .shoppingLink img
{
    border:none;
    padding:5px 0;
    
}

.QuoteIntro
{
    font-weight:bold;
    font-size:1.10em;
}

blockquote
{
    border:solid thin #506680;
    margin:10px;
    padding:20px;
    font-style:italic;
}

.QuoteAuthor
{
    font-weight:bold;
    font-style:normal;
    padding-top:10px;
    
}
 .CallToAction
 {
    color:Red;
    font-size:medium;
 }
 
 .bonusMaterial
 {
    
 }
 .guarantee
 {
    text-align:center;
    font-weight:bold;
    font-size:medium;
    padding:5px 0px;
 }
 
 #signUpSidebar
 {
    position:relative;
    float:left;
    width:130px;
    background-color:#969696;
    color:White;
    margin-left:25px;
    padding:15px;
    margin-top:50px;
 }
 #signUpSidebar .signupframe
 {
  position:relative;
  float:left;
  padding-left:5px;
  width:130px;

 }
#signUpSidebar #submit
{
    
    margin:5px 2px 5px 0;
    }
       
 .signUpLabel
 {    
    padding:5px 0 1px 0;
    width:100px;
 }
 .signUpTextbox
 {
    float:left;
    width:120px;
   
 }
 #signUpSidebar .signUpHeader
 {
    text-align:center;
    font-weight:bold;
    font-size:1.25em;
    padding:5px 2px;
 }
 #signUpSidebar .reportTitle
 {
    text-align:center;
    font-weight:bold;
    padding:10px;
 
 }
 #signUpSidebar .privacy
 {
    font-style:italic;
    font-size:.85em;
    padding:5px;
    
 }
 #signUpSidebar .bonus
 {
    font-size:.90em;
    padding:5px;
    
 }
   
.signUpFormLabel
 {
    text-align:left;
    vertical-align:top;
    padding:5px 2px 1px 0;
   
 }