@charset "utf-8";
/*
Theme Name: Roaring Marketing™
Theme URI: http://www.roaringmarketing.com/
*/
/* CSS Document */

/* Begin CSS Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
  margin: 0;
  padding: 0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
}
html, body { height:100%; min-height:100%; }

/* Tables still need 'cellspacing="0"' in the markup. */
table           { border-spacing: 0; }
caption, th, td { font-weight: inherit; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1px; margin: 0 0 2px 0; border: 1px solid #999999; }
legend      { font-weight: bold; font-size:11px; }


/* Form fields
-------------------------------------------------------------- */

input, textarea, select {
	font-family: inherit;
	font-size: 11px;
	margin: 1px 0;
}

textarea, select {
  border: 1px solid #999999;
}

input.login {
  width:60px;
}

input.login:focus, textarea:focus, select:focus {
  border: 1px solid #999999;
}

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/* End CSS Reset */

/* Begin Typography Styling */

body {
	font-weight:normal;
	font-style:normal;
	font-size: 11px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	background:url(images/img_page_bg.jpg) repeat-x #FFF;
}
.clear {
	clear: both;
}

/* Text Sizes */
.s9  { font-size:9px; }
.s10 { font-size:10px; }
.s11 { font-size:11px; }
.s12 { font-size:12px; }
.s13 { font-size:13px; }
.s14 { font-size:14px; }
.s15 { font-size:15px; }
.s16 { font-size:16px; }
.s17 { font-size:17px; }
.s18 { font-size:18px; }
.s20 { font-size:20px; }
.s22 { font-size:22px; }

/* Alignment & font Styles */
.tac   { text-align:center; }
.tar   { text-align:right; }
.tal   { text-align:left; }
.fr    { float:right; }
.fl    { float:left; }
strong { font-weight:bold; }
em     { font-style:italic; }
u	   { text-decoration:underline; }
.b { font-weight:bold; }
.i     { font-style:italic; }
.u	   { text-decoration:underline; }

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #333; }

h1 { font-size: 20px; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 18px; margin-bottom: 0.75em; }
h3 { font-size: 16px; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 14px; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 12px; margin-bottom: 1.5em; }
h6 { font-size: 12px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

p { line-height:1.8em; margin-bottom:10px; text-align:justify }

.sub_content ul { list-style-image:url(images/icon_bullet.gif); margin-bottom:15px; margin-left:15px; }
.sub_content ul li { line-height:1.8em; margin-top:10px; text-align:justify }

/* Main styles for default links */
a:link, a:visited, a:active { font-family:inherit; font-size:inherit; color: #BC0000; text-decoration: underline; }
a:focus, a:hover 			{ color: #F00; text-decoration: none; }

/* End Typography Styling */

/* Begin Page Grid Layout */

/* Page Container */
.container { margin:0 auto; width:900px; position:relative; padding-top:176px; padding-bottom:65px; z-index:1 }
.container .inner_container { margin:0 auto; padding:0; width:auto; position:relative; border:1px solid #999999; }
.container .inner_container_bg { width:876px; margin:0 auto; padding:10px; position:relative; background:url(images/img_innercontainer.jpg) repeat-x #EEEEEE; border:1px solid #FFFFFF; }
.container .inner_container_bg .main_content { margin:0 auto; padding:30px; background-color:#FFFFFF; border:1px solid #AFAFAF; position:relative; z-index:10 }
.container .inner_container_bg .sub_menu { top:30px; left:-13px; width:210px; position:absolute; z-index:10; }
.container .inner_container_bg .sub_menu h2.widgettitle { background:url(images/img_l2header.png) no-repeat left top; width:165px; height:23px; padding:7px 20px 20px 25px; color:#FFFFFF; letter-spacing:1px; display:inline-block; }
.container .inner_container_bg .sub_menu ul { margin:-20px 15px 20px 25px; list-style-type:none; }
.container .inner_container_bg .sub_menu ul li { display:block; background:url(images/img_sub_divider.jpg) repeat-x bottom left; padding:10px 0; text-align:left; height:15px; }
.container .inner_container_bg .sub_content { margin:0 0 0 auto; padding:30px; width:630px; min-height:350px; background-color:#FFFFFF; border:1px solid #AFAFAF; position:relative; z-index:11 }

.container .header { top:0; left:0; height:140px; position:absolute; }
.container .header .logo { top:15px; left:0; width:194px; height:110px; background:url(images/logo_RM.jpg) no-repeat; position:absolute; }
.container .header .mascot { top:0px; left:710px; width:203px; height:214px; background:url(images/img_megaphone.png) no-repeat; position:absolute; z-index:11 }

.container .main_navi { top:140px; left:0; width:780px; height:40px; position:absolute; z-index:12; }
.container .main_navi ul { list-style-type:none; list-style-position:outside; list-style-image:none; padding:10px 0; }
.container .main_navi ul li { float:left; padding-right:30px; font-size:16px; font-weight:bold; }
.container .main_navi ul li a { color:#FFF; text-decoration:none }
.container .main_navi ul li a:hover { color:#F66; text-decoration:none }
.container .main_navi ul li.search { float:right; padding:0; margin-top:-5px }

ul.service_list_none { list-style-type:none; list-style-image:none; }
ul.service_list { list-style-type:none; list-style-image:none; padding-bottom:310px; margin-bottom:20px; background:url(images/img_content_divider.jpg) bottom repeat-x; }
ul.service_list_none li, ul.service_list li { float:left; height:270px; padding:0 }
ul.service_list_none li.left_item, ul.service_list li.left_item { width:224px; padding-right:30px; border-right:1px solid #CCC }
ul.service_list_none li.center_item, ul.service_list li.center_item { width:224px; padding:0 30px; border-right:1px solid #CCC }
ul.service_list_none li.right_item, ul.service_list li.right_item { width:224px; padding-left:30px; }
ul.service_list_none .service_header, ul.service_list .service_header { width:167px; padding-left:65px; }
ul.service_list h1, ul.service_list_none h1 { font-size:24px; color:#666; line-height:normal; margin:0; padding:0; }
ul.service_list h2, ul.service_list_none h2 { font-size:11px; font-weight:normal; color:#666; line-height:normal; margin:0; padding:0; }
ul.service_list_none .description, ul.service_list .description { text-align:justify; margin-top:15px; height:178px; }
ul.service_list_none .info, ul.service_list .info { width:230px; height:35px; }
.icon { background:url(images/icon_set.gif) left center no-repeat }
.seo  { background-position:0 0; }
.snm  { background-position:0 -42px; }
.web  { background-position:0 -84px; }
.emc  { background-position:0 -126px; }
.ppc  { background-position:0 -168px; }
.ic   { background-position:0 -210px; width:190px !important; padding-left:57px !important; }

/* Footer */
.footer			  { width:100%; height:50px; background-color:#333333; position:fixed; bottom:0; z-index:100; }
.footer .content  { margin:0 auto; width:900px; height:50px; text-align:left; color:#666; }
.footer p { display:block; margin-top:15px; }
ul#main_footer { list-style-type:none; list-style-position:outside; list-style-image:none; }
ul#main_footer li { float:left; width:49%; }
ul#main_footer li.navi { text-align:left; margin-top:9px; }
ul#main_footer li.divider { background:url(images/img_btm_divider.png) no-repeat center top; width:10px; height:35px; text-align:center; margin-top:8px; }
ul#main_footer li.feedback { text-align:right; float:right; margin-top:7px; }
ul#footer_navi    { list-style-type:none; list-style-position:outside; list-style-image:none; display:block }
ul#footer_navi li { float:left; border-right:1px solid #FFF; padding:0 10px; width:auto }
ul#footer_navi li.page-item-24 { border-right:1px solid #FFF; padding:0 10px 0 0; }
ul#footer_navi li.page-item-49 { border:none; padding:0 0 0 10px; }
ul#footer_navi li a { color:#FFF; text-decoration:none }
ul#footer_navi li a:hover { color:#FF0; text-decoration:none }
/* End Footer */

/* Begin Buttons & Widgets Style */
.index_btn { background:url(images/btn_index.gif) no-repeat; width:224px; height:35px; font-size:11px; color:#FFFFFF; border:none; white-space:normal; margin:0; padding:0 }
.btn_position { background-position: 0 0; }
.btn_position:hover { background-position: 0 -35px; }
.searchbg     { background:url(images/searchbg.png) no-repeat scroll left center; border:none; color:#666; font-size:10px; height:12px; padding:7px 0 7px 10px; width:138px; }
.searchbutton { background:transparent url(images/searchbutton.png) no-repeat scroll right top; border:none; height:26px; width:24px; }
.searchbutton:hover, #searchform:hover .searchbutton { background-position:0 -26px; cursor:pointer; }
/* End Buttons & Widgets Style */