/* Custom theme design by Resposio */
body {background: #6180b6 url(../images/mainbg.png) no-repeat top center;background-attachment:scroll;margin: 0;padding: 0;font-size: 12px; font-family: Arial, Times New Roman, Serif; color: #666; letter-spacing: normal;}
table { width: 100%; }

/* Misc */
img { border: none; }
.hide, hr {display: none;}
input { vertical-align: middle; }

/* Headings */
h1 {font-size:150%;line-height:normal;margin:5px 0;padding:0;color:#393;}
h2 {font-size:140%;margin:0;padding:0;}
h3 {font-size:130%;line-height: 2em;margin:0 5px;padding:0;}
h4 {font-size:110%;margin:0;padding:0;color:#369;}
h5 {font-size:100%;margin:0;padding:0;}
h6 {font-size:90%;margin:0;padding:0;}

/* Paragraphs */
p { padding: .2em; margin: 0 0 .5em 0; line-height: 1.2em; }

/* Lists */
ol, ul { margin: .5em 1em; padding: 0; }
li { margin: 0 0 0 1em; padding: .2em 0; }

/* Links */
a { text-decoration: underline; }
a:link { color: #333; }
a:visited { color: #333; }
a:hover { color: #369; }

/* Clearing Floats */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-table; }
* html .clear { height: 1%; }
.clear { display: block; }

/* Content */
#maincontent {margin:0 auto;padding: 0;width:980px;}
.maincontentwrapper {width:980px;margin:0 ;padding:0;}
.widecontentwrapper {width:980px;margin:0;padding:0;}
#maincontentfooter {margin:0 auto;padding: 0;}

/* Header Elements */
#Header {position: relative;margin:0;padding:0;width: 980px;height: 260px;}
#BrandingArea {position: relative;margin:0;padding:0;width: 979px;height: 41px; }
#Header h1 { display: block; position: relative; top: 95px; left: 30px; padding: 0; margin: 0; background: url(../images/Stanley-Elevator-logo.jpg) no-repeat 0 0; width: 250px;height: 105px;}
#Header h1 a { display: block; width: 250px;height: 105px; text-indent: -9999px; }
#Header ul, #footer ul {list-style:none;margin:0;padding:0;}
#Header ul li, #footer ul li {display:inline;margin:0;padding:0;}
#Header a, #footer a {margin:0 10px 0 0;}

/* Header Navigation */
#HeaderNavigation {position:absolute; top: 7px; left: 735px;width:230px; visibility: hidden;}
#HeaderNavigation a {float:left;display:block;padding:0 10px;margin: 0;font-size: 85%;font-weight: bold; color:#333;}
#HeaderNavigation li {display: inline; padding:0;margin:0;}

/*Header Categories*/
#HeaderCategory {position: relative;top: 65px;left: 64px;margin:0;padding:0;width: 979px; height:85px;}
#HeaderCategory .categorymenu ul li a {margin:0 ;padding:0 0 10px 0; font-size: 110%; font-weight: bold;}
#HeaderCategory .categorymenu ul li a:hover {color: #369;}
#HeaderCategory .categorymenu ul ul li a {margin:0;padding:0 0 0 2px;font-size: 90%; font-weight: normal;}
#HeaderCategory .categorymenu ul ul li a:hover {font-weight: bold; color: #666;}

/* Footer */
#Footer {clear: both;margin:0;padding: 10px 0;color: #333; text-align: center;}
#Footer .tinytext {font-size: 70%; color: #666;}
#Footer #design {position: relative;}
#Footer a {margin:0 10px 0 0;}

/*Page Columns*/
#homepagecolumn1 {float:left; position: relative;left: 2px; width:960px; margin: 0; background: #fff; border: 1px solid #ccc;}
#homepagecolumn1 #Information {float:left; width:960px; margin:0; padding:0;}
#homepagecolumn1 #Information h2 {padding: 0 0 0 5px; color: #333;}
#homepagecolumn1 #Information p {position: relative;text-align: left; padding: 5px; margin:0;}

#homepagecolumn2 {float:left; position: relative; top: 5px; left:2px; width:950px;margin: 0; padding: 5px; border: 1px solid #ccc; background: #fff;}
#homepagecolumn2 #ContentWrap1 {float:left; position: relative; width: 470px;height: 50px; border: 1px solid #999;}
#homepagecolumn2 #ContentWrap1 h4, #homepagecolumn2 #ContentWrap2 h4, #homepagecolumn2 #ContentWrap3 h4, #homepagecolumn2 #ContentWrap4 h4 {padding: 2px;}
#homepagecolumn2 #ContentWrap2 {float:left; position: relative; left: 5px; width: 470px;height: 50px; border: 1px solid #999;}
#homepagecolumn2 #ContentWrap1 p , #homepagecolumn2 #ContentWrap2 p, #homepagecolumn2 #ContentWrap3 p, #homepagecolumn2 #ContentWrap4 p {padding: 2px;}
#homepagecolumn2 #ContentWrap1 a, #homepagecolumn2 #ContentWrap2 a, #homepagecolumn2 #ContentWrap3 a, #homepagecolumn2 #ContentWrap4 a { text-decoration: none;}
#homepagecolumn2 #ContentWrap3 {float:left;clear: both; position: relative; left: 0; top: 5px; width: 470px;height: 50px; border: 1px solid #999; margin: 0 0 5px 0;}
#homepagecolumn2 #ContentWrap4 {float:left; position: relative;left: 5px; top: 5px; width: 470px;height: 50px; border: 1px solid #999;}

#homepagecolumn3 {float:left; position: relative;top: 10px; left: 2px;width:960px;margin: 10px 0 0 0;}
#homepagecolumn3 ul {list-style: none ;width: 330px;_width: 310px; margin:0 0 0 10px;padding: 0; float:left; display: inline-block;}
#homepagecolumn3 ul li {margin:0;padding: 5px 0; display: list-item;}
#homepagecolumn3 ul li h4 {margin:0;padding:0;}

/* Ajax tabs*/
#tabs {width: 960px;_width: 932px;_margin: 0;}
/* xp theme */
#homepagecolumn3 .ajax__tab_header {background:url(../images/tabs/tab-line.gif)) repeat-x bottom;}
#homepagecolumn3 .ajax__tab_outer {padding-right:4px;background:url(../images/tabs/tab-right.gif)) no-repeat right;height:21px;}
#homepagecolumn3 .ajax__tab_inner {padding-left:3px;background:url(../images/tabs/tab-left.gif)) no-repeat;}
#homepagecolumn3 .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(../images/tabs/tab.gif)) repeat-x;}
#homepagecolumn3 .ajax__tab_hover .ajax__tab_outer {background:url(../images/tabs/tab-hover-right.gif)) no-repeat right;}
#homepagecolumn3 .ajax__tab_hover .ajax__tab_inner {background:url(../images/tabs/tab-hover-left.gif)) no-repeat;}
#homepagecolumn3 .ajax__tab_hover .ajax__tab_tab {background:url(../images/tabs/tab-hover.gif)) repeat-x;}
#homepagecolumn3 .ajax__tab_active .ajax__tab_outer {background:url(../images/tabs/tab-active-right.gif)) no-repeat right;}
#homepagecolumn3 .ajax__tab_active .ajax__tab_inner {background:url(../images/tabs/tab-active-left.gif)) no-repeat;}
#homepagecolumn3 .ajax__tab_active .ajax__tab_tab {background:url(../images/tabs/tab-active.gif)) repeat-x;}
#homepagecolumn3 .ajax__tab_body {float: left;position: relative;width: 942px;_width: 932px;border:1px solid #999;border-top:0;padding:8px;}

/* Custom Page Wrappers*/
#TechWrap, #ContactWrap {padding: 10px;}

/* Mainbody and Navigation*/
#MainBody {width:970px;float:left; position: relative; left: 10px; margin: 0 ;padding: 0;}
#MainBody #LoginItems {float:left; position: relative;left: 40px;width: 400px;}
#MainBody #NewAccount {float:left;clear: none;position: relative; left: 100px;width: 400px;}
#MainContent {float:left; position: relative; width: 950px; border: 1px solid #999; background: #fff;}
#MainContent #ContentWrap1 {float:left; position: relative; width: 460px;height: 50px; border: 1px solid #999; margin: 5px;}
#MainContent #ContentWrap1 h4, #MainContent #ContentWrap2 h4 {padding: 2px;}
#MainContent #ContentWrap2 {float:left; position: relative; left: 5px; width: 460px;height: 50px; border: 1px solid #999;margin: 5px;}
#MainContent p { margin: 10px;}

/* Column Menus */
.categorymenu {padding:0;margin:0;width:980px;}
.categorymenu ul {position: relative;padding:0;margin:0; width: 170px; _width: 165px;float: left;}
.categorymenu li {padding: 0;margin:0 0 0 3px;_margin:0 0 0 2px;list-style:none;}
.categorymenu li a {display: block;text-decoration:none; padding: 0;margin:0;color: #333;}

/*RSSFeeds*/
#rssfeed { width: 870px; border: 2px #fff solid; margin: 0 0 10px 8px;}

.trbold { font-weight: bold;}
.trivory { background: #fff;}
.trgreen { background: #fff; font-size: 80%;}
.tr1green {background: #666;}
.tr1green td a {color:#fff;}

/* Buttons */
.loginbutton {display: block;width: 116px; height:23px; background: url(../images/buttons/login.jpg) no-repeat top left; text-indent: -9999px; margin: 0 5px;}
.createbutton {display: block;width: 116px; height:23px; background: url(../images/buttons/createnew.jpg) no-repeat top left;text-indent: -9999px;margin: 0 5px;}