/* CSS Document  for D&G Homes */
/* Designed by Allan Scott - http://www.allanscott.co.uk*/
/* For cms - http://www.cm-systems.co.uk */


/*---[ undohtml ]-------------------------- */

:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

a img,:link img,:visited img { border:none }

address { font-style:normal }

/*---[ body ]------------------------------------*/
body	{
margin:20px 0 10px 0;
padding:0;
/*text-align:center; /* center align page for IE 5  - NB removed becuse I'm using the relative #wrapper positioning*/
min-width:720px; /* stops NS6 spilling content out of the wrapper*/
background-color:#444;
font-size:small;
font-family:Tahoma, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
color:#333342;
}

* html body	{
font-size:x-small; /*for IE5 Win*/
f\ont-size:small;/*for othe IE versions*/
}

html>body	{/*be nice  to Opera*/
font-size:small;
}

/*---[ layout ]------------------------------------------*/

#wrapper	{
width:700px;
position:relative;
left:50%;
margin-left:-350px;/*set this to half the #wrapper width*/
margin-bottom:50px;
background-color:#fff;
}

#inner-wrapper	{
padding:0 10px;
}

#header	{
width:680px;
height:100px;
background-image:url(../images/layout/hdr.gif);
background-repeat:no-repeat;
}

#content	{
width:680px;
}

#mainbox	{
width:450px;
float:left;
}

#mainbox-wide	{
width:680px;
float:left;
}

#mainbox-wide .inside	{
padding:20px 0 20px 0;
}


#mainbox .inside	{
margin:0;
padding:20px 0 20px 0;
}

#sidebox	{
width:230px;
float:left;
}

#sidebox .inside	{
margin:0;
padding:20px 0 20px 40px;
}

/*#sidebox .inside img	{
border-top:3px solid #8f8fa8;
border-bottom:3px solid #8f8fa8;
margin:5px 0 0 0;
padding:5px 0;
}*/

#disclaimer	{
width:680px;
height:50px;
margin:10px 0 0 0;
clear:both;
border-top: 1px dashed #999;
/*background-image:url(../images/layout/pg-bottom.gif);
background-position:0 55px;
background-repeat:no-repeat;*/
}

#footer	{
width:680px;
height:45px;
margin:5px 0 0 0;
clear:both;
/*border-top: 1px solid #999;*/
background-image:url(../images/layout/pg-bottom.gif);
background-repeat:no-repeat;
}

.clearboth	{
clear:both;
}

/*[ nav ]-------------------------------------------------*/
#main-nav	{
width:680px;
height:30px;
margin:10px 0 0 0;
background-color:#8F8FA8;
background-image:url(../images/layout/nav-bg.gif);
background-repeat:no-repeat;
}

#main-nav ul	{
margin:0;
padding:0 0 0 0;
list-style:none;
padding:7px 0 0 0;
text-align:left;

}

#main-nav ul li	{
display:inline;
padding:0 1em;
}

#main-nav ul li a	{
font-size:100%;
font-weight:normal;
color:#fff;
text-decoration:none;
}

#main-nav ul li a:hover	{
color:#333342;
text-decoration:none;
/*padding-bottom: 3px;
background: transparent;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #C1B860;*/
}

/*---[ current menu state styles ]---------------------------*/
#home #nav-home a,
#homes #nav-homes a,
#location #nav-location a,
#contact #nav-contact a	{
color: #333342;
font-weight:bold;
text-decoration:none;
/*padding-bottom: 3px;
background: transparent;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #C1B860;*/
}

/*---[ type formatting ]---------------------------------*/
#header h1	{
display:none;
}

h1	{
color:#8f8fa8;
font-size:180%;
font-weight:normal;
margin:20px 0 25px 0;
}

h2, h3	{
color:#333342;
font-weight:normal;
margin:10px 0 0 0;
}

h2	{
font-size:140%;
}

#sidebox h2	{
color:#650065;
font-size:130%;
margin:0;
}

h3	{
font-size:100%;
}

#sidebox h3	{
color:#333342;
font-size:110%;
font-weight:bold;
padding:0 0 5px 0;
margin:10px 0 5px 0;
border-bottom:1px solid #8f8fa8;
}

p	{
font-size:90%;
line-height:1.5em;
}

p.pic-caption	{
font-size:80%;
font-weight:bold;
display:block;
text-align:center;
clear:both;
}

#contact address	{
font-size:12px;
line-height:1.3em;
text-align:center;
color:#003300;
}

#contact address a	{
color:#003300;
font-weight:normal;
}

#contact address a:hover	{
color:#cc0000;

}

#disclaimer p 	{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
color:#484D40;
padding:5px 0;
}

#footer p 	{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#444;
text-align:right;
padding:5px 10px 0 0;
}

#footer a 	{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
font-weight:normal;
color:#444;
}

#footer a:hover	{
text-decoration:underline;
}

/*---[ generic link styles ]--------------------------*/
a	{
color:#333342;
font-weight:normal;
}

a:hover	{
color:#650065;
text-decoration:underline;
}


/*---[ basiclists ]---------------------------*/

ul{
margin:10px 0;
padding:0;
list-style-type: square;
}

ul ul{
list-style-type: disc;
}

ul ul ul{
list-style-type: none;
}

ul.basiclist	{
margin:10px 0;
list-style-type:square;
}

ul.basiclist li	{
margin-left:20px;
margin-top:5px;
}

ul.basiclist-nobullet	{
margin:10px 0;
padding:0;
list-style-type:none;
}

ul.basiclist-nobullet li	{
padding-left:20px;
margin-top:5px;
}

ol	{
margin:10px 0;
padding:0;
list-style-type:decimal;
}

ol li	{
margin-left:25px;
margin-top:5px;
}

ol.basicorderedlist	{
margin:10px 0;
list-style-type:decimal;
}

ol.basicorderedlist li	{
padding-left:0px;
margin-top:5px;
}

/*---[ image formatting ]----------------------------*/
.homethumb	{
border-top:3px solid #8f8fa8;
border-bottom:3px solid #8f8fa8;
margin:5px 0 0 0;
padding:5px 0;
}


/*---[ easy drop shadow ]------------------------------*/

.img-wrapper {
float:left;
margin:10px 10px 0px 0px;
background: url(../images/layout/shadow.gif) no-repeat right bottom;
line-height:0em;
}

.img-wrapper div	{
background:url(../images/layout/mask.png) no-repeat left top !important;
background:url(../images/layout/mask.gif) no-repeat left top;
padding:0 5px 5px 0;
float:left;/*:KLUDGE: fixes problem in IE5.2 Mac */
}

.img-wrapper img	{
background-color:#fff;
border:1px solid #B3B6A3;
padding:4px;
position:relative;
left:-5px;
top:-5px;
}


.img-wrapper-right{
float:right;
margin:10px 0 0 10px;
background: url(../images/layout/shadow.gif) no-repeat bottom right;
line-height:0em;
}

.img-wrapper-right img	{
float:none;
margin:0;
background-color:#fff;
padding:5px;
border:1px solid #B3B6A3;
position:relative;
left:-5px;
top:-5px;
}