/* Copyright Digital:Idiom c2002 - 2008 - Contact thewebteam @ digitalidiom.co.uk */
/* www.digitalidiom.co.uk for professional web design to world standards */
/* NO copy or use of original material by digital:idiom without permission */

/* DIV CONTAINER STYLES ###### */

html, *, div, body, table, td, p, ul, li, object {
margin:0; padding:0; border:0;
}

.print {
position:absolute;
top:-2000px;
left:-2000px;
}

body {
font: normal 11px/1.5em verdana, arial, sans-serif;
background:#EEE url('../images/bg-body.gif');
}

#page {
width:900px;
margin:0px auto 0 auto;
border:14px solid #060606;
border-top:0px solid #060606;
background:#101010 url('../images/bg-parge.gif') repeat-x;
}

#masthead {
width:900px;
}

#logo {
border:0;
}

#p-select {
padding:0px 0px 0px 15px;
margin-bottom:6px;
border-bottom:4px solid #333;
}

#content {
margin:10px 10px 10px 0px;
padding:20px;
background-color:transparent;
color:#CCC;
float:right;
width:560px;
font: normal 12px/1.5em verdana, arial, sans-serif;
}

#sidebar {
margin:0px 0px 10px 0px;
padding-top:40px;
background:transparent url('../images/bg-sidebar.png') 0px 0px no-repeat;
color:#330000;
width:280px;
min-height:464px;
}

#sidebar.lilac {
margin:0px 0px 10px 0px;
padding-top:40px;
background:transparent url('../images/bg-sidebar-lilac.png') 0px 0px no-repeat;
color:#330000;
width:280px;
min-height:464px;
}

#sidebar.green {
margin:0px 0px 10px 0px;
padding-top:40px;
background:transparent url('../images/bg-sidebar-green.png') 0px 0px no-repeat;
color:#330000;
width:280px;
min-height:464px;
}

#sidebar.search {
margin:0px 0px 10px 0px;
padding-top:40px;
background:transparent url('../images/bg-sidebar-search.png') 0px 0px no-repeat;
color:#330000;
width:280px;
min-height:464px;
}

#sidebar.blogSB {
margin:0px 0px 10px 0px;
padding-top:12px;
background:transparent url('../images/bg-sidebar-blog.png') 0px 0px no-repeat;
color:#330000;
width:280px;
min-height:464px;
}

#footer {
clear:both;
padding-top:8px;
height:42px;
background:transparent url('../images/bg-footer.png') no-repeat;
text-align:center;
font: normal 9px/10px verdana, arial, sans-serif;
color:#BBB;
}

/* TEXT IMAGES STYLES ###### */

p {
margin:4px 0 20px 0;
}

p.intro {
font-weight:bold;
}

hr {height:1px; border:1px;}

.note {
color:#5D8BBA;
font: normal 10px/10px verdana, arial, sans-serif;
}
strong {
font-weight:bold;}

.txtRight {
text-align:right;
}

.center {text-align:center;}

h1 {
margin:0 0 10px 0; padding:0; border:0;
font: bold 16px verdana, arial, sans-serif;
color:#6699CC;
}

/* tab colors */
.purple {color:#BD66BD; }
.blue {color:#5D8BBA;  }
.green {color:#66CB66; }
.lilac {color:#D2B0DE;}

h2 {
margin:0 0 4px 0;
font: bold 14px verdana, arial, sans-serif;
color:#FFF;
}

#sidebar h2 {
color:#FFF;
}

#sidebar .sbText {
margin:20px 10px 20px 30px;
font: normal 12px/18px verdana, arial, sans-serif;
color:#DDD;
}

h3 {
margin:0; padding:0; border:0;
font: bold 14px verdana, arial, sans-serif;
color:#FFF;
background-color: transparent;
}

h4 {
margin:0 0 10px 0;
font: bold 13px verdana, arial, sans-serif;
color:#F30;
border-bottom:1px solid #CCC
}

img {border:0;}
.imgRight {float:right; margin-left:10px;}
.imgLeft {float:left; margin-right:10px;}


#sidebar ul, #content ul {
margin:4px 0px 10px 24px;
}

#content li {
padding:5px 0px 0px 0px;
}

ul.ticklist, ol.ticklist {
margin:20px;
}

ul.ticklist li, ol.ticklist li {
list-style-image: url('../images/icon-blue-tick.gif');
margin:4px;
}

.checklist {
background: transparent url('../images/bg-checklist.jpg') 0 0 no-repeat;
padding: 4px;
font-weight:bold;
font-size:120%;
margin-bottom:20px;
border-bottom:1px dashed #CCC;
}

.note {
color:#666;
font: normal 11px/12px verdana, arial, sans-serif;
}

.boxed {
margin:10px 0px 10px 0px;
border:1px solid #666;
background-color:#222;
padding:6px;
}

.sidebox {
width:240px;
float:right;
margin:0px 0px 0px 30px;
border:1px solid #AAA;
padding:6px;
background-color:#EFF;
}



/* PROPERTY LAYOUTS ##### */

.propertyOutline {
border-bottom:1px solid #444;
}

.propertyOutline th {
background-color:#333;
text-align:left;
padding-left:6px;
}

.price {color:#CCC; font-size:110%;}



/* LINK STYLES ####### */

a:link, a:visited {color:#AAF; text-decoration: none;}
a:hover {color:#C30; text-decoration: underline;}

#footer a:link, #footer a:visited {color:#BBB; text-decoration: none;}
#footer a:hover {color:#F30; text-decoration: underline;}

/* ###### FORMS ############################# */

form {
margin:50px 0px 0px 0px;
width:290px;
border:0px solid #CCC;
padding:0px 0px 0px 8px;
}

form table td {
text-align:center;
font-size:11px;
padding:6px 0px;
color:#CCC;

}

label {
display:block; font-weight:bold; margin-top:10px;
}

select, input, textarea
{
border:1px solid #444;
padding:0px;
width:200px;
background-color:#333;
color:#EEE;
}

input.qty {width:20px;}

input.chk, input.rad
{
border:0px solid #036;
float:left; position:relative; top:0px;
}

input.submit {
color:#FFF;
background-color:#111;
font-weight:bold;
width:auto;
margin:0px;
width:216px;
border:0px solid #999;
}


/* ########## CSS MENUS ################################### */

#dropmenu {padding:0 0 0 0px; margin:0 0 10px 14px; list-style:none; height:40px; background-color:#101010; position:relative;}
#dropmenu table {border-collapse:collapse; width:0; height:0; margin:-3px -10px;}

#dropmenu li {float:left;}
#dropmenu li a {display:block; height:40px; line-height:40px; padding:0; float:left; color:#fff; text-decoration:none; font-size:12px;}
#dropmenu li a:hover {line-height:36px; height:44px}
#dropmenu li a:hover b {line-height:36px;}

#dropmenu li:hover > a {line-height:36px; height:44px}
#dropmenu li:hover > a b {line-height:36px;}

#dropmenu ul {padding:0; margin:0; list-style:none; position:absolute; height:25px; width:98%; background:#101010; left:-9999px; top:44px; z-index:10; border-bottom:1px solid #333;}
#dropmenu ul li {height:25px; line-height:25px;}
#dropmenu ul.right li {float:right;}
#dropmenu ul li a {color:#FFF; padding:0 10px 0 10px; height:25px; line-height:25px; border-right:1px solid #666; font-weight:bold; font-size:11px;}
#dropmenu ul li a:hover {height:25px; line-height:25px; background:transparent; color:#608FBF;}
#dropmenu ul.right li a {border-left:1px solid #666; border-right:0;}
#dropmenu ul li a.last {border:1px;}


#dropmenu :hover ul {left:0;}



/* ######### BLOG STYLES ################################## */
#sidebar.blogSB ul {margin-left:40px;}
.cat-item, .blogSB li {color:#CCC;}
.post {border-bottom:1px dashed #444; margin-bottom:12px ;}