/* ----------------------------------------------------------------
* BROWSER RESET
 * ---------------------------------------------------------------- 
*/ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	
}
body { line-height: 1;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/* ---------------------------------------------------------------- 
 *  GLOBAL
 * ---------------------------------------------------------------- 
*/ 

html { font-size: 75%; }
body { background:#24231F url(http://rawmethod.com//images/raw/body_bkg.jpg) no-repeat top center; font-family: Helvetica, Arial, sans-serif; font-size: 1.0em; line-height: 1.4em; color: #ffffff; }
.clear { clear: both; width: 1px; height: 1px; margin: 0; padding: 0; }
.hidden { display: none; }
a { text-decoration: none; color: white;}
a:hover {text-decoration: none;}
p {font-size:0.9em; line-height:1.65em; letter-spacing: .25px;}

/* ---------------------------------------------------------------- 
*  CONTAINER
* ---------------------------------------------------------------- 
*/ 

.container {
	width: 960px;
	margin: 0 auto;
}


/* ---------------------------------------------------------------- 
*  HEADER
* ---------------------------------------------------------------- 
*/ 

#header {
	margin-top: 30px;
	margin-bottom: -10px;
	overflow: hidden;
	background: url(http://rawmethod.com//images/raw/top_shadow.png) repeat-x bottom;
}

#header div,
#header ul { height: 99px;   list-style: none; }

#header .container {
	margin: 28px auto 0;
	height: 100px;
}

#header h1 { display: none; }

#header .title {
	float: left;
	width: 380px;
	cursor: pointer;
	padding:0 0 4px 15px;
	margin:-9px 0 0 0;
}

#header span {
	display: none;
	position: absolute;
}

#header ul { float: right; width: 506px; margin-bottom: -20px; position: relative }

#header li {
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	margin-right: 7px;
	list-style: none;
}

#header li a {
	display: block;
    text-indent: -1200%;
    position: absolute;
    outline: none;
}

#header li a:hover { background-position: left bottom; }
#header li a:hover span { display: block; }


#header .about_raw {
	background: url(http://rawmethod.com//images/raw/nav_about_raw.png) no-repeat;
	width:99px;
	height: 80px;
	left: 95px;
}

#header .products_raw {
	background: url(http://rawmethod.com//images/raw/nav_products_raw.png) no-repeat left top;
	width:99px;
	height: 80px;
	left: 190px;
	overflow: hidden;
}

#header .products_raw span{
	background: url(http://rawmethod.com//images/raw/nav_products_raw.png) no-repeat;
	width:99px;
	height: 80px;
	top:-80px;
}

#header .method_raw {
	background: url(http://rawmethod.com//images/raw/nav_method_raw.png) no-repeat;
	width:99px;
	height: 80px;
	left: 282px;
}

#header .newsroom_raw {
	background: url(http://rawmethod.com//images/raw/nav_newsroom_raw.png) no-repeat;
	width:99px;
	height: 80px;
	left: 382px;
}

#header .contact_raw {
	background: url(http://rawmethod.com//images/raw/nav_contact_raw.png) no-repeat;
	width:99px;
	height: 80px;
	left: 380px;
}

#header .about_raw2 {
	background: url(http://rawmethod.com//images/raw/nav_about_raw.png) no-repeat;
	width:99px;
	height: 80px;
	left: 0px;
}

#header .products_raw2 {
	background: url(http://rawmethod.com//images/raw/nav_products_raw.png) no-repeat left top;
	width:99px;
	height: 80px;
	left: 90px;
	overflow: hidden;
}

#header .products_raw2 span{
	background: url(http://rawmethod.com//images/raw/nav_products_raw.png) no-repeat;
	width:99px;
	height: 80px;
	top:-80px;
}

#header .method_raw2 {
	background: url(http://rawmethod.com//images/raw/nav_method_raw.png) no-repeat;
	width:99px;
	height: 80px;
	left: 182px;
}

#header .newsroom_raw2 {
	background: url(http://rawmethod.com//images/raw/nav_newsroom_raw.png) no-repeat;
	width:99px;
	height: 80px;
	left: 282px;
}

#header .contact_raw2 {
	background: url(http://rawmethod.com//images/raw/nav_contact_raw.png) no-repeat;
	width:99px;
	height: 80px;
	left: 380px;
}

/* ---------------------------------------------------------------- 
*  SIDEBAR
* ---------------------------------------------------------------- 
*/ 

#sidebar {
	background: url(http://rawmethod.com//images/raw/sidebar.png) no-repeat bottom right;
	height: 556px;
	width: 90px;
	margin-left: -13px;
	padding-left: 5px;
	float: left;
}


/* ---------------------------------------------------------------- 
*  CONTENTS
* ---------------------------------------------------------------- 
*/ 
#contents {
	margin-top: -7px;
	width: 866px;
	float: left;
	background: url(http://rawmethod.com//images/raw/container_bkg.png) no-repeat top left;
}

#contents .container_home {
	padding: 50px 0 0 40px;
	background: url(http://rawmethod.com//images/raw/home_img.png) no-repeat  0 18px;
	height: 531px;
	width: 100%;
	float: left;
	margin-top: -1px;
}

#contents .container_home h2 {
	font-size: 2em;
	line-height: 1.4em;
	padding:3px 0 5px 0;
	text-transform: uppercase;
}

#contents .container_home .subhead {
	padding:10px 0 5px 0;
	color: #BDBDBD;
	line-height: 1.5em;
}
	

/* ---------------------------------------------------------------- 
*  CONTENTS - ABOUT
* ---------------------------------------------------------------- 
*/ 

#contents .container_about {
	padding: 60px 0 0 40px;
	background: url(http://rawmethod.com//images/raw/about_img.jpg) no-repeat  0 17px;
	height: 520px;
	width: 100%;
	float: left;
}

#contents .container_about .about_left {
	width: 380px;
	float: left;
	height: 531px;
	overflow: hidden;
}

#contents .container_about .image {
	width: 480px;
	float: right;
	margin-top: -20px;
	height: 531px;
	overflow: hidden;
}

#contents .container_about h2 {
	font-size:1.85em;
	text-transform: uppercase;

}

#contents .container_about h3 {
	font-size:1.4em;
	line-height:.7em;
	color: #ffffff;
	text-transform: uppercase;
}

#contents .container_about p {
	font-size:0.9em;
	margin: 10px 0;	

}

#contents .container_about br {margin-bottom: 5px;}



/* ---------------------------------------------------------------- 
*  CONTENTS - PRODUCTS/METHOD
* ---------------------------------------------------------------- 
*/ 

#contents .container_menu {
	padding: 50px 0 0 33px;
	width: 865px;
	float: left;
}

#contents .container_menu #tabs {
	width: 155px;
	float: left;
	height: 531px;
}

#contents .container_menu ul {
	width: 156px;
	float: left;
}

#contents .container_menu h3 {
	font-size:1.2em;
	color: #c2191f;
	padding-bottom: 4px;
	text-transform: uppercase;
}

#contents .container_menu ul li {
	margin: 8px 0;
	text-transform: uppercase;
	color: #8d8887;
}

#contents .container_menu ul li a {
	color: #8d8887;
	font-size: 0.9em;

}

#contents .container_menu ul li .active,
#contents .container_menu ul li .active a {
	color: #ffffff;
}

#contents .container_menu h4 {
	font-size:.95em;
	padding-bottom: 0px;
	color: #8d8887;
	text-transform: uppercase;
}

#contents .container_menu span .descript {
	font-size:1.4em;
	color: #000000;
	text-transform: capitalize;
}

#contents .container_about br {margin-bottom: 5px;}

#tab_container {
	width: 690px;
	float: left;
	  min-height:513px;
  height:auto !important;
  height:513px;

}

#tab_container h5 {
	font-size:1.15em;
	padding-bottom: 6px;
	color: #ffffff;
	text-transform: uppercase;
	display:inline;
	font-weight: 900;
}

#tab_container .descript {
	font-size:1.1em;
	padding-left: 4px;
	text-indent: 4px;
	color: #000000;
	margin-left: -4px;
}

#tab_container .product_info .indent_fix {
	margin-left: -2px;
}

#tab_container .tab_content p {
	padding-top: 7px;
}

.menu_red {
	background: url(http://rawmethod.com//images/raw/menu_red.jpg) no-repeat 0 18px;
	width: 666px;
	height: 550px;
	margin-top: -50px;
	position: absolute;
}


#tab1 {
	background: url(http://rawmethod.com//images/raw/products_menu.png) no-repeat 0 18px;
	width: 851px;
	height: 548px;
	margin-top: -50px;
	position: absolute;
}


#tab1 .main_slide {
	position: absolute;
	width: 308px;
	bottom: 50px;
	right: 215px;
	bottom: 38px;	
}

#tab1 .main_slide h2{
	font-size:2em;
	color: #ffffff;
	text-transform: uppercase;
}

#method1 {
	background: url(http://rawmethod.com//images/raw/method_menu.png) no-repeat 0 18px;
	width: 851px;
	height: 550px;
	margin-top: -50px;
	position: absolute;
}

#method1 .main_step {
	bottom:80px;
	position:absolute;
	right:240px;
	width:300px;
}

#method1 .main_step h2{
	color:#FFFFFF;
	font-size:2em;
	text-transform:uppercase;
}


#tab_container .tab_content .product_info {
	position: absolute;
	width: 308px;
	right: 308px;
	bottom: 70px;
}

#tab_container .tab_content .sizes{
	margin-top: 5px;
	color: #000000;
}

#tab_container .tab_content .picture {
	width: 200px;
	position: absolute;
	right: 85px;
	bottom: 16px;
}

#tab_container .tab_content .size ul {
	color: #000000;
	height: 0px;
	margin-top: 10px
}

#tab_container .tab_content .size ul li {
	color: #000000;
	margin: 0;
}

#tab_container .tab_content .steps_info {
	bottom:35px;
	position:absolute;
	right:315px;
	width:295px;
        letter-spacing: .04em;
}

#tab_container .tab_content .steps_info br {
	margin: .25em 0;
}

/* ---------------------------------------------------------------- 
*  CONTENTS - CONTACT
* ---------------------------------------------------------------- 
*/ 

#contents .container_contact {
	padding: 60px 0 0 40px;
	background: url(http://rawmethod.com/images/raw/contact_img.jpg) no-repeat  0 18px;
	height: 519px;
	width: 100%;
	float: left;
}

#contact {
	margin-top: 30px;
}

#contact input {
	margin:-0 0 7px 0;
	height: 15px;
}

#contact label {
	font-size: 0.9em;
}

#contact input.submit {
	background: url(http://rawmethod.com/images/raw/submit.png) no-repeat;
	border: none;
	cursor: pointer;
	width: 75px;
}

#contact .form_left {
	float:left;
	width: 175px;
}

#contact .form_comments {
	float:left;
	width: 250px;
	margin-top: 7px;

}

#contact .form_button {
	float:left;
	margin-top: 15px;
	width: 250px;
}


#contents .container_contact .contact_left {
	width: 380px;
	float: left;
	height: 531px;
	overflow: hidden;
}


#contents .container_contact .image {
	width: 480px;
	float: right;
	margin-top: -20px;
	height: 531px;
	overflow: hidden;
}

#contents .container_contact .contact_information {
	width: 400px;
	padding: 23px 0 0 50px;
	float: right;
	height: 531px;
	overflow: hidden;
}

#contents .container_contact .contact_information a {
	font-size: 0.9em;
}
#contents .container_contact .contact_information a:hover {
	text-decoration: underline;
}


#contents .container_contact h2 {
	font-size:1.85em;
	text-transform: uppercase;

}

#contents .container_contact h3 {
	font-size:1em;
	line-height:.7em;
	color: #ffffff;
	text-transform: uppercase;
}

#contents .container_contact p {
	font-size:0.9em;
	margin: 10px 0;
	letter-spacing: .01em;

}



/* ---------------------------------------------------------------- 
*  TRIANGLE - Home Feature
* ---------------------------------------------------------------- 
*/

#contents .featured {
	width: 443px;
	margin-right: 56px;
	margin-top: -110px;
	float: right;
	height: 531px;
	overflow: hidden;
}

#contents .featured .copyblock {
	padding-top: 400px;
	padding-left: 170px;
}

#contents .featured .copyblock h3 {
    font-size: 1.2em;
    color: #ffffff;
    padding-bottom: 7px;
    text-transform: uppercase;
	background: url(http://rawmethod.com//images/raw/red_plus.png) no-repeat;
	padding-left: 18px;
	margin-left: -18px;
}

#contents .featured .copyblock p {
	font-size: .9em;
	letter-spacing: .01em;
	color: #bdbdbd;
	padding-bottom: 10px;
	width: 255px;
}

#contents .featured a {
	color: #ffffff;
	text-decoration: none;
}

#contents .featured a:hover {
	color: #ffffff;
	text-decoration: underline;
}



/* ---------------------------------------------------------------- 
* CONTACT FORM
* ---------------------------------------------------------------- 
*/
#contact h1 { margin: 10px 0 10px; }

#contact {  }

/* Form style */


#message { margin: 10px 0; padding: 0; }

.error_message { 
	background:white;
	border:1px solid #8A1F11;
	color:#8A1F11;
	display:block;
	height:22px;
	line-height:22px;
	padding:3px 10px 3px 26px;
	width: 316px;
}

.loader { padding: 0 10px; }

#contact #success_page h1 { font-size: 1.5em; text-transform: uppercase; color: #ffffff; }

acronym { border-bottom:1px dotted #ccc; }


/* ---------------------------------------------------------------- 
* PRIVACY
* ---------------------------------------------------------------- 
*/

.privacypage {
	width: 500px;
	margin: 0 auto;
}

.privacypage a {
	color: black;
}

.eeEncEmail_9hUtFN6znB {
	color: black;
}
/* ---------------------------------------------------------------- 
* FOOTER
* ---------------------------------------------------------------- 
*/

#footer { width: 910px; margin: -10px auto 0; padding: 0 40px 0 10px; height: 40px;}

#footer .copyright {
	float: left;
	font-size: .8em;
	color:#525050;
}

#footer .copyright a {
	color:#525050;
	text-decoration: none;
}

#footer .privacy {
	float: right;
    padding-top: 2px;
	font-size: 1.0em;
	font-size: .9em;
	color:#C2191F;
}


/* ---------------------------------------------------------------- 
* STYLES
* ---------------------------------------------------------------- 
*/

.red {color: #C2191f !important;}
.red_d {color: #d91c23;}
.black {color: #000000;}
.rapro { background: #5D0709; padding: 2px 10px 2px 10px !important; text-align:center; width: 255px; margin-top: 5px;}
.rapro a {color: white;}

/* ---------------------------------------------------------------- 
* NEWSROOM
* ---------------------------------------------------------------- 
*/

.news_container {width: 990px !important;}

.newsroom_bkg_top { background: url(http://rawmethod.com//images/raw/newsroom_bkg_top.png) no-repeat; height: 25px; margin-top: -25px;}
.newsroom_bkg { background: url("http://rawmethod.com//images/raw/newsroom_bkg.png") repeat-y -2px 0 transparent;}
.newsroom_bkg_bottom { background: url(http://rawmethod.com//images/raw/newsroom_bkg_bottom.png) no-repeat; height: 37px;}

.news_tab_container h5 {
	line-height: 1.35em;
	font-size:1.25em !important;
	display: block !important;
	padding-top: 5px;
	padding-bottom: 0 !important;
	text-transform:none !important;
}

#contents .newsroom {
	padding: 0 0 0 40px;
	background: url(http://rawmethod.com//images/raw/bkg_red.jpg) repeat-y;
	width: 100%;
	float: left;
}

.news_tab_container {width: 585px !important;}
.tab_pad {padding: 22px 35px 35px 35px;}

.news_tab_container h2 {
	font-size:2em;
	line-height:1.4em;
	padding:3px 0 0;
	text-transform:uppercase;
}

.news_tab_container .tab_pad h2 {
	font-size:2em;
	line-height:1.4em;
	padding:3px 0 20px;
	text-transform:uppercase;
}

#raw_newsroom {
	background: url(http://rawmethod.com//images/raw/newsroom_rocks.jpg) no-repeat;
	width: 851px;
	height: 561px;
	position: absolute;
}

.tabs_newsroom {padding-top: 23px;}

.news_tab_container .media_item { padding: 20px 0; border-bottom: 2px solid #8d1417; width: 430px;}
.news_tab_container .news_item { padding: 20px 0; border-bottom: 2px solid #8d1417; width: 400px;}

.news_tab_container .news_item p,.news_tab_container .media_item p {}

.news_tab_container .media_item:last-child{border-bottom: none;}

.news_tab_container .media_img {float: left; margin-right: 15px; border: 1px solid #6b0f11;}

.news_tab_container .news_img {display: block; margin: 5px 0 10px 0; border: 1px solid #6b0f11;}

.press_rel {position: relative; 	background: url(http://rawmethod.com//images/raw/menu_red.jpg) no-repeat 0 18px;
}

.posted {font-size: 9px; color: #d49394; display: block;}

.press_info {
	bottom:0;
	position:absolute;
	left:60px;
	width:400px;
}

#raw_newsroom .main_slide {
	bottom:65px;
	position:absolute;
	right:238px;
	width:308px;
}


#raw_newsroom .main_slide h2{
	font-size:2em;
	color: #ffffff;
	text-transform: uppercase;
}

#news_sidebar {background:url("http://rawmethod.com//images/raw/sidebar.png") no-repeat scroll right bottom transparent;
	float:left;
  	margin-left:13px;
	padding-left:5px;
	width:90px;
	margin-top: -12px;
}

#news_sidebar .sidebar_gfx {
	background: url(http://rawmethod.com//images/raw/sidebar_02.png) no-repeat;
	height: 225px;
	width: 90px;
	float: left;
}

#news_sidebar .sidebar_bottom {
	background: url(http://rawmethod.com//images/raw/sidebar_02.png) no-repeat;
	height: 41px;
	width: 90px;
	float: left;
}

.read_more {color: black !important; margin: 5px 0 0 0px; display: block;}
.minus {margin-left: -3px;}
.read_more a {color: black !important; text-transform: capitalize; font-size:13px; margin-top:4px;}

.pagination {float:right;}

.pagination strong {background: #741013; font-weight: 300; padding: 3px 6px; margin: 0; display: inline-block; width: 10px; text-align: center;}
.pagination a {margin: 0 5px;}

.social ul {
	background: none !important;
	padding: 0;
	list-style-type: none;
	width: 400px;
}

.social ul li {
	float: left;
	padding: 0 3px;
}

.newsroom_content { padding-bottom: 10px;}

.newsroom_content p {padding: 5px 0; line-height: 20px;}
.newsroom_content ol {padding-left: 20px; font-size:0.9em;}
.newsroom_content ol li {padding: 2px 0;}

.newsroom_content ul {padding-left: 20px; font-size:0.9em;}
.newsroom_content ul li {padding: 2px 0;}

.news_contents {
	margin-top: 0 !important;
	width: 866px;
	float: left;
	background: url(http://rawmethod.com//images/raw/newsroom_bkg.png") repeat-y -110px 0);
}