/* Clickable Designs | CSS1-CSS2 Document */

/* wrap properties */
html, body {
		height: 100%;
		margin: 0px auto;
		padding: 0;
		background: url(../images/wrap/wrap_site_bg.gif) repeat-x;
		font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; color: #000000; }

		a:link, a:visited { color: #ED1C24; text-decoration: none; outline: none; }
		a:hover, a:active { color: #ED1C24; text-decoration: underline; outline: none; }
		
		h1 { margin: 0; padding: 2px 0 25px 0; font-size: 27px; font-weight: bold; color: #818181; }
		h2 { margin: 0; padding: 0 0 15px 0; font-size: 19px; font-weight: bold; line-height: 18px; color: #ED1C24; }
		h3 { margin: 0; padding: 0; font-size: 12px; font-weight: bold; line-height: 18px; color: #000000; }
		h4 { margin: 0; padding: 0 0 15px 0; font-size: 19px; font-weight: bold; line-height: 18px; color: #000000; }
		p { margin: 0; padding: 0 0 25px 0; }
		
		ul { margin: 0; padding: 0 0 25px 30px; list-style-type: disc; }
		ul li { margin: 0; padding: 0 0 8px 8px; }

#wrap {
		height: 100%;
		width: 938px;
		margin: 0px auto; }
		
		.left { float: left; display: inline; }
		.right { float: right; display: inline; }
		.center { text-align: center; }
		.end { clear: both; }
		.block { display: block; }
		.inline { display: inline; }
		
		img { border: 0; }
		.img_right { padding: 0 0 40px 40px; }
		
		form { margin: 0; padding: 0; }

/* page properties */
		.wrap_header { height: 163px; }
		.wrap_logo { padding: 12px 0 0 25px; }
		.wrap_header_menus { width: 785px; }
		.wrap_login { padding: 6px 0 0 0; }
		.wrap_tagline { padding: 23px 0 0 0; }
		.wrap_menu { padding: 14px 0 0 0; }
		
		.wrap_body { width: 938px; }
		.col_1 { width: 143px; }
		.col_2 { width: 500px; padding: 0 40px 0 40px; border-right: 1px solid #9E9E9E; }
		.col_2_wide { width: 750px; padding: 0 0 0 40px; }
		.col_3 { width: 210px; }
		
		.wrap_side_link_top { border-top: 1px solid #9E9E9E; font-size: 0px; line-height: 0px; }
		
		.wrap_side_link_off { padding: 15px 0 15px 29px; line-height: 14px; border-bottom: 1px solid #9E9E9E; background: url(../images/wrap/bullet_gray.gif) no-repeat 14px 19px; }
		.wrap_side_link_off a:link, .wrap_side_link_off a:visited { color: #000000; text-decoration: none; }
		.wrap_side_link_off a:hover, .wrap_side_link_off a:active { color: #ED1C24; }
		
		.wrap_side_link_on { padding: 15px 0 15px 29px; line-height: 14px; border-bottom: 1px solid #9E9E9E; background: url(../images/wrap/bullet_red.gif) no-repeat 14px 19px; }
		.wrap_side_link_on a:link, .wrap_side_link_on a:visited { color: #ED1C24; text-decoration: none; }
		.wrap_side_link_on a:hover, .wrap_side_link_on a:active { color: #ED1C24; }
		
		.wrap_side_link_main_off { padding: 15px 0 15px 29px; line-height: 14px; border-bottom: 1px solid #9E9E9E; background: url(../images/wrap/bullet_arrow_gray.gif) no-repeat 14px 17px; }
		.wrap_side_link_main_off a:link, .wrap_side_link_main_off a:visited { color: #000000; text-decoration: none; }
		.wrap_side_link_main_off a:hover, .wrap_side_link_main_off a:active { color: #ED1C24; }
		
		.wrap_side_link_main_on { padding: 15px 0 15px 29px; line-height: 14px; border-bottom: 1px solid #9E9E9E; background: url(../images/wrap/bullet_arrow_red.gif) no-repeat 14px 17px; }
		.wrap_side_link_main_on a:link, .wrap_side_link_main_on a:visited { color: #ED1C24; text-decoration: none; }
		.wrap_side_link_main_on a:hover, .wrap_side_link_main_on a:active { color: #ED1C24; }
		
		.wrap_side_link_sep { height: 20px; font-size: 0px; line-height: 0px; }
		.wrap_side_link_sep_2 { height: 30px; font-size: 0px; line-height: 0px; }
		
		.wrap_phone { padding: 0; margin: 0; }
		.wrap_phone h1 { padding: 0; margin: 0; font-size: 23px; line-height: 19px; color: #818181; }
		.wrap_phone h2 { padding: 0 0 3px 0; margin: 0; font-size: 15px; line-height: 17px; color: #818181; }
		.wrap_contact { padding: 0 0 0 18px; background: url(../images/wrap/bullet_arrow_gray.gif) no-repeat 3px 4px; }
		
		.wrap_content_link { padding: 0 0 25px 15px; background: url(../images/wrap/bullet_arrow_red.gif) no-repeat 0px 4px; }
		
		.top { padding: 20px 0 5px 12px; background: url(../images/wrap/wrap_top.gif) no-repeat 0px 25px; font-size: 11px; }
		
		.question { padding: 0 0 0 52px; line-height: 14px; background: url(../images/wrap/bullet_arrow_red.gif) no-repeat 35px 3px; }
		
		.wrap_footer { height: 130px; padding: 10px 0 0 0; margin: 30px 0 0 0; font-size: 11px; line-height: 13px; color: #9E9E9E; border-top: 1px solid #9E9E9E; }
		.copyright { padding: 20px 0 0 20px; font-size: 11px; color: #9E9E9E; }
		.author { padding: 20px 20px 0 0; font-size: 11px; color: #9E9E9E; }
		.trademark { padding: 5px 0 0 20px; font-size: 11px; color: #9E9E9E; }
		
		.sitemap { padding: 0; margin: 0; }
		.sitemap ul { margin: 0; }
		.sitemap ul li { margin: 0; padding: 0 0 0 8px; }
		
		.icon_join { padding: 0 0 20px 0; }
		
		.page_image { width: 180px; padding: 60px 0 0 0; }
		
		.signup_abacast { padding: 43px 0 0 0; height: 87px; background: url(../images/page/bg_abacast.gif) no-repeat; }
		.signup_loudcity { padding: 43px 0 0 0; height: 87px; background: url(../images/page/bg_loudcity.gif) no-repeat; }
		.signup_tacher { padding: 43px 0 0 0; height: 87px; background: url(../images/page/bg_tacher.gif) no-repeat; }
		.signup_warpradio { padding: 43px 0 0 0; height: 87px; background: url(../images/page/bg_warpradio.gif) no-repeat; }
		.signup_surfernetwork { padding: 43px 0 0 0; height: 87px; background: url(../images/page/bg_surfernetwork.gif) no-repeat; }
		.signup_regionalreps { padding: 43px 0 0 0; height: 87px; background: url(../images/page/bg_regionalreps.gif) no-repeat; }

		.specs_1title { padding: 0 0 8px 5px; margin: 0; width: 235px; }
		.specs_2title { padding: 0 0 8px 0; margin: 0; width: 100px; text-align: center; }
		.specs_3title { padding: 0 0 8px 0; margin: 0; width: 100px; text-align: center; }
		
		.specs_1 { padding: 3px 0 3px 5px; margin: 0; width: 235px; border-top: 1px solid #9E9E9E; border-left: 1px solid #9E9E9E; }
		.specs_2 { padding: 3px 0 3px 0; margin: 0; width: 100px; text-align: center; border-top: 1px solid #9E9E9E; border-left: 1px solid #9E9E9E; }
		.specs_3 { padding: 3px 0 3px 0; margin: 0; width: 100px; text-align: center; border-top: 1px solid #9E9E9E; border-left: 1px solid #9E9E9E; border-right: 1px solid #9E9E9E; }
		
		.specs_1bottom { padding: 3px 0 3px 5px; margin: 0; width: 235px; border-top: 1px solid #9E9E9E; border-left: 1px solid #9E9E9E; border-bottom: 1px solid #9E9E9E; }
		.specs_2bottom { padding: 3px 0 3px 0; margin: 0; width: 100px; text-align: center; border-top: 1px solid #9E9E9E; border-left: 1px solid #9E9E9E; border-bottom: 1px solid #9E9E9E; }
		.specs_3bottom { padding: 3px 0 3px 0; margin: 0; width: 100px; text-align: center; border-top: 1px solid #9E9E9E; border-left: 1px solid #9E9E9E; border-right: 1px solid #9E9E9E; border-bottom: 1px solid #9E9E9E; }
		
		.specs_1title h1 { margin: 0; padding: 0; font-size: 14px; font-weight: bold; color: #000000; }
		
		.icon_login { padding: 0 40px 0 0; }
		
/* form properties */
		.form_text_side { width: 115px; padding: 2px 10px 5px 0; text-align: right; }
		.form_text_side_question { width: 300px; padding: 3px 0 5px 0; }
		.form_text_description { width: 325px; padding: 5px 0 5px 0; font-size: 11px; line-height: 13px; }
		.form_text_side_ext { width: 40px; padding: 2px 10px 5px 0; text-align: right; }
		.form_text_side_checkbox1 { width: 100px; padding: 1px 0 5px 7px ; }
		.form_text_side_checkbox2 { width: 400px; padding: 1px 0 5px 7px ; }
		.form_field { padding: 0 0 5px 0; }
		.form_field_checkbox { width: 20px; padding: 0 0 5px 0; }
		.required { color: #ED1C24; }
		.form_sep { height: 30px; }
		.terms { padding: 0 0 5px 0; }
		.terms_inside { Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; color: #000000; }
		
/* home properties */
		.home_col1 { width: 703px; }
		.home_col1_left { width: 354px; padding: 20px 0 0 0; }
		.home_col1_right { width: 309px; padding: 20px 0 0 0; }
		
		.home_col2 { width: 194px; height: 600px; }
		.home_flash { height: 197px; }
		
		.home_info_container { width: 354px; padding: 20px 0 0 0; border-top: 1px solid #9E9E9E; }
		.home_address { width: 144px; padding: 0 30px 0 0; border-right: 1px solid #9E9E9E; }
		.home_address_2 { width: 160px; padding: 0 25px 0 0; border-right: 1px solid #9E9E9E; }
		.home_icon { width: 143px padding: 0; }
		
		
		