html, body {  position: relative; top: -60px; top: -115px !ie; _top: -115px; margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 0.85em; font-weight: normal; color: #6d6c6c; background-color: #FFF; background: url(../images/content_background.gif) repeat-y top center; }
* { margin: 0px; padding: 0px; } 
a img { border: 0px; }
a {	color: #b50000; text-decoration: none; }
a:hover { text-decoration: underline; }
.noborder { border: none !important; _border: none; }
.separator { margin: 0 5px; }
.clearboth { clear: both; display: block; float: none; }

#wrapper { width: 987px; margin-left: auto; margin-right: auto; background-image: url(../images/content_background.gif); background-repeat: repeat-y; min-height: 700px; height: expression((this.parentElement.offsetHeight > 699)?'':'700px') !ie; _height: 700px;  }
#container { width:977px;margin: 0 5px;background-color: #FFFFFF;  }

#header { width: 936px; height: 90px; margin: 0 41px; padding: 22px 0 13px 0; }
#logo { float: left; }
#logo .logo_image { width: 100px; height: 90px; background: url(../images/ck_logo_100x90.gif) no-repeat center; }
#descriptor { float: left; margin: 15px 0 0 0; padding: 0 20px; font-style: normal; color: #333; font-size: 20px;  }
#descriptor h2 { font-style: normal; color: #A3A3A5; font-size: 18px; margin-left: 5px; }
#menu { width: 430px; float: right;	 padding-top: 63px;	text-align: right; font-size: 18px; line-height: 18px; font-weight: bold; }
#menu ul { list-style: none; margin: 0; display: block; }
#menu li { float: left; padding: 0 10px; border-right: 1px solid gray; }
#menu li.last { border-right: none; }
#menu a { color: #A3A3A5; }
#menu a.selected { text-decoration: none; color: #000; }
#menu a:hover { color: #b50000; text-decoration: none; }

#banner { color: #FFFFFF; padding: 34px 0 0 39px; width: 938px; }
#banner a { color: #ff7e00; }	
#banner a:hover { text-decoration: underline; }	
.home { height: 428px;	 background-image: url(../images/banner_home.jpg); background-repeat: no-repeat; }
.content { height: 84px; background-image: url(../images/banner_content.jpg); background-repeat: no-repeat; }

#banner .left { width: 645px; float: left; }
#banner .left p { width: 470px;	 margin: -9px 0 0 0; padding: 0 0 40px 0; font-size: 1.2em; line-height: 1.7em; text-align: justify; }
#banner .left p + p { margin: -9px 0 0 0; padding: 0 0 41px 0; }
#banner .left p + p + p { width: 335px;	 font-size: 1.4em; line-height: 1.5em; }
#banner h1 { margin: 0; padding: 0 0 15px 0;	 font-size: 3.3em; font-weight: normal; font-family: Times New Roman, Times, serif; }

#banner .right { width: 220px;	 float: left;	 padding: 0 25px 0 45px;	 font-size: 1em; font-style: italic; line-height: 1.9em; }
#banner .right .window { background-color: #0f1f2f; padding: 10px 0 10px 12px; font-style: normal; margin: 0 25px 0 -43px; line-height: 1.5em; position: relative; top: -2px; }
#banner .right .quote .openquote { height: 13px; width: 19px; position: relative; top: 23px; left: -22px; margin: -13px 0 0 0; background-image: url(../images/quote_open.gif); background-repeat: no-repeat; }
#banner .right .quote .closequote { height: 13px; width: 19px; position: relative; top: 2px; display: inline-block;	 background-image: url(../images/quote_close.gif); background-repeat: no-repeat; }
#banner .right .quote p { width: 220px;	 padding: 7px 0 8px 0; }
#banner .right .quote + .quote { margin-top: 20px; }
#banner .right .quote p em { font-size: .95em; line-height: 1.7em; }

#content { margin: 32px 0 0 40px; }
.horizontal_divider_thick { width: 947px; height: 4px; margin: 0 -25px 30px; padding-top: 30px; clear: both; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #e5e5e5; }
.horizontal_divider_thick2 { width: 947px; height: 4px; margin: 0 -25px 30px; padding-top: 10px; clear: both; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #e5e5e5; }
.horizontal_divider_thin { width: 947px; height: 1px; margin: 0 auto; padding-top: 25px; clear: both; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e5e5e5; }
.horizontal_space { width: 947px; height: 30px; clear: both; }
#content h2 { font-family: Times New Roman, Times, serif; font-size: 1.8em; font-weight: normal; color: #225d93; margin: 0 0 14px 0; }
#content  h3 { margin: 0; font-size: 1.1em; font-weight: bold; }

#content .small_big_small { width: 900px;	 line-height: 1.7em; }
#content .small_big_small .column1 { width: 244px; float: left; border-right-width: 1px; border-right-style: solid; border-right-color: #e5e5e5; }
#content .small_big_small .column2 { width: 320px;	 padding: 0 29px 0 30px; float: left; border-right-width: 1px; border-right-style: solid; border-right-color: #e5e5e5; }
#content .small_big_small .column3 { width: 240px; padding: 0 5px 0 30px; float: left; }
#content .small_big_small .column1 ul, #content .small_big_small .column2 ul { list-style: none; text-indent: 24px; margin-left: 5px; }
#content .small_big_small .column1 li, #content .small_big_small .column2 li { background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0px 2px; margin-bottom: 3px; }

#content .small_small_small_small { width: 900px;	 line-height: 1.7em; }
#content .small_small_small_small .column { width: 190px; float: left; padding: 10px 35px 0 0; }
#content .small_small_small_small .column p { padding: 0 0 10px 0; }
#content .small_small_small_small .column .box { width: 200px; padding: 8px 6px; background-color: #fcfcfc; border: 1px solid #e2e2e2; margin-bottom: 27px; }
#content .small_small_small_small .column .box + .box /* resets margin for second box */ {	 margin: 0; }
#content .small_small_small_small .column .box p { padding: 0; }

.contactme .block { font-size: 14px; margin-bottom: 5px; }
.aboutme { width: 890px; font-size: 12px; line-height: 18px; text-align: justify; }
.aboutme ul { margin-left: 15px; margin-left: 20px !ie; }
.aboutme .title h3 { height: 25px; background-image: url(../images/sectiontitle_background.gif); background-repeat: no-repeat;  padding: 10px 0 15px 14px; }
.aboutme .subtitle { font-weight: bold; margin: 0  0 0 50px; font-style: italic; }
.aboutme .details { margin-bottom: 15px; }
.aboutme .details ul { margin-left: 30px; margin-left: 20px !ie; }

.image_grindtv { width: 176px; height: 217px; border: none; background: url(../images/grindtv_176x217.gif) center no-repeat;}
.image_westsiderentals { width: 176px; height: 187px; border: none; background: url(../images/westsiderentals_176x189.jpg) center no-repeat; }
.image_skateboard { width: 176px; height: 187px; border: none; background: url(../images/skateboard_176x114.jpg) center no-repeat; }
.image_snowboarder { width: 176px; height: 187px; border: none; background: url(../images/snowboarder_176x114.jpg) center no-repeat; }
.image_ridemonkey { width: 176px; height: 187px; border: none; background: url(../images/ridemonkey_176x114.jpg) center no-repeat; }
.image_wetsand { width: 176px; height: 187px; border: none; background: url(../images/wetsand_176x189.jpg) center no-repeat; }
.image_motocross { width: 176px; height: 116px; border: none; background: url(../images/motocross_176x116.jpg) center no-repeat; }
.image_mmarated { width: 176px; height: 116px; border: none; background: url(../images/mmarated_176x116.jpg) center no-repeat; }

.image_medium_grindtv { width: 240px; height: 296px; border: none; background: url(../images/grindtv_240x296.jpg) center no-repeat; }
.image_medium_westsiderentals { width: 240px; height: 255px; border: none; background: url(../images/westsiderentals_240x159.jpg) center no-repeat; }
.image_medium_westsiderentals_facebook { width: 240px; height: 228px; border: none; background: url(../images/facebook_app_396x376.gif) center no-repeat; }
.image_medium_skateboard { width: 240px; height: 255px; border: none; background: url(../images/skateboard_240x159.jpg) center no-repeat; }
.image_medium_snowboarder { width: 240px; height: 255px; border: none; background: url(../images/snowboarder_240x159.jpg) center no-repeat; }
.image_medium_ridemonkey { width: 240px; height: 255px; border: none; background: url(../images/ridemonkey_240x159.jpg) center no-repeat; }
.image_medium_wetsand { width: 240px; height: 255px; border: none; background: url(../images/wetsand_240x159.jpg) center no-repeat; }
.image_medium_motocross { width: 240px; height: 159px; border: none; background: url(../images/motocross_240x159.jpg) center no-repeat; }
.image_medium_mmarated { width: 240px; height: 159px; border: none; background: url(../images/mmarated_240x159.jpg) center no-repeat; }
.image_medium_swimnetwork { width: 240px; height: 159px; border: none; background: url(../images/swimnetwork_240x159.jpg) center no-repeat; }
.image_medium_gymnast { width: 240px; height: 159px; border: none; background: url(../images/gymnast_240x159.jpg) center no-repeat; }
.image_medium_perfectbusiness { width: 240px; height: 159px; border: none; background: url(../images/perfectbusiness_240x159.jpg) center no-repeat; }
.image_medium_sportnet { width: 240px; height: 159px; border: none; background: url(../images/sportnet_240x159.jpg) center no-repeat; }
.image_medium_surfspot { width: 240px; height: 159px; border: none; background: url(../images/surfspot_240x159.jpg) center no-repeat; }

.image_wrapper { width: 176px; height: 114px; }
.image_wrapper .crop { width: 176px; height: 114px; overflow: hidden; }
.image_wrapper .crop img { width: 176px; border: none; }

#content .big_small { width: 900px;	 line-height: 1.7em; }
#content .big_small .column1 { width: 605px; float: left; padding-right: 55px; }
#content .big_small .column2 { float: left; width: 240px; }
#content .big_small .column1 .image { width: 110px; height: 70px; float: left; padding-top: 5px; margin-top: 5px; }
#content .big_small .column1 .text { width: 495px; float: left; padding-top: 5px; }
#content .big_small .column1 ul { list-style: none; text-indent: 24px; margin-top: -30px; }
#content .big_small .column1 li { background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0px 3px; margin-top: 5px; }
#content .big_small .column1 .extraspace li { margin-top: 30px; }
#content .big_small .column1 ul p { text-indent: 0; margin-left: 24px; padding: 0; }
#content .big_small .column1 p { padding-bottom: 20px; }
#content .big_small .column2 .sectiontitle, #content .blog .column2 .sectiontitle { height: 35px; width: 246px; background-image: url(../images/sectiontitle_background.gif); background-repeat: no-repeat;  margin: 0 0 0 -14px; padding: 10px 0 15px 14px; }
#content .big_small .column2 h4 { font-size: 1.1em; font-weight: bold; }
#content .big_small .column2 p em { font-size: .95em; line-height: 1.7em; }
#content .big_small .column2 .quote { font-style: italic; }
#content .big_small .column2 .source { padding: 10px 0 35px 0; }
#content .big_small .column2 ul { list-style: none; text-indent: 24px; margin-top: -13px; }
#content .big_small .column2 li { background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0px 6px; line-height: 2.5em; }

#content .small_small_small_small_small { width: 900px;	 line-height: 1.7em; }
#content .small_small_small_small_small .column { width: 158px; float: left; padding: 10px 10px 0 11px; border-left-width: 1px; border-left-style: solid; border-left-color: #e5e5e5; }
#content .small_small_small_small_small .column p { padding: 0 0 10px 0; }

#content .row { width: 900px; line-height: 1.7em; margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 20px; }
#content .row .image_wrapper { float: left; width: 240px; height: 159px; border: 5px solid #CCC; }
#content .row .image_wrapper:hover { width: 240px; height: 159px; border: 5px solid #777; }
#content .row .image_wrapper .crop { width: 240px; height: 159px; overflow: hidden; }
#content .row .image_wrapper .crop img { width: 240px; border: none; }
#content .row .text_wrapper { float: left; width: 630px; margin-left: 15px; }
#content .row p { width: 460px; padding-bottom: 20px; }
#content .row .sectiontitle { height: 25px; width: 300px; background-image: url(../images/sectiontitle_background.gif); background-repeat: no-repeat;  padding: 10px 0 15px 14px; }
#content .row h2 a { font-family: Times New Roman, Times, serif; font-size: 18px; font-weight: normal; color: #225d93; margin: 0 0 5px 0; }
#content .row h2 a:hover { color: #b50000; }

#content .tiny_medium_tiny_medium { width: 900px;	 line-height: 1.7em; }
#content .tiny_medium_tiny_medium ul { list-style: none; margin: 0; padding: 0; line-height: 2.5em; }
#content .tiny_medium_tiny_medium .column1 { width: 100px; float: left; padding-right: 15px; text-align: right; }
#content .tiny_medium_tiny_medium .column2 { float: left; width: 250px; }
#content .tiny_medium_tiny_medium .column2 input { width: 240px; color: #6d6c6c; }
#content .tiny_medium_tiny_medium .column2 select { width: 240px; color: #6d6c6c; }

#content .tiny_huge { width: 900px;	 line-height: 1.7em; line-height: 2.5em; }
#content .tiny_huge .column1 { width: 100px; float: left; padding-right: 15px; text-align: right; }
#content .tiny_huge .column2 { float: left; width: 600px; }
#content .tiny_huge .column2 textarea { width: 600px; height: 250px; color: #6d6c6c; }

#content .blog { width: 900px;	 line-height: 1.7em; }
#content .blog .column1 { width: 605px; float: left; padding-right: 55px; }
#content .blog .column2 { float: left; width: 240px; }
#content .blog .column1 ol { list-style-type: decimal; list-style-position: outside; margin: 0 0 0 0px;	 padding:  0 0 10px 30px; }
#content .blog .column1 ol li { padding-bottom: 5px; }
#content .blog .column1 h5 { padding: 15px 0 10px 0; font-weight: bold; font-size: 13px; }
#content .blog .column1 p { padding-bottom: 20px; }
#content .blog .column1 .blogentrytitle { font-size: 21px; font-weight: normal; text-decoration: none; font-family: "Times New Roman", Times, serif; line-height: 45px; color: #225d93; }
#content .blog .column1 .blogentrytitle a { color: #225d93; }
#content .blog .column1 .blogentrytitle a:hover { text-decoration: underline; }

#copyright  { height: 40px; padding-top: 10px; margin: 0 auto; clear: both; }
#copyright p { width: 967px; text-align: center; }
.marg_top_20 { margin-top: 20px; }

