html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	font-size: 100.01%;
	background:transparent
}
imput, select, th, td li li, li p, td p, blockquote p { font-size : 1em;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
body {
font : 62.5% Verdana, Tahoma, Geneva, sans-serif;
background : white;
color : black;
}
a:link {color:#3344dd}    
a:visited {color:#804180}  
a:focus {color:#b50010} 
a:hover {color:#b50010}  
a:active {color:#b50010;
} 
#wrapper {
width : 970px;
margin : 10px auto;
border-right : 1px solid black;
border-left : 1px solid black;
}
#navigation ul {
margin-top : 10px;
margin-left : 10px;
margin-right : 10px;
}
#navigation ul li {
display : inline;
width : 150px;
float : left;
margin-bottom : 10px;
}
#navigation ul li.list-one,
#navigation ul li.list-two,
#navigation ul li.list-three,
#navigation ul li.list-four,
#navigation ul li.list-five{
margin-right : 10px;
}
#navigation ul li.list-one,
#navigation ul li.list-two,
#navigation ul li.list-three,
#navigation ul li.list-four,
#navigation ul li.list-five,
#navigation ul li.list-six{
height : 30px;
width : 150px;
position : relative;
}
#navigation .span-one {
background : url("/images/new/menu-one.gif") no-repeat;
position: absolute; 
width: 100%; 
height: 100%;
}
#navigation .span-two{
background : url("/images/new/menu-two.gif") no-repeat;
position: absolute; 
width: 100%; 
height: 100%;
}
#navigation .span-two:hover {
background : url("/images/new/menu-two-rollover.gif") no-repeat;
}
#navigation .span-three{
background : url("/images/new/menu-three.gif") no-repeat;
position: absolute; 
width: 100%; 
height: 100%;
}
#navigation .span-three:hover {
background : url("/images/new/menu-three-rollover.gif") no-repeat;
}
#navigation .span-four{
background : url("/images/new/menu-four.gif") no-repeat;
position: absolute; 
width: 100%; 
height: 100%;
}
#navigation .span-four:hover {
background : url("/images/new/menu-four-rollover.gif") no-repeat;
}
#navigation .span-five{
background : url("/images/new/menu-five.gif") no-repeat;
position: absolute; 
width: 100%; 
height: 100%;
}
#navigation .span-five:hover {
background : url("/images/new/menu-five-rollover.gif") no-repeat;
}
#navigation .span-six{
background : url("/images/new/menu-six.gif") no-repeat;
position: absolute; 
width: 100%; 
height: 100%;
}
#navigation .span-six:hover {
background : url("/images/new/menu-six-rollover.gif") no-repeat;
}
#top-menu {
margin-left : 10px;
margin-right : 10px;
}
#mainbody {
background : url("/images/new/sidebar-two.png") repeat-y top right;

margin-left : 10px;
margin-right : 10px;
clear : both;
}
#contentarea {
width : 550px;
}

#contentarea p {
font-size : 1.4em;
margin-bottom : 1.42857143em;
line-height : 1.42857143em;
}
#bottom-content {
margin : 40px 10px 10px 10px;
}
#bottom-content h1 {
font-size : 1.8em;
font-weight : normal;
margin-bottom : 1.17647059em;
}
#bottom-content p {
font-size : 1.2em;
line-height : 1.66666667em;
text-align : justify;
}
#sidebar {
background : #999999;
}
#sidebar ul li {
display : inline;
font-size : 1.4em;
margin-right : 5px;
}
*:first-child+html #sidebar ul{
text-align : right;
margin-bottom : 1.42857143em;
}
* html #sidebar ul{
text-align : right;
margin-bottom : 1.42857143em;
}
#sidebar p {
text-align : right;
font-size : 1.3em;
padding-bottom : 2em;
margin-right : 1em;
}
#sidebar a {
background : #ffffff;
border : 1px solid black;
padding : 2px;
}
.imageleft {
float : left;
margin-right : 10px;
padding-bottom : 0;
}
.strike {
text-decoration : line-through;
}
.bold {
font-weight: bold;
}
.bolder {
font-weight: bolder;
}
.italic {
font-style : italic;
}
.underline {
text-decoration : underline;
}


/*layouts smaller than 800px, iPhone and mobiles*/
@media handheld and (max-width: 480px), screen and (max-device-width: 800px), screen and (max-width: 800px)  {

img {
max-width:100%;height:auto;
}
body {
line-height : 1.5em;
}
#wrapper {
width : 95%;
margin : 10px auto;
}
#navigation {
width : auto;
}
#navigation ul {
width : auto;
margin-top : 10px;
margin-left : 0px;
margin-right : 0px;
}
#navigation ul li {
display : block;
width : 100%;
float : none;
margin-bottom : 10px;
min-height : 29px;
text-align : center;
font-size : 1.2em;
}
#navigation ul li:first-child {
display : none;
}
#navigation ul li.list-one,
#navigation ul li.list-two,
#navigation ul li.list-three,
#navigation ul li.list-four,
#navigation ul li.list-five{
margin-right : 0px;
}
#navigation ul li.list-one,
#navigation ul li.list-two,
#navigation ul li.list-three,
#navigation ul li.list-four,
#navigation ul li.list-five,
#navigation ul li.list-six{
height : auto;
width : auto;
position : relative;
}
#navigation .span-one {
display : none;
}
#navigation .span-two{
display : none;

}
#navigation .span-two:hover {
display : none;
}
#navigation .span-three{
display : none;
}
#navigation .span-three:hover {
display : none;
}
#navigation .span-four{
display : none;
}
#navigation .span-four:hover {
display : none;
}
#navigation .span-five{
display : none;
}
#navigation .span-five:hover {
display : none;
}
#navigation .span-six{
display : none;
}
#navigation .span-six:hover {
display : none;
}
#top-menu {
margin-left : 10px;
margin-right : 10px;
}
#mainbody {
background :#ffffff;
margin-left : 2px;
margin-right : 2px;
}
#contentarea {
width :auto;
}
#contentarea img {
width : 40%;
float : left :
margin : 5px;
}
#contentarea p {
font-size : 1.2em;
margin-bottom : 1.25m;
line-height : 1.25em;
}
#bottom-content {
display : none;
}
#sidebar {
display : none;
}
.imageleft {
float : left;
margin-right : 5px;
padding-bottom : 0;
}

#navigation:before {
content : "Welcome to the Suburban Glory website mobile ohone version. It's only this page so far folks... the rest is coming soon... honest!!";
font-size : 1.2em;
margin : 10px 10px 0 10px;
color : red;
}
}