/****************************************
Company Name: Dreamborn Design
Author: David Birchall
Author URL: http://www.dreamborn.co.uk
Date Created: 12-06-2009
Copyright David Birchall | Dreamborn Design 2009
****************************************/

/****************
Original clock font size: 0.8em
****************/

body {background: #1d1d1d url(images/background_slice.jpg) no-repeat; color: #cccccc; }
body, td, th {font: 75%/1.5em Arial, Helvetica, sans-serif;}
body, div, h1, h2, h3, h4, h5, h6, p, th, td, ol, ul, li {margin:0px; padding:0px;}

h1 {color: #9d3232; font-weight: 300; font-size: 2em; padding-top: 30px;}
h2 {color: #9d3232; font-weight: 300; font-size: 1.5em; padding: 20px 0px 10px 0px;}
h3 {color: #cccccc; font-weight: 300; font-size: 1.40em; padding: 30px 0px 0px 0px;}

p {color: #cccccc; padding-top: 15px; font: 75%/1.5em; line-height: 1.75em;}
ol {list-style: none; font: 75%/1.5em;}
ol li {padding: 15px 0px 0px 0px;}

#wrapper {width: 959px; margin: 0px auto; }
#container {width: 959px; float: left; background: url(images/Background_wrapper.jpg);}
#header {width: 929px;}
#clock { font-family: Arial, Helvetica, sans-serif; font-size: 1.75em; color: #cccccc; background-color: black; border: 0px solid purple; padding: 0px;}
#nav {width: 959px; float: left; background: url(images/background_navigation.jpg) no-repeat; padding: 0px 0px 0px 7px;}
#main {width: 909px; float: left; padding: 0px 25px 30px 25px;}
#footer {width: 959px; float: left; padding: 0px 25px 0px 25px; margin: 0px 0px 30px 0px; background: url(images/footer.jpg) no-repeat; text-align: center;}

.logo {width: 929px; padding: 0px 5px 0px 5px;}
.date {float: right; font-size: 1em; font-weight: bold; text-align: center;}
.time {float: right; font-weight: bold; text-align: center;}

a:link, a:visited {text-decoration: none; color: #dc6262;}
a:hover, a:active {text-decoration: underline; color: #ffffff;}
#nav li {list-style: none; display: inline-block; width: 189px; font: 1.5em Georgia, "Times New Roman", Times, serif; line-height: 52px; text-align: center; margin: 0px 0px 0px -2px;}
ul a:link, ul a:visited {text-decoration: none; color: #ffffff;}
ul a:hover, ul a:active {text-decoration: none; color: #dc6262;}

#footer li {list-style: none; display: inline; margin-right: 15px; font: 75%/1.5em; font: Arial, Helvetica, sans-serif; line-height: 52px; float: left;}
#footer p {float: right; padding-right: 50px;}

.right_box {float: right; width: 445px;}
.left_box {float: left; width: 445px;}

.home_right_box {float: right; width: 252px;}
.home_left_box {float: left; width: 638px;}
.bottom {float: left; margin-bottom: 20px;}

.index .cat-item1 a:link, .index .cat-item1 a:visited, 
.websites .cat-item2 a:link, .websites .cat-item2 a:visited, 
.about .cat-item3 a:link, .about .cat-item3 a:visited, 
.chat .cat-item4 a:link, .chat .cat-item4 a:visited, 
.contact .cat-item5 a:link, .contact .cat-item5 a:visited {text-decoration: none; color: #dc6262; list-style: none; display: inline-block; width: 189px; line-height: 52px; text-align: center; background: url(images/navigation_button.jpg);
}


.index .cat-item6 a:link, .index .cat-item6 a:visited, 
.websites .cat-item7 a:link, .websites .cat-item7 a:visited, 
.about .cat-item8 a:link, .about .cat-item8 a:visited, 
.chat .cat-item9 a:link, .chat .cat-item9 a:visited, 
.contact .cat-item10 a:link, .contact .cat-item10 a:visited {text-decoration: none; color: #dc6262;}