html, body{ 
 margin:0; 
 padding:0; 
 background: #f9f6ed url(../images/Background.jpg) top center repeat-x;
 font-family: arial, helvetica, sans-serif;
} 
 
#pagewidth{ 
 width:920px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
 background-color: #FFFFFF;
} 
 
#header{
 position:relative; 
 height:253px; 
  background:url(../images/header.jpg) no-repeat; 
 width:100%;
} 
 
#homeBody #maincol{min-height: 650px;}
#maincol{ 
 float: left;
 display:inline; 
 position: relative; 
 width:670px;
 min-height: 500px;
 padding: 10px;
 }
 
#footer{
 height:122px; 
 position:relative;
  background: url(../images/footer.jpg) no-repeat; 
 clear:both;
 } 
 
#rightcol{
position: relative;
float:right;
width: 200px;
min-height: 500px;
padding: 10px;
}
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

#homeBody #wrapper{
background: url(../images/homebg.jpg) 5px 7px no-repeat;
}


/*blog*/
#newsbox a{text-decoration:none; color:#2f4253;font-weight:bold}
#newsbox{
position:absolute;
width: 526px;
height: 300px;
overflow: auto;
top: 70px;
left: 25px;
font-size: 0.9em;
line-height: 1.4;
padding: 0 20px;
}
.rss-item{margin-bottom:12px;}
#newsbox .readmore a{
font-weight:normal;
}

.newstitle{
font-family: lobster, arial, sans-serif;
position:absolute;
left:240px;
top:30px;
font-size: 1.8em;
color: #2f4253;}
.more{
position:absolute;
top:380px;
left:497px;
text-decoration:none;
font-size: 0.8em;
font-weight:bold;
color: #2f4253;
}

#homeimage img{width: 100%;height: 100%;}

#homeimage
{
position: absolute;
top: 28px;
left: 631px;
width:262px;
height: 369px;
overflow:hidden;
}


/*Homepage Boxes*/
.transparency{
background: #555;
height: 45px;
position: relative;
margin-top:-45px;
opacity:0.8;
}
#schoolbox .transparency{background-color:#8F4751}
#shopbox .transparency{background-color:#6D7AAF}
#teambox .transparency{background-color:#508F53}

#shopbox a, #schoolbox a, #teambox a{
color: #fff;
font-size: 1.7em;
text-decoration:none;
position: relative;
top: -35px;
right: 5px;
}
#schoolbox a:hover{color:#DF8B8E}
#shopbox a:hover{color:#C3C2EF}
#teambox a:hover{color:#A7DFA9}

#shopbox, #schoolbox, #teambox{
position: absolute;
font-family: lobster, arial, sans-serif;
width: 274px;
height: 182px;
text-align:right;
top:429px;
}
#schoolbox{left: 20px;}
#shopbox{left: 322px;}
#teambox{left: 626px;}



/*Navigation*/
#navigation .mainnav{
list-style-type: none;
position: absolute;
top: 223px;
height: 30px;
width: 900px;
text-align: center;
font-family: Lobster, Arial, Helvetica, Sans-Serif;
font-size: 1.2em;
}
#navigation .mainnav li{
display: inline;
padding: 0 28px;

}

.mainnav a{
text-decoration: none;
color: #fff;
}

.mainnav a:hover{
color: #dbdbdb;
}

/*main titles*/
.title{
position:relative;
margin-left: 15px;
top:20px;
font-family: lobster, arial, sans-serif;
font-size:2em;
color:#9AC193;
}

/*Right Column Containers*/
.RightColTop{background: url(../images/RightColTop.jpg); height:30px;margin-top: 20px;}
.RightColMid{background: url(../images/RightColMid.jpg); min-height: 50px; padding: 10px;}
.RightColBottom{background: url(../images/RightColBottom.jpg) no-repeat; height:8px;}
.RightColTop a{font-family: Lobster, Arial, Helvetica, Sans-Serif; padding-left: 8px; color: #fff; text-decoration:none; font-size: large; position:relative; top: 5px;}
.RightColTop a:hover{color: #B0C698}
.arrow {position:absolute; left:170px; top: -7px;font-size: xx-large;}

/*Twitter Box*/

.twtr-hd, .twtr-ft, .twtr-user{display:none!important}
.twtr-bd{font-family:arial, sans-serif;}


#skateSchoolCont{
margin-left:15px
}

/*Team Box*/
#teamnav{font-size:small;color:#8FA6BF;font-weight:bold;}

#teamnav ul li a{
display:block;
font-size:small;
color: #555;
text-decoration:none;
padding: 3px 0 3px 0;

}
#teamnav ul li a:hover{color:#B0C698}


/*profiles*/
.name{
position:relative;
margin-left: 15px;
top:20px;
font-family: lobster, arial, sans-serif;
font-size:2em;
color:#9AC193;
}

#profile{
position:relative;
border:1px solid #f3f3f3;
top:20px;
width:620px;
left:20px;
padding:10px;
padding-bottom:20px;
margin-bottom:30px;
}

#biobox{
position:relative;
width:580px;
margin: 0 auto;
margin-top:20px;
font-size:smaller;
line-height: 1.5;
}

/*team images*/
#profilepics{
position: relative;
top: 10px;
height: 370px !important;
margin: 0 auto;
}

/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0;
margin-left: 20px;
position: relative;
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 10px 1px 1px 0;
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
color: #717171;
background: #ededed;
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
color: #28274F;
background: #ededed;
} 


 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


.facebook a,
.twitter a,
.blogger a,
.youtube a{
position:absolute;
width: 48px;
height: 48px;
text-indent:-5000px;
margin-top:-25px;
}

.facebook a{
background: url(../images/facebook.gif) no-repeat;
right:210px;
}
.twitter a{
background: url(../images/twitter.gif) no-repeat;
right:140px;
}
.blogger a{
background: url(../images/blogger.gif) no-repeat;
right:70px;
}
.youtube a{
background: url(../images/youtube.gif) no-repeat;
right:0px;
}



.footerlinks li{display:inline; padding: 0 5px 0 5px;}
.footerlinks a{
position:relative;
left:0px;
top: 25px;
color: #000;
text-decoration: none;
font-size:smaller
}
.footerlinks a:hover{color:#57638e}
.copyright{
position:relative;
font-size:0.8em;
font-weight:bold;
left:10px;
top:20px;
}

.socialicons {
float:left;
width:50%;
padding-top:40px;
}

.footerlinks {
float:left;
width:50%;

}

.facebook, .twitter, .blogger {
float:left;
width:20%;

}

.youtube {
float:left;
width:20%;

}


/*Site Map*/
#sitemap{
position:relative;
top:20px;
left:18px;
}
#sitemap li a{
color:#172B2F;
text-decoration:none;
}
#sitemap li{padding: 3px 0;}


/*Skate School Content*/
#skateSchoolCont{
font-size:14px;
line-height:20px;
}
#skateSchoolCont p{
margin-bottom:5px;
}