/* ============= */
/* COMMON STYLES */
/* ============= */

/* Margin */
.m_t_1 {margin-top:10px;}
.m_t_2 {margin-top:20px;}
.m_t_3 {margin-top:30px;}
.m_r_1 {margin-right:10px;}
.m_r_2 {margin-right:20px;}
.m_r_3 {margin-right:30px;}
.m_b_1 {margin-bottom:10px;}
.m_b_2 {margin-bottom:20px;}
.m_b_3 {margin-bottom:30px;}
.m_l_1 {margin-left:10px;}
.m_l_2 {margin-left:20px;}
.m_l_3 {margin-left:30px;}
.m_all_1 {margin:10px;}
.m_all_2 {margin:20px;}
.m_all_3 {margin:30px;}

/* Padding */
.p_t_1 {padding-top:10px;}
.p_t_2 {padding-top:20px;}
.p_t_3 {padding-top:30px;}
.p_r_1 {padding-right:10px;}
.p_r_2 {padding-right:20px;}
.p_r_3 {padding-right:30px;}
.p_b_1 {padding-bottom:10px;}
.p_b_2 {padding-bottom:20px;}
.p_b_3 {padding-bottom:30px;}
.p_l_1 {padding-left:10px;}
.p_l_2 {padding-left:20px;}
.p_l_3 {padding-left:30px;}
.p_all_1 {padding:10px;}
.p_all_2 {padding:20px;}
.p_all_3 {padding:30px;}

/* Text Align */
.text_c {text-align:center;}
.text_r {text-align:right;}

/* Floats */
.f_r {float:right;}
.f_l {float:left;}

/* Corner Radii */
.radius_1 {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.radius_2 {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
/* top only */
.radius_t_1 {-webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}
.radius_t_2 {-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
/* bottom only */
.radius_b_1 {-webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
.radius_b_2 {-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}

/* Headlines */
h1 {font-size:40px; color:#111;}
h2 {font-size:36px; font-weight:bold; color:#333;}
h3 {font-size:24px; font-weight:bold; color:#333;}
h4 {font-size:18px; font-weight:bold; color:#333;}
h5 {font-size:14px; font-weight:bold; color:#333;}

/* Links */
a {color:#C00; font-weight:bold; text-decoration:none; outline:none;}
a:hover {color:#C00; text-decoration:underline; outline:none;}

p {line-height:1.5em;}
ul.disc {list-style-type:disc;}


/* ===================== */
/* Begin Site Design CSS */
/* ===================== */

body {background:#EEE; font-size:12px; color:#555; font-family: "Myriad Pro", "Trebuchet MS", "Lucida Sans", Arial, sans-serif;}

/* Site Containers */
div#top_wrapper {background-color:#303338;}
div#nav_gradient {width:950px; margin:0 auto; background:transparent url('../images/container_gradient.png') center top no-repeat;}
div#bottom_wrapper {width:950px; margin:0 auto; background:transparent url('../images/container_gradient.png') center -36px no-repeat;}
div#footer {padding:8px 20px; clear:both; background-color:#c8c9cc;}
div#moton {margin:0 0 20px 0; padding:10px; text-align:right;}
div#moton p {font-size:10px; line-height:14px;}

div.container_900 {width:900px; margin:0 auto; overflow:auto;}
div.center {padding:10px; background-color:#FFF;}

/* Blog Containers */
div#content {width:620px;}
div#right_column {float:right; width:250px; overflow:auto;}
div#right_column div.column_box {padding:10px; text-align:center; border:10px solid #CCC; background:#FFF;}
div#right_column div.column_box p {margin:5px 0 0 0; font-weight:bold; color:#111; line-height:1.5em;}
div#right_column div.column_box p.big_text {font-size:18px; line-height:1.3em;}

/* Page Title */
a#title {display:block; width:832px; height:86px; margin:0 auto 20px auto; padding-top:20px; color:#CCC; text-decoration:none; overflow:hidden;}
a#title:hover {color:#CCC; text-decoration:none;}
a#title strong {color:red;}
a#title em {color:#FFF;}
a#title h1 {display:block; height:86px; background:transparent url('../images/intro.png') top center no-repeat; text-indent:-999em; outline:none;}

/* Navigation */
ul#primary_nav {display:block; color:#FFF; font-size:14px; background-color:#6d6f73; overflow:hidden;}
ul#primary_nav li {float:left; margin:0;}
ul#primary_nav li a {display:block; padding:10px 20px; color:#EEE;}
ul#primary_nav li a:hover {text-decoration:none; background-color:#555659;}
ul#primary_nav li a.active {cursor:default; color:#333; background:#FFF;}
ul#primary_nav li a.active:hover {cursor:default; color:#333; background:#FFF;}

/* Site Logo */
h2#logo {margin:0px 0 20px 10px;}

/* Primary Page Titles */
h3.page_title {display:block; padding:0 0 10px 0;}
h3.page_title em {display:block; margin:4px 0 0 0; padding:7px 0 0 0; font-size:12px; font-weight:normal; border-top:1px solid #CCC;}

span.price {color:#c00;}

/* Hover Bars for Product and Project Categories */
ul.blockitem_gray li {margin:10px 0 0 0; padding:0; border:1px solid #DDD; background:#EEE;}
ul.blockitem_gray li:hover {border-color:#AAA; background-color:#DDD;}
ul.blockitem_gray li h4 {padding:10px; cursor:pointer;}
ul.blockitem_gray li ul {display:none; margin:0 10px 0 10px; padding-top:10px; overflow:auto;}
ul.blockitem_gray li ul li {display:block; float:left; margin:0 12px 12px 0; padding:0; line-height:0; border:3px solid #BBB;}
ul.blockitem_gray li ul li:hover {border-color:#888; background-color:transparent;}
ul.blockitem_gray li ul li a {display:inline-block;}
/* open state */
ul.blockitem_gray li.open {background-color:#EEE; border-color:#999;}
ul.blockitem_gray li.open:hover {background-color:#EEE; border-color:#999;}
ul.blockitem_gray li.open h4 {background-color:#DDD; border-bottom:1px solid #999;}

/* Image Gallery for Product Pages */
div.imagelist_gray {margin:10px 0 0 0; padding:0; border:1px solid #DDD; background:#EEE;}
div.imagelist_gray ul {overflow:auto;}
div.imagelist_gray ul li {display:block; float:left; margin:0 12px 12px 0; padding:0; line-height:0; border:3px solid #BBB;}
div.imagelist_gray ul li:hover {border-color:#888;}
div.imagelist_gray ul li a {display:inline-block;}

/* Product Page */
ul.products li ul {margin:0 10px 10px 10px;}
ul.products li ul li {display:block; float:none; padding:4px 10px; line-height:1; border:0 none; background-color:transparent;}
ul.products li ul li.divider {border-bottom:1px solid #AAA; margin:10px 10px 0 10px; padding:0; font-style:italic; color:#888;}
ul.products li ul li a {display:block; color:#222; text-decoration:none;}
ul.products li ul li a:hover {text-decoration:underline; color:#222;}
ul.products li ul li a h5 {margin:5px 0 0 0; font-weight:bold; color:#333;}
ul.products li ul li a h5 span {margin:5px 0 0 0; font-weight:bold; color:#C00;}
ul.products li ul li a img {float:left; margin:-5px 10px 0 0; background:#999;}
ul.products li ul li a p {margin-bottom:0; font-weight:normal;}

/* Dealers Page */
ul.dealers {display:block; text-align:center;}
ul.dealers li {margin:0 0 10px 0;}
ul.dealers li label {display:none;}


/* ====================== */
/* Blogger Template Style
/* ====================== */

/* Posts
----------------------------------------------- */
div.post-body div {display:none;}

.post-body {margin:10px 0 20px 0; line-height:1.6em;}
.post-body img.center {display:block; margin:10px auto;}
.post-body img.inline {display:inline; margin:10px;}
.post-body blockquote {margin:20px; font-style:italic;}

#date-header {margin:0 0 20px 0; padding:5px 10px; font-size:18px; font-weight:normal; background-color:#EEE;}

p.blogger-labels a {font-style:italic;}
p.post-footer {margin:0 0 30px 0;}
p.post-footer a.comment-link {margin:0 0 0 5px;}

/* Comments
----------------------------------------------- */
#comments h4 {margin:1em 0; font:bold 78%/1.6em  "Myriad Pro", "Trebuchet MS", "Lucida Sans", Arial, sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#999;}
#comments h4 strong {font-size:130%;}
#comments-block {margin:1em 0 1.5em;line-height:1.6em;}
#comments-block dt {margin:.5em 0;}
#comments-block dd {margin:.25em 0 0;}
#comments-block dd.comment-timestamp {margin:-.25em 0 2em;font:78%/1.4em  "Myriad Pro", "Trebuchet MS", "Lucida Sans", Arial, sans-serif; text-transform:uppercase; letter-spacing:.1em;}
#comments-block dd p {margin:0 0 .75em;}
.deleted-comment {font-style:italic; color:gray;}
.paging-control-container {float:right; margin:0px 6px 0px 0px; font-size:80%;}
.unneeded-paging-control {visibility:hidden;}

/* Sidebar Content
----------------------------------------------- */
#sidebar2 {text-align:left; font-size:12px;}
#sidebar h2 {margin:0 0 5px 0; font-size:16px; border-bottom:1px solid #CCC;}
#sidebar ul {margin:0 0 20px 0; padding:0;}
#sidebar li {margin:0; padding:0 0 .25em 15px; text-indent:-15px; line-height:1.5em;}

p#powered-by {display:block; margin:0; text-align:center;}

/* Profile
----------------------------------------------- */
#profile-container {margin:0 0 1.5em; border-bottom:1px dotted #ccc; padding-bottom:1.5em;}
.profile-datablock {margin:.5em 0 .5em;}
.profile-img {display:inline;}
.profile-img img {float:left; padding:4px; border:1px solid #ddd; margin:0 8px 3px 0;}
.profile-data {margin:0; font:bold 78%/1.6em  "Myriad Pro", "Trebuchet MS", "Lucida Sans", Arial, sans-serif; text-transform:uppercase; letter-spacing:.1em;}
.profile-data strong {display:none;}
.profile-textblock {margin:0 0 .5em;}
.profile-link {margin:0; font:78%/1.4em  "Myriad Pro", "Trebuchet MS", "Lucida Sans", Arial, sans-serif; text-transform:uppercase; letter-spacing:.1em;}