/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

Designed & Coded By : Skyrack Technology Ltd +441133971100
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/

* {
 margin: 0;
 padding: 0;
}
body { background: #ffffff; }
p {
 color: #666666;
 padding: 0;
 margin: 10px 0;
 font: 12px/18px Vwerdana, Arial, Helvetica, sans-serif;
}
#container {
 margin: auto;
 width: 950px;
}

/*  Header   */

#header {
 height: 500px;
 width: 950px;
 float: left;
 margin-top: 5px;
 background: url(images/sky-rack-header-4.jpg) no-repeat;
}


/*  Skyrack bottom logo   */

#logo {
    /* td: changed to position: absolute */
    position:relative;
    left:890px;
    top:-44px;
}

#logo h1 {
 display: block;
 float: left;
 width: 50px;
 height: 50px;
 text-indent: -9999px;
}
#logo h1 a {
 display: block;
 width: 100%;
 height: 100%;
 outline: none;
 background: url(images/sky-rack-logo.png) no-repeat 0 0;
}

/*  Navigation   */

#navigation {
 height: 41px;
 width: 950px;
 margin-top: 160px;
 margin-left:10px;
 float: left;
}
.nav-links li {
 display: inline;
 padding: 11px 0px 0px 0px;
 float: left;
}
.nav-links li a {
 text-transform: capitalize;
 color: #003366;
 text-decoration: none;
 letter-spacing: -1px;
 font: bold 12px Verdana, Arial, Helvetica, sans-serif;

 
}
.nav-links li a:hover { color: #0099CC; font-weight: bold; }

.phone-number li {
 display: inline;
 padding: 14px 16px 0 0;
 float: right;
}
.phone-number li a {
 float: right;
 list-style-type: none;
 text-transform: capitalize;
 color: #003366;
 text-decoration: none;
 letter-spacing: -1px;
 font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

.phone-number li a:hover { color: #0099CC; font-weight: bold; }



/*  Small box - home page   */
#content-right {
 float: left;
 width: 296px;
 margin-top: -280px;
 margin-left: 15px;

}
.sidebar-top {
 float: left;
 height: 32px;
 width: 296px;
 background: url(images/sidebar_top-light-gradient.png) no-repeat;
 padding: 4px 15px;
}
.sidebar-middle {
 float: left;
 width: 264px;
 height: 280px;
 padding: 5px 15px 0 15px;
 border-right: 1px solid #d3d3d3;
 border-left: 1px solid #d3d3d3;
 background: #ffffff;
}

.sidebar-middle p { text-align: left; }

.sidebar-bottom {
 float: left;
 height: 16px;
 width: 296px;
 margin-bottom: 15px;
 background: url(images/sidebar_bottom-small.png) no-repeat;
}

h2 {
 text-transform: capitalize;
 color: #666666;
 letter-spacing: -1px;
 padding-top: 7px;
 font: bold 16px Arial, Helvetica, sans-serif;
}

.h2blue {
 text-transform: capitalize;
 color: #0099CC;
 letter-spacing: -1px;
 padding-top: 7px;
 font: bold 16px Arial, Helvetica, sans-serif;
}

.content-middle p { text-align: justify; }

.highlight {
 color: #006699;
 font-style: italic;
}

.contentbold{
 color: #0099CC;
 font-weight: bold;
}

.navbold{
 color: #006699;
 font-weight: bold;
}


/*  Small box - non homepage   */
#content-right-cp {
 float: left;
 width: 296px;
 margin-top: -75px;
 margin-left: 15px;

}
.sidebar-top {
 float: left;
 height: 32px;
 width: 296px;
 background: url(images/sidebar_top-light-gradient.png) no-repeat;
 padding: 4px 15px;
}
.sidebar-middle {
 float: left;
 width: 264px;
 padding: 5px 15px 0 15px;
 border-right: 1px solid #d3d3d3;
 border-left: 1px solid #d3d3d3;
 background: #ffffff;
}

.content-middle p { text-align: justify; }

.highlight {
 color: #006699;
 font-style: italic;
}

.navbold{
 color: #333;
 font-weight: bold;
}

.sidebar-middle p { text-align: left; }

.sidebar-bottom {
 float: left;
 height: 16px;
 width: 296px;
 margin-bottom: 15px;
 background: url(images/sidebar_bottom-small.png) no-repeat;
}


/*  Advert box  
#content-advert {
 float: left;
 width: 918px;
 margin-top: -70px;
 margin-left: 15px;

}
.sidebar-advert {
 float: left;
 height: 150px;
 width: 918px;
 background: url(images/advert-box.png) no-repeat;
 padding: 4px 15px;
}
 */


/* Footer */

#footer {
 clear: both;
 height: 150px;
/* td: changed to position: relative */
 position:relative;
}

#footer-content {
 height: 10px;
 width: 950px;
 padding-top: 5px;
 padding-left: 5px;
 margin: auto;
 background: url(images/sky-rack-footer-small.png) no-repeat;
 }

#footer-content p {
 color: #0099CC;
 font-weight: bold;
 text-align: left;
 padding-top: 0px;
}

.footerbold {
 color: #003366;
 font-weight: bold;
 text-align: left;
 padding-top: 0px;
}


/* two thirds content boxes - left side first */

 #content-left-twothirds1 {
 float: left;
 width: 566px;
 margin-top: -280px;
 margin-left: 15px;
}
.sidebar-top-twothirds1 {
 float: left;
 height: 32px;
 width: 536px;
 background: url(images/content_box_top.png) no-repeat;
 padding: 4px 15px;
}
.sidebar-middle-twothirds1 {
 float: left;
 width: 534px;
 height: 280px;
 padding: 5px 15px 0 15px;
 border-right: 1px solid #d3d3d3;
 border-left: 1px solid #d3d3d3;
 background: #fff;
}

.sidebar-bottom-twothirds1 {
 float: left;
#margin-left: 15px;
 height: 17px;
 width: 566px;
 margin-bottom: 15px;
 background: url(images/content_box_bottom.png) no-repeat;
}


 
/* two thirds content boxes - right side second */ 
 
 #content-right-twothirds2 {
 float: left;
 width: 322px;
 margin-top: -280px;
 margin-left: 30px;
}
.sidebar-top-twothirds2 {
 float: left;
 height: 32px;
 width: 292px;
 background: url(images/sidebar_top.png) no-repeat;
 padding: 4px 15px;
}
.sidebar-middle-twothirds2 {
 float: left;
 width: 290px;
 height: 280px;
 padding: 5px 15px 0 15px;
 border-right: 1px solid #d3d3d3;
 border-left: 1px solid #d3d3d3;
 background: #fff;
}

.sidebar-bottom-twothirds2 {
 float: left;
 height: 16px;
 width: 322px;
 margin-bottom: 15px;
#margin-left: 30px;
 background: url(images/sidebar_bottom.png) no-repeat;
}

/* single large content box */ 
 
 #content-onelarge {
 float: left;
 width: 910px;
 margin-top: -280px;
 margin-left: 15px;
}
.sidebar-top-onelarge {
 float: left;
 height: 32px;
 width: 900px;
 background: url(images/content_boxlarge_top.png) no-repeat;
 padding: 4px 15px;
}
.sidebar-middle-onelarge {
 float: left;
 width: 888px;
 height: 1200px;
 padding: 5px 15px 0 15px;
 border-right: 1px solid #d3d3d3;
 border-left: 1px solid #d3d3d3;
 background: #fff;
}
.sidebar-bottom-onelarge {
 float: left;
 height: 32px;
 width: 900px;
 margin-bottom: 15px;
 #margin-left: 30px;
 background: url(images/content_boxlarge_bottom.png) no-repeat;
 padding: 4px 15px;
}