/* Copyright OSD Ltd, Sligo, Ireland - www.osd.ie */
/* CSS Document */

/*** PAGE SETTINGS ***/
* { padding: 0; margin: 0; }
body { margin: 0; padding: 0; font: 11px verdana, Tahoma, Helvetica, sans-serif; color: #ffffff;  background: #4a5454; text-align: center; line-height: 140%; }

/* links */
a { color: #ffffff; text-decoration: underline; }
a:hover { color: #ffffff; text-decoration: none; }

/* headers */
h1, h2, h3 { font: normal 1em verdana, Arial, Sans-serif; color: #ffffff; }
h1 a, h2 a, h3 a { text-decoration: none; }
h1 { font-size: 2.0em; color: #ffffff; margin: 0px; } 
h2 { font-size: 17px; color: #ffffff; margin: 0px; text-align:center; }
h2 a:hover { color: #ffffff; border-bottom: 1px solid #ffffff; }
h3 { font-size: 17px; margin: 0px; font-weight: normal; }

p, h1, h2, h3 { margin: 10px 0px; }
ul, ol { margin: 10px 30px 10px 10px; padding: 0 15px; color: #ffffff; }
ul span, ol span { color: #ffffff; }

/* images */
img { border: 0px; padding: 0px; }
img.float-right { margin: 5px 0px 5px 15px; }
img.float-left { margin: 5px 15px 5px 0px; }
a img { border: none; }

.top_image { margin-left: 0px; }
.thumbnail { clear:both; border: 1px solid #666666; background-color: #000000; padding: 1px; margin: 0px 0px 10px 3px; }

/*** LAYOUT ***/
#wrap { background: url("../images/background.jpg") top left repeat-y; width: 900px; margin: 0px auto; text-align: left; padding: 0px; height: 100%; }
#content-wrap { width: 832px; margin-left: 34px; padding: 0px;}

#sound { position:relative; float:right; z-index:100; width: 50px; margin: -25px 15px 0px 0px; }

/*** HOMEPAGE SERVICES ***/
#services { border: none; border-collapse: collapse; padding: 0px;margin: 0px 3px; width: 831px; float: left; }
td.boxes { padding: 0px; margin: 0px 3px 0px 0px; }
#services h2 { height: 20px; padding: 0px; font-size: 17px; font-weight: normal; }
#services p { margin: 10px 2px 10px 3px; font-size: 11px; }
#services ul { border-top: 1px solid #3c3b3b; margin: 1px 0px; padding: 0px; list-style: none; width: 197px; }
#services li { color: #ffffff; border-bottom: 1px solid #3c3b3b; margin: 0px; padding: 0px; }
#services li a { display: block; width: 195px; padding: 4px 0 4px 2px; color: #ffffff; font-weight: normal; text-decoration: none; }
#services li a:hover { color: #ffffff; text-decoration: none; font-weight: normal; background: #292929; }

/* leftbar */
#leftbar { float: left; width: 23%; margin: 0; padding: 0; display: inline; }
#leftbar ul.sidemenu { list-style:none; margin:10px 0 10px 15px; padding:0; }
#leftbar ul.sidemenu li { margin-bottom:1px; border: 1px solid #f2f2f2; }
#leftbar ul.sidemenu a { display:block; font-weight:bold; color: #333333; text-decoration:none; padding:2px 5px 2px 10px;
 background: #f2f2f2; border-left:4px solid #CCC; min-height:18px; }
* html body #leftbar ul.sidemenu a { height: 18px; }
#leftbar ul.sidemenu a:hover { padding:2px 5px 2px 10px; background: #f2f2f2; color: #339900; border-left:4px solid #9EC630; }

/* form elements */
form { margin:10px; padding: 0; border: 1px solid #f2f2f2; background-color: #FAFAFA; }
label { display:block; font-weight:bold; margin:5px 0; }
input { padding: 2px; border:1px solid #eeeeee; font: normal 1em Verdana, sans-serif; color:#777777; }
textarea { width:300px; padding:2px; font: normal 1em Verdana, sans-serif; border:1px solid #eeeeee; height:100px; display:block; color:#777777; }
input.button { margin: 0; font: bold 1em verdana, Arial, Sans-serif; border: 1px solid #CCC; background: #ffffff;  padding: 2px 3px; color: #4284B0; }

/* search form */
form.searchform { background: transparent; border: none; margin: 0; padding: 0; }
form.searchform input.textbox { margin: 0; width: 120px; border: 1px solid #9EC630; background: #ffffff; color: #333333; height: 14px; vertical-align: top; }
form.searchform input.button { margin: 0; padding: 2px 3px; font: bold 12px verdana, Arial, Sans-serif; background: #FAFAFA; border: 1px solid #f2f2f2; color: #777777; width: 60px; vertical-align: top; }

/* Footer */
#footer { clear: both; background: #4a5454 url("../images/footer-background.jpg") top left no-repeat; margin: 15px auto 0px auto; padding: 0; width: 900px; color: #ffffff; text-align: center; }
#footer p { padding: 20px 10px 10px 10px; color: #ffffff; text-align: center; }

/* alignment classes */
.float-left  { float: left; }
.float-right {  float: right; }
.align-left  {  text-align: left; }
.align-right {  text-align: right; }
.grey  {  color: #c8c8c8; }