/* COLOURS
------------------------------------------ */

/* HTML
------------------------------------------ */

body {text-align: center; background:transparent url(../Images/background.gif) repeat top left; font-family:Arial, sans-serif;margin: 0; padding: 0 0 20px 0;}
h1 {font-family:Georgia;font-weight: normal; color:#666;margin: 0;}
h2 {font-family:Georgia;font-weight: normal; color:#666;margin: 0;}
h3 {}
h4 {}
p {color:#555;font-size: 12px; line-height: 19px;}
a {}
a img {border: none;}
a {font-weight: bold;}
.clear{clear:both;}

/* STRUCTURE
------------------------------------------ */
#wrap-outer {background: transparent;  width: 980px;border-left: solid 1px #fff;border-bottom: solid 1px #fff;border-right: solid 1px #fff; padding: 0 10px 10px 10px; margin: 0 auto;text-align: left;}
#wrapper {float: left; clear: both; width: 980px;background: #fff;}
#header {float: left; clear: both; width: 980px;}
#main {float: left; clear: both; width: 940px;padding: 20px;display:inline;}

#side {}
#footer {float: left; clear: both; width: 940px;padding: 20px;display:inline;}

/* NAVIGATION
------------------------------------------ */

#nav {float: right;  width: 600px;margin-top: 60px;}
#nav ul{float: left; clear: both; width: 600px;}
#nav ul li{display:inline;float: left;}
#nav ul li a{float: left;padding: 5px 10px; font-size: 16px; font-family: Georgia;font-weight:normal; color: #666;}
#nav ul li a:hover,  ul li.selected a{color:#222;background:#ebebeb;}

/* MISC CLASSES
------------------------------------------ */

.logo {float: left; margin: 20px;}
p.copyright {}

.feature {float: left; width: 570px; background: #ebebeb;padding: 10px; margin-bottom: 10px;}
.feature img {width:570px;}

.text {width: 570px;float: left;}

.ex {float: left;width: 450px; }
.ex img{padding: 10px; background: #ebebeb; margin-right: 10px;float: left;width: 420px;}
/* ARTICLE LISTS
------------------------------------------ */

.main .article {}
.main .article .thumbnail{}
.main .article h2.title{}
.main .article p.date {}
.main .article p.summary{}
.main .article a.readmore{}

/* PRODUCT LISTS
------------------------------------------ */

.home {float: left; width: 550px;}
.home img{float: left; width: 550px;}
.side {float: right;width: 320px;}
.side .list-col {padding: 10px; background:#ebebeb;margin-bottom: 10px;}
.side .list-col a {position:relative;}
.side .list-col a h2 {position:absolute; bottom: 14px; right: 13px; text-decoration:none;background: #222; color:#fff; font-size: 14px; padding: 5px; float: right;}
/* ARTICLES
------------------------------------------ */

.image {float: left;width: 300px;padding: 5px;}
.image img{float: left;width: 298px;padding: 1px; border: solid 1px #ccc;clear: both;}
.image h2 {font-size: 14px; font-weight: bold; color: #555; float: left; clear: both;width: 298px;}
.image .caption {font-size: 12px; font-weight: normal; color: #666; float: left; clear: both;width: 298px;}


/* FORMS
------------------------------------------ */

.contactform {}
label {width: 170px;font-weight: bold; float: left;font-size: 12px;margin-bottom: 3px;}
.textinput {width: 220px; padding: 2px;border:solid 1px #ccc;margin-bottom: 3px;}
.textbox {width: 260px; padding: 2px;border: solid 1px #ccc; height: 120px;font-family: Arial, sans-serif;}
select {}
checkbox {}
.submitbutton {background: #666; color: #fff; padding: 4px 6px; margin: 20px 20px 20px 170px ;border:none; float: left;}

/* TABLES
------------------------------------------ */

table#listing {}
table#listing thead th{}
table#listing tbody tr td{}
table#listing tbody tr td.row {}
table#listing tbody tr td.alternate {}