/* v1.0 | 20080212 */

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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.3em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



.div_clear {clear: both; height: 0px; line-height: 0px;}
.ohgut_lr 		{padding-left: 18px; padding-right: 18px;}
.ohgut_all	{padding-left: 18px; padding-right: 18px; padding-top: 18px; padding-bottom: 18px;}
.ohgut_tb		{padding-top: 18px; padding-bottom: 18px;}
.ohgut_l		{padding-left: 18px;}
.ohgut_r 		{padding-right: 18px;}
.ohgut_t 		{padding-top: 18px;}
.ohgut_b 		{padding-bottom: 18px;}


.dgut_lr 		{padding-left: 24px; padding-right: 24px;}
.dgut_all	{padding-left: 24px; padding-right: 24px; padding-top: 24px; padding-bottom: 24px;}
.dgut_tb		{padding-top: 24px; padding-bottom: 24px;}
.dgut_l		{padding-left: 24px;}
.dgut_r 		{padding-right: 24px;}
.dgut_t 		{padding-top: 24px;}
.dgut_b 		{padding-bottom: 24px;}


.gut_lr 		{padding-left: 12px; padding-right: 12px;}
.gut_all	{padding-left: 12px; padding-right: 12px; padding-top: 12px; padding-bottom: 12px;}
.gut_tb		{padding-top: 12px; padding-bottom: 12px;}
.gut_l		{padding-left: 12px;}
.gut_r 		{padding-right: 12px;}
.gut_t 		{padding-top: 12px;}
.gut_b 		{padding-bottom: 12px;}

.mgut_lr 		{margin-left: 12px; margin-right: 12px;}
.mgut_all	{margin-left: 12px; margin-right: 12px; margin-top: 12px; margin-bottom: 12px;}
.mgut_tb		{margin-top: 12px; margin-bottom: 12px;}
.mgut_l		{margin-left: 12px;}
.mgut_r 		{margin-right: 12px;}
.mgut_t 		{margin-top: 12px;}
.mgut_b 		{margin-bottom: 12px;}

.hgut_lr 	{padding-left: 6px; padding-right: 6px;}
.hgut_all	{padding-left: 6px; padding-right: 6px; padding-top: 6px; padding-bottom: 6px;}
.hgut_tb	{padding-top: 6px; padding-bottom: 6px;}
.hgut_l		{padding-left: 6px;}
.hgut_r 		{padding-right: 6px;}
.hgut_t 		{padding-top: 6px;}
.hgut_b 		{padding-bottom: 6px;}

.m10_lr 	{margin-left: 10px; margin-right: 10px;}
.m10_all	{margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px;}
.m10_tb	{margin-top: 10px; margin-bottom: 10px;}
.m10_l		{margin-left: 10px;}
.m10_r 		{margin-right: 10px;}
.m10_t 		{margin-top: 10px;}
.m10_b 		{margin-bottom: 10px;}

.nogut_lr 		{padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px;}
.nogut_all	{padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; margin: 0px;}
.nogut_tb		{padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px;}
.nogut_l		{padding-left: 0px; margin-left: 0px;}
.nogut_r 		{padding-right: 0px; margin-right: 0px;}
.nogut_t 		{padding-top: 0px; margin-top: 0px;}
.nogut_b 		{padding-bottom: 0px; margin-bottom: 0px;}




.tr			{text-align: right;}
.tl			{text-align: left;}

.outer_surround_centering {width: 984px; margin: 0 auto;}
.outer_surround {margin-left: 12px; margin-right: 12px;}

.fl {float: left;}
.fr {float: right;}

.grid_all {width: 100%;}

.grid_1_2 {width: 50%;}
.grid_1_3 {width: 33%;}
.grid_2_3 {width: 66%;}
.grid_2_34 {width: 67%;}
.grid_1_34 {width: 34%;}
.grid_1_4 {width: 25%;}
.grid_2_4 {width: 50%;}
.grid_3_4 {width: 75%;}
.grid_1_5 {width: 20%;}
.grid_2_5 {width: 40%;}
.grid_3_5 {width: 60%;}
.grid_4_5 {width: 80%;}

.grid_1_10 {width: 10%;}
.grid_2_10 {width: 20%;}
.grid_3_10 {width: 30%;}
.grid_4_10 {width: 40%;}
.grid_5_10 {width: 50%;}
.grid_6_10 {width: 60%;}
.grid_7_10 {width: 70%;}
.grid_8_10 {width: 80%;}
.grid_9_10 {width: 90%;}
.grid_10_10 {width: 100%;}

.grid_1_20 {width: 5%;}
.grid_2_20 {width: 10%;}
.grid_3_20 {width: 15%;}
.grid_4_20 {width: 20%;}
.grid_5_20 {width: 25%;}
.grid_6_20 {width: 30%;}
.grid_7_20 {width: 35%;}
.grid_8_20 {width: 40%;}
.grid_9_20 {width: 45%;}
.grid_10_20 {width: 50%;}
.grid_11_20 {width: 55%;}
.grid_12_20 {width: 60%;}
.grid_13_20 {width: 65%;}
.grid_14_20 {width: 70%;}
.grid_15_20 {width: 75%;}
.grid_16_20 {width: 80%;}
.grid_17_20 {width: 85%;}
.grid_18_20 {width: 90%;}
.grid_19_20 {width: 95%;}
.grid_20_20 {width: 100%;}

.grid_1_6 {width: 16.6%}


.grid_1_16 {width: 60px;}
.grid_2_16 {width: 120px;}
.grid_3_16 {width: 180px;}
.grid_4_16 {width: 240px;}
.grid_5_16 {width: 300px;}
.grid_6_16 {width: 360px;}
.grid_7_16 {width: 420px;}
.grid_8_16 {width: 480px;}
.grid_9_16 {width: 540px;}
.grid_10_16 {width: 600px;}
.grid_11_16 {width: 660px;}
.grid_12_16 {width: 720px;}
.grid_13_16 {width: 780px;}
.grid_14_16 {width: 840px;}
.grid_15_16 {width: 900px;}
.grid_16_16 {width: 960px;}

.grid_1_12 {width: 80px;}
.grid_2_12 {width: 160px;}
.grid_3_12 {width: 240px;}
.grid_4_12 {width: 320px;}
.grid_5_12 {width: 400px;}
.grid_6_12 {width: 480px;}
.grid_7_12 {width: 560px;}
.grid_8_12 {width: 640px;}
.grid_9_12 {width: 720px;}
.grid_10_12 {width: 800px;}
.grid_11_12 {width: 880px;}
.grid_12_12 {width: 960px;}

.cr {clear: right;}
.cb {clear: both;}
.cl {clear: left;}
.grid_full {width: 100%;}
.grid_all {width: 100%;}

ul.menu_horizontal_simple 				{width: 100%;}
ul.menu_horizontal_simple li				{display: block; float: left;}

ul.menu_horizontal_simple2				{display: block;}
ul.menu_horizontal_simple2 li				{display: inline-block;}
ul.menu_horizontal_simple2 li a				{display: inline-block;}
ul.menu_horizontal_simple2 li:first-child		{display: inline-block; border-left: none;}
ul.menu_horizontal_simple2 li:last-child		{display: inline-block; border-right: none;}


ul.large_horizontal_menu 				{clear:left; float: left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center;}
ul.large_horizontal_menu li 				{display: block; float: left; list-style: none; margin: 0; padding: 0; position: relative; right: 50%;} 
ul.large_horizontal_menu li a				{display: block; text-align: center; text-decoration: none; line-height: 3em; height: 3em;}
ul.large_horizontal_menu li:first-child a  {margin-left: 0px;}

ul.white_footer_menu ul {margin-bottom: 4px; width: 100%;}
ul.white_footer_menu li { display: block; float: left; padding-left: 8px; padding-right: 8px; border-left: 1px solid #FFF; line-height: 1em;}
ul.white_footer_menu li a {color: #F2F2F2;}
ul.white_footer_menu li:first-child { padding-left: 0px; border-left: none;}

ul.drop_down_menu li					{background-color: #000;}
ul.drop_down_menu li a					{color: #FFF; text-transform: uppercase; width: 153px;}
ul.drop_down_menu li a	ul				{display: none;}
ul.drop_down_menu li:hover ul			{display: block; position: absolute; z-index: 100;}
ul.drop_down_menu li:hover ul li      		{right: auto;}

ul.drop_down_menu li  a:hover			{background-color: #f49b1b; color: #FFF;}
ul.drop_down_menu li#current			{background-color: #f49b1b;}
ul.drop_down_menu li#current a			{background-color: #f49b1b; color: #FFF;}
ul.drop_down_menu li.active			{background-color: #f49b1b;}



ul.simple_drop_down_menu li {height: 38px; display: block; float: left;}
ul.simple_drop_down_menu li a {text-decoration: none; line-height: 22px;}
ul.simple_drop_down_menu ul {display: none; position: absolute; z-index: 100; margin-top: 6px;}
ul.simple_drop_down_menu ul li {display: block; width: 195px; height: auto; position: relative; float: none;}
ul.simple_drop_down_menu ul li a {border-left: none;  padding-left: 0px; padding-right: 0px; padding: 0px; line-height: 20px; margin-top: 0px; padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px;}
ul.simple_drop_down_menu ul ul {display: none; position: absolute; z-index: 200; left: 195px; top: 0px; margin-top: 0px;}
ul.simple_drop_down_menu li:hover > ul {display: block;}


.fs_normal 		{font-size: 12px;}
.fs_double		{font-size: 24px;}
.fs_1_5x		{font-size: 18px;}
.fs_1_3x		{font-size: 16px;}
.fs_1_2x		{font-size: 14px;}
.fs_small {font-size: 10px;}

.fs_9			{font-size: 9px}
.fs_10			{font-size: 10px}
.fs_11			{font-size: 11px}
.fs_12			{font-size: 12px}
.fs_13			{font-size: 13px}
.fs_14			{font-size: 14px}
.fs_16			{font-size: 16px}
.fs_18			{font-size: 18px}


.c_medium_gray		{color: #777}
.c_dark_gray		{color: #333}

.h_4x				{height: 4em;}

.tc					{text-align: center;}
.tl					{text-align: left;}
.tr					{text-align: right;}
.justify			{text-align: justify;}
.tj					{text-align: justify;}


.em			{font-style: italic;}

.bold 		{font-weight: bold;}

.rounded-corners {
     -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

div.generator_error	{background-color: #FFF; position: fixed; z-index: 2000;}
div.joomla_messages	{background-color: #FFF; position: fixed; z-index: 2000; bottom: 0px;}
div.div_clear {  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  zoom: normal;}
  

/* For Mockups */
div.mockup_box {}
div.mockup_box_inside {padding: 4px; border: 2px solid #666; margin: 4px;}
h1.mockup {font-size: 18px; font-family: Verdana; font-weight: bold; margin-top: 4px; margin-bottom: 8px;}
p.mockup {font-style: italics; font-size: 12px; color: #666;}
div.mockup_point_inside {margin: 4px; pading: 4px; border: 2px solid #666;}

.mgrid_1_2 {width: 50%;}
.mgrid_1_3 {width: 33%;}
.mgrid_1_4 {width: 25%;}
.mgrid_1_5 {width: 20%;}
.mgrid_1_6 {width: 16%;}
.mgrid_1_7 {width: 14%;}
.mgrid_1_8 {width: 12%;}
.mgrid_1_9 {width: 25%;}
.mgrid_1_10 {width: 25%;}
.mgrid_1_11 {width: 25%;}
.mgrid_1_12 {width: 25%;}
.mgrid_1_13 {width: 25%;}
.mgrid_1_14 {width: 25%;}
.mgrid_1_15 {width: 25%;}

.m_half_showcase_inside {height: 240px;}
.m_showcase_inside {height: 360px;}
.m_tiny_inside {font-size: 10px; lh: 1.1em;}
.m_tiny h1.mockup {font-size: 12px; margin-bottom: 2px; margin-top: 0px;}
.m_tiny p.mockup {font-size: 10px;}
.m_short_inside {font-size: 11px; lh: 1.2em;}
.m_short h1.mockup {font-size: 13px; margin-bottom: 2px; margin-top: 0px;}
.m_short p.mockup {font-size: 11px;}

.m_long_inside {font-size: 12px; lh: 1.5em;}
.m_long h1.mockup {font-size: 18px;}
.m_long p.mockup {font-size: 12px;}
.m_extra_long_inside{font-size: 12px; lh: 2em;}
.m_extra_long h1.mockup {font-size: 18px;}
.m_extra_long p.mockup {font-size: 12px;}

.btn_grey_40x20rc3 {background-image: url(../buttons/btn_grey_40x20rc3.png); line-height: 22px; color: #777; display: inline-block; width: 42px; text-decoration:none;text-align: center; border: 0; height: 22px;}
.btn_grey_60x20rc3 {background-image: url(../buttons/btn_grey_60x20rc3.png); line-height: 22px; color: #777; display: inline-block; width: 62px; text-decoration:none; text-align: center; border: 0; height: 22px;}
.btn_grey_80x20rc3 {background-image: url(../buttons/btn_grey_80x20rc3.png); line-height: 22px; color: #777; display: inline-block; width: 82px; text-decoration:none; text-align: center; border: 0; height: 22px;}
.btn_grey_100x20rc3 {background-image: url(../buttons/btn_grey_100x20rc3.png); line-height: 22px; color: #777; display: inline-block; width: 102px; text-decoration:none; text-align: center; border: 0; height: 22px;}
.btn_grey_120x20rc3 {background-image: url(../buttons/btn_grey_120x20rc3.png); line-height: 22px; color: #777; display: inline-block; width: 122px; text-decoration:none; text-align: center; border: 0; height: 22px;}
.btn_grey_150x20rc3 {background-image: url(../buttons/btn_grey_150x20rc3.png); line-height: 22px; color: #777; display: inline-block; width: 152px; text-decoration:none; text-align: center; border: 0; height: 22px;}

.styler_name {font-size: 11px; padding-top: 5px; padding-bottom: 0px; text-align: center;}
#styler_controls {font-size: 11px;}
#styler_controls tr td {text-align: center;}

sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

.hidden {display: none;}

.error {font-weight: bold; color: #FF0000;}

.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.margin_auto {margin: 0 auto;}
.mauto {margin: 0 auto;}


.thumbnail_container {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
}
.thumbnail_image {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 9;
}
.thumbnail_play {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url('http://cdn1.iconfinder.com/data/icons/socialmediaicons_v120/48/youtube.png') center center no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    z-index: 10;
}

.two_column {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

div.tablemenu .module_content_inside {display: inline-table; width: 100%;}
div.tablemenu .module_content ul {display: table-row;}
div.tablemenu .module_content ul li {display: table-cell; text-align: center;}
.one_line_height {line-height: 1;}

.blend_in {color: inherit !important;}
.req {color: #AA0000;}