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

body { font-family: Arial, sans-serif;background: #0b0c10;text-align: center;font-size: small; margin: 0;}
p {font-size: 12px; line-height: 17px; color: #b8b7b7;}
a {font-weight: bold; color: #999;}
h1 {font-size: 24px;color: #26aad6;font-weight: normal;}
h2{font-size: 20px;font-weight: normal;color: #26aad6;}
h3{font-size: 20px;font-weight: normal;color: #26aad6;}
a img {border: none;}

/* STRUCTURE
-------------------------------------------------------------------- */

#wrapper { text-align: left;width: 900px; margin: 0 auto;}
#header {width: 900px; margin: 0;float: left; clear: both;background: transparent url(../Images/headerback.jpg) no-repeat bottom left;padding-bottom: 10px;}
#main { width: 630px; margin: 15px 0 0 0;float: left;}
#side {width: 266px; margin: 15px 0 0 0 ;float: right; }
#footer {width:900px; margin: 15px auto; clear: both; text-align: left; border-top: solid 1px #999; padding: 10px 0;}

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

.nav {width: 890px; display:inline;margin: 0 0 10px 0;float: left; clear: both;background: #484747 url(../Images/navback.jpg) no-repeat bottom left; padding: 5px; }
.nav ul {margin: 0; padding: 0; list-style-type:none; }
.nav ul li{display:inline; float: left;}
.nav ul li a{float: left; margin: 3px 15px;}
.nav ul li a:hover, .nav ul li.selected a{float: left;}
.nav ul li span {display:none;}

.nav ul li#home a{background-image:  url(../Images/nav-home.png); width: 70px; height: 16px; border-right: solid 1px #333;}
.nav ul li#about a{background-image:  url(../Images/nav-about.png);width: 70px;height: 16px;border-right: solid 1px #333;}
.nav ul li#news a{background-image: url(../Images/nav-news.png);width: 70px;height: 16px;border-right: solid 1px #333;}
.nav ul li#events a{background-image: url(../Images/nav-events.png);width: 70px;height: 16px;border-right: solid 1px #333;}
.nav ul li#product a{background-image: url(../Images/nav-product.png);width: 85px;height: 16px;border-right: solid 1px #333;}
.nav ul li#howtobuy a{background-image: url(../Images/nav-howtobuy.png);width: 110px;height: 16px;border-right: solid 1px #333;}
.nav ul li#contact a{background-image: url(../Images/nav-contact.png);width: 70px;height: 16px;}

.nav ul li#home a, 
.nav ul li#about a, 
.nav ul li#news a, 
.nav ul li#events a, 
.nav ul li#product a, 
.nav ul li#howtobuy a, 
.nav ul li#contact a
{background-position: 0px 0px; background-repeat: no-repeat;}

.nav ul li#home a:hover, .nav ul li#home.selected a,
.nav ul li#about a:hover, .nav ul li#about.selected a,
.nav ul li#news a:hover, .nav ul li#news.selected a,
.nav ul li#events a:hover, .nav ul li#events.selected a,
.nav ul li#product a:hover, .nav ul li#product.selected a,
.nav ul li#howtobuy a:hover, .nav ul li#howtobuy.selected a,
.nav ul li#contact a:hover, .nav ul li#contact.selected a
{background-position: 0px -27px;background-repeat: no-repeat;}

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

.clear {clear: both;}
.copy {float:left; font-size: 11px;width: 400px; line-height: 14px;}
.microsoft {float: right;font-size: 11px;}
.logo {float: left;clear: both;}
a.seemore{background-image: url(../Images/seemorebutton.jpg); width: 224px; height: 53px; margin: 20px 10px 20px 125px; float: left;}
a.seemore span {display:none;}
a.seemore {background-position: 0 0;}
a.seemore:hover {width: 224px; height: 53px;background-position:  0 -53px;}

/* HOMEPAGE
-------------------------------------------------------------------- */

.container {width: 900px; float: left; clear: both; margin-bottom: 10px;}
.container .hd{display:block; position: relative;width: 900px; float: left; clear: both;background: transparent url(../Images/container-hd.jpg) no-repeat top left; height: 9px;margin: 0;padding: 0;}
.container .bd{width: 898px; float: left; clear: both; border-left: solid 1px #343434;border-right: solid 1px #343434;margin: 0; display:inline;}
.container .bd img { float: left; margin: 15px 15px 15px 50px;height: 363px;}
.container .bd h1 {margin:50px 0; line-height: 30px; width: 370px; float: right; }
.container .bd h1 span.white {color: #fff;}
.container .ft{display:block; position: relative;width: 900px; float: left; background: transparent url(../Images/container-ft.jpg) no-repeat bottom left;height: 9px;margin: 0;padding: 0;}

.home-left {float:left; width: 510px;}
.home-left .container {float:left; width: 510px; clear: both;}
.home-left .container .hd{float:left; width: 510px;background: transparent url(../Images/homeleft-hd.jpg) no-repeat top left;clear: both; height: 13px;margin: 0; padding: 0;}
.home-left .container .bd{float:left; clear: both;width: 508px; border-left: solid 1px #343434;border-right: solid 1px #343434;}
.home-left .container .bd p, .home-left .container .bd h2{margin: 10px;}
.home-left .container .bd h3 {font-size: 16px;font-weight: normal;color: #26aad6; margin: 0 10px;}
.home-left .container .ft{float:left; width: 510px;background: transparent url(../Images/homeleft-ft.jpg) no-repeat bottom left;clear: both; height: 9px;}

.home-right {float: right; width: 370px;}
.home-right .article {float: left; border: solid 1px #343434; background: transparent url(../Images/article-back.jpg) repeat top left; width: 370px; clear: both; margin: 0 0 10px 0;}
.home-right .article img {float: right; margin: 7px;border: solid 1px #343434 !important; width: 130px;}
.home-right .article h2 { margin: 7px; font-size: 16px; width: 210px;}
.home-right .article p { margin: 7px; color: #ccc;}
.home-right .article a.readmore { margin: 3px 7px;color: #ccc; font-weight: bold;float:left;}

/* SECOND LEVEL
----------------------------------------------------------------- */

#side .container {float:left; clear:both; width: 266px;}
#side .container .hd{float:left; clear:both; width: 266px; height: 11px; background: transparent url(../Images/side-hd.jpg) no-repeat top left;}
#side .container .bd{float:left; clear:both; width: 254px; border-left: solid 1px #999; border-right: solid 1px #999; padding-left: 10px;display:inline;}
#side .container .bd p, #side .container .bd h3 {margin: 12px;display:inline;}
#side .container .bd label {color: #fff; font-weight: bold; display:inline;margin: 12px 12px 0px 12px; float:left; clear: both; }
#side .container .bd .textinput {float: left; width: 200px; border: none; margin: 0px 0px 12px 12px; padding: 4px 2px;display:inline;}
#side .container .bd .submitbutton { float: right; margin: 12px;display:inline;}
#side .container .bd p.message {font-weight: bold; color: #c40000;}
#side .container .ft{float:left; clear:both; width: 266px;height: 11px; background: transparent url(../Images/side-ft.jpg) no-repeat bottom left;}
#side .container .bd h2 {margin-left: 12px;}
#side .container .bd h3 {margin-left: 12px;clear: both;width: 240px;}
#side .article {float: left; width: 240px; margin: 0 5px 14px 5px; clear: both; position: relative;display:inline;}
#side .article .content { float: left; width: 157px; margin: 0 0 7px 0; display:inline;}
#side .article img { float: left; margin: 0 5px 5px 0; padding: 1px; border: solid 1px #999 !important; height: 62px;width: 62px;}
#side .article .content h2, #side .text .article h2   { font-size: 14px; margin: 0 0 2px 0;padding: 0; line-height: 16px; font-weight: bold;}
#side .article .content p, #side .text .article p { margin: 0 0 2px 0;padding: 0; line-height: 16px;  font-size: 11px; padding: 0;  }
#side .article .content a.readmore { margin: 0 0 2px 0;padding: 0; line-height: 16px;  font-size: 11px; padding: 0;font-weight: bold;}
#side .text .article a.readmore { clear: both; float: left; }
#side .container .bd .text { padding: 0 6px; width: 210px; display:inline; float: left;}
#side .container .bd .text .article {width:210px; float: left;}
#side .container .bd .button img {width: 224px; height: 53px; float: left; margin: 0 0 0 8px; padding: 0;}

/* FEATURED UL 
----------------------------------------------------------------- */

.featured {float: left; width: 550px; clear: both; border-top: dotted 1px #777; border-bottom: dotted 1px #777; padding: 10px 0;}
.featured ul {margin: 0; padding: 0; list-style-type:none; width: 270px; float: left; }
.featured ul li { background: transparent url(../Images/tick.jpg) no-repeat 0px 0px; width:270px; padding: 0 0 0 30px; font-weight: bold; color: #ccc; margin: 10px; float: left; display:inline;}
.featured ul li p {width: 270px;}
.crossfeatured {float: left; width: 550px; clear: both; border-top: dotted 1px #777; border-bottom: dotted 1px #777; padding: 10px 0;}
.crossfeatured ul {margin: 0; padding: 0; list-style-type:none; width: 550px; float: left; clear: both;}
.crossfeatured ul li { background: transparent url(../Images/cross.jpg) no-repeat 0px 0px; width:550px; padding: 0 0 0 30px; font-weight: bold; color: #ccc; margin: 10px; float: left; display:inline;}

/* NEWS AND EVENTS ARTICLE LISTS
----------------------------------------------------------------- */

#main .article  {margin: 0 0 15px 0; padding: 0;}
#main .article h2 {font-size: 16px; margin: 0; padding: 0;}
#main .article p {margin: 0; padding: 0;}
#main .article a.readmore {color: #ccc;}
.submitButton { float: right;margin-right:25px; display:inline;}
#main img { margin: 0;  padding: 0; clear: both; display:inline; float: none;}
span.pager {color:#fff;}
#main p {margin-right: 10px;}

/* EVENTS MONTH FILTER
----------------------------------------------------------------- */

#months{ display: inline; float: left;width: 100%;margin: 0; padding: 0; }
#months a{float: left; padding: 3px 5px;font-size: 0.8em; background: #fff; border: solid 1px #ccc; color: #222;margin-right: 4px;}
#months  a:hover {background: #26aad6;}

/* SIFR 
------------------------------------------------ */

.sIFR-flash {	visibility: visible !important;margin:0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;}
.sIFR-flash + div[adblocktab="true"] {	display:none!important;}

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

.contactform label { width: 180px; margin: 7px 0 3px 0 ; font-size: 14px;font-weight: bold; color: #fff;float: left; }
.contactform .textinput {border: none; padding: 4px; width: 260px; margin: 7px 0 3px 0; }
.contactform .textbox {border: none; padding: 4px; width: 260px; float:left; margin: 7px 0 3px 0; font-family: Arial, sans-serif;}
.contactform .submitbutton {float: left; margin: 10px 0 15px 180px; background: #fff; color:#222; border: none; padding: 4px 6px; font-weight: bold;}

.item label {width: 180px; margin: 7px 0 3px 0 ; font-size: 14px;font-weight: bold; color: #fff;float: left; }
.item .textinput {border: none; padding: 4px; width: 260px; margin: 7px 0 3px 0; }
.item .submitbutton {float: left; margin: 10px 0 15px 180px; background: #fff; color:#222; border: none; padding: 4px 6px; font-weight: bold;}


.productbutton {background: transparent url(../Images/productbutton.jpg) no-repeat top left; cursor: hand; border:none;float: right;margin-right:25px; width: 122px; height: 44px;}
.contactform .productbutton { float: left; clear: both;  margin: 10px 0 15px 180px;}
.error { margin-left: 12px; font-weight: bold;}
p.callbackintro {float: left; clear: both;width: 220px;}
.messages {float: left; clear: both; width: 220px;}

.subscription .submitButton {background: transparent url(../Images/productbutton.jpg) no-repeat top left; cursor: hand; border:none;float: right;margin-right:25px; width: 122px; height: 44px;}