html { min-height: 100%; margin-bottom: 1px; overflow: scroll;}

body{
margin:0;
padding:0;
line-height: 1.4em;
background: #ffffff
}

a:link {color: #808080; text-decoration: none; }
a:active {color: #a7a7a7; text-decoration: none; }
a:visited {color: #008000; text-decoration: none; }
a:hover {color: #ff0000; text-decoration: none; }

p.testemonial{font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666699;
font-weight: normal;    
font-size: 0.8em;
font-style: italic;
line-height: 150%;
text-align: left;
padding: 0 15px 0 0;
}

p{font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000; 
font-weight: normal;    
font-size: 0.8em;
text-align: left;
padding: 0 5px 0 15px
}

ul.second{
	margin-left: 0;
	padding-left: 45px;
	list-style-type: none;
	
}

ul.second li{
	background: url('images/list_bullet.gif') no-repeat 0 7px;
	padding-left: 1.5em;
	margin-top: 20px; /* or however many pixels distance you want */
	
}

p.left{font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000; 
font-weight: normal;    
font-size: 0.8em;
text-align: left;
padding: 0 5px 0 0
}

}

b {font-size: 110%;}
em{color: red;}

img.floatleft { 
    float: left; 
    margin: 0 0 10px 10px;
}
img.floatright { 
    float: right; 
    margin: 0 0 10px 10px;
}

img.floatrightclear { 
    float: right; 
    clear: right; 
    margin: 0 0 10px 10px;
}

img.floatleftcol { 
    float: left; 
    margin: 0 0 10px 0;
}


#thumbs {
text-align: center; 
padding: 0;
border-top: 0;
border-left: 0;
border-bottom: 0;
border-right: 0;
display:block;
margin-left:auto;
margin-right:auto;
} 


#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #ffffff;
height: 91px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 0;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
background: #ffffff;
}

#footer{
clear: left;
width: 100%;
background: #7a7a7a;
color: #ffffff;
text-align: center;
padding: 4px 0;
}

#footer a{
color: black;
}

.innertube{
margin: 0; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 200px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 12px Verdana;
color: white;
background: #606060 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 0 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom:0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 13px Verdana;
color: #ffffff;
height: 16px;
background: #7a7a7a;
display: block;
padding: 8px 0;
line-height: 16px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}