@charset "UTF-8";
/* CSS Document */

* {margin:0; padding:0;}

body {background:url(../images/bg_ssi.jpg) no-repeat top center; font:13px Arial, Helvetica, sans-serif; color:#444;}

h1 {font:24px Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-.06em; margin-bottom:5px;}

h2 {margin-bottom:3px; font: Arial, Helvetica, sans-serif;}

h3 {font:20px Arial, Helvetica, sans-serif; letter-spacing:-.06em; font-weight:bold; margin-bottom:5px;}

h4 {font:15px Arial, Helvetica, sans-serif; letter-spacing:-.05em; margin-bottom:2px; font-weight:bold;}

h5 {font:15px Arial, Helvetica, sans-serif; letter-spacing:-.05em;}

h6 { font:11px Arial, Helvetica, sans-serif; line-height:13px; font-weight:normal;}

li { margin-left:30px; padding-bottom:10px;}

a { color:#000; text-decoration:none;}

a:hover {color: #0066CC;}

p {margin-bottom:10px; line-height:18px;}

small {margin-bottom:10px; line-height:14px; font-size:11px; color:#777;}

td { padding:5px;}

table { color:#000; font-size:11px;}



#outer {width:950px; margin:0 auto;}

#main {background:#FFF; width:670px; float:left;}

#picpad {padding:10px;}

#left {width:280px; margin-top:130px; float:left;}

#slogan {font-size:14px; color:#444; width:auto; height:50px; padding:20px 10px 5px 0; text-align:right; }

#mission {font-size:15px; letter-spacing:-.04em; background:#505050; padding:30px 30px 0 30px; width:610px; height:105px; color:#EFEFEF; float:left;}

#playnice {background:url(../images/b_playnice.gif) no-repeat right bottom; width:280px; height:125px; float:left;}




.textpad {padding:10px 30px;}

.textpad10 {padding:0 10px 10px 10px; }

.topbrackets { padding:10px 0; margin:15px 0; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC;}

.housetext { width:225px; padding:10px; border: 1px solid #d1d1d1; float:left; margin:10px 10px 10px 30px; font-size:11px;}

.picfloat { width:170px ; height:151px; padding:2px; border: 2px solid #222; float:left; margin:5px 5px 15px 5px;}


.picfloat5 { margin-right:15px; float:left;}

.picfloat5 a { width:100px; height:100px; padding:2px; border: 3px solid #d1d1d1; }

.picfloat5 a:hover { width:100px; height:100px; padding:2px; border: 3px solid #3399CC;}


.products { background: #EFEFEF; width: 285px;  height:100px; margin:5px 5px 0 0;float:left; padding: 5px; border: solid 1px #e9e9e9; float:left; }

.products a { margin-top:5px;}


.thumb a { width:90px; height:90px; padding:2px; margin:0; border: 3px solid #222; float:left;}

.thumb a:hover { width:90px; height:90px; padding:2px; margin:0; border: 3px solid #3399CC; float:left;}

.textbox { width: 180px; margin: 0 0 0 5px; float: left;}

.txt_thumb { width:90px; height:40px; padding:0; margin-top:7px; line-height: 12px; }

.textbox2 {width: 380px; padding:5px 0 5px 5px; margin-top:20px; float: left;}

.productexplain { width:200px; padding:0; margin-top:7px; line-height: 12px; }

.productpic { float:left; width:200px; height:200px; border: 2px solid #d1d1d1; margin:20px 10px 20px 5px; padding:2px;}

.pic {border: 2px solid #d1d1d1; padding:2px; }

.column50l { background:#EFEFEF; width:300px; padding:10px; margin-right:10px; float:left; }

.column50 { background:#EFEFEF; width:300px; padding:10px; float:left; }

.column51 { background:#EFEFEF; width:630px; padding:10px; margin-top:10px }

.mainleft { background:#EFEFEF; width:380px; height:110px; margin: 0 0 10px 10px; padding:10px; font-size:12px;}

.rssbox { font-size:11px; width:240px; margin-left:10px; line-height:12px; float:left; clear:none;}




/*    Logo    */

#logo { background: transparent; width:280px; height:120px; position:absolute; left:50%; margin-left:-425px; top:75px;}

#logo h1 { text-indent: -9000px; text-decoration: none; font-size:90px; overflow: hidden; }

#logo h1 a { display:block; }




/*    Nav    */

#nav { width:auto; text-align:right; font:20px Arial, Helvetica, sans-serif; letter-spacing:-.05em;}

#nav li { list-style:none; margin-bottom:5px; padding-bottom:0;}

#nav li a {display:block; text-decoration:none; color:#222; padding:5px 40px 5px 0;}

#nav li a:hover {display:block; text-decoration:none; color: #0066CC; background:#FFF; padding:5px 40px 5px 0;}



/*    Footer    */

#footer {width:auto; background:#222; padding:50px 0; clear:both;}

#footer a { text-decoration:none; color:#FFF; display:block; padding-top:2px;}

#footer a:hover { text-decoration:none; color:#3399CC;}

#footerpad {width:950px; margin:0 auto; color:#FFF; font-size:11px;}

.footleft1 {width:260px; float:left; margin-right:20px; padding-right:20px; text-align:right; border-right:solid 1px #333;}

.footleft { width:215px; padding-top:5px; margin-left:10px; float:left;}


/*contact*/

input, input.file, textarea { border:solid 1px #DDD; color:#444; padding:5px 10px; margin-right:10px; font:14px Arial, Helvetica, sans-serif;}

.submit { background-color:#005ea4; color:#fff; border-left: solid 1px #eee; border-top:solid 1px #eee; border-right:solid 1px #555; border-bottom:solid 1px #555;}

label { font-weight: bold; display: block; padding: 10px 0 0 0; margin-bottom:5px;font-size:13px; color:#222; }




/*   TABS   */

.TabbedPanels { margin: 0px; padding: 0px; float: left; clear: none; width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/}

.TabbedPanelsTabGroup { margin: 0px; padding: 0px;}

.TabbedPanelsTab { position: relative; top: 1px; float: left; padding: 4px 15px; margin: 0px 1px 0px 0px; font: bold 12px; background:url(../images/bg_tab.gif) repeat-x top; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer;}

.TabbedPanelsTabHover { background: url(../images/bg_tabhover.gif) repeat-x bottom;}

.TabbedPanelsTabSelected { background: url(../images/bg_tabselect.gif) repeat-x top; border-bottom:solid 1px #FFF; color:#0066CC;}

.TabbedPanelsTab a { color: black; text-decoration: none;}

.TabbedPanelsContentGroup { clear: both; background-color: #FFF;}

.TabbedPanelsContent { padding: 25px; border-top:solid 1px #EFEFEF;}

.TabbedPanelsContent2 { padding: 10px; border-top:solid 1px #EFEFEF;}

.TabbedPanelsContentVisible {}



/*    Colours    */

.gray {color:#222;}

.ltgray {color:#888;}

.blu {color: #0066CC;}

.ltblu {color:#3399CC;}

.green {color: #006600;}

.white {color:#FFF;}

.gold {color:#FFCC33;}

.silver {color:#EFEFEF;}

.bronze {color:#CCCC99;}