@charset "UTF-8";

/* CSS Document */
/* Mega Website Design - John McGeary 2010*/

/* EDITOR START */

hr{
border:none;
border-bottom:1px solid #99bb1c;
margin:15px 0 15px 0}

h1{
font-size:1.6em;
font-weight:400;
line-height:1.3em;
color:#99bb1c;
margin-bottom:15px}

h2{
font-size:1.4em;
font-weight:200;
color:#bbbbbb;
margin:10px 0 10px 0}

h3{
font-size:1.2em;
font-weight:200;
color:#ffffff;
margin:10px 0 10px 0}

h4{
font-size:1em;
font-weight:200;
color:#ffffff;
margin:10px 0 10px 0}

.textarea ul{
padding:10px 0 10px 15px;
color:#99bb1c}

.textarea ol{
padding:10px 0 10px 15px;
color:#99bb1c}

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

a:hover{
color:#666666;
text-decoration:underline}

p{
margin-bottom:10px}

.green{
color:#99bb1c}

img, div, input { behavior: url("iepngfix.htc") }

body{
font-size:0.8em;
font-weight:200;
line-height:1.5em;
color:#ffffff;
font-family:Helvetica, Verdana, Arial, sans-serif;
background:#000000 url(assets/bg.jpg) repeat-x top center fixed}

*{
margin:0;
padding:0}

img{
border:0}

.B_crumbBox{
font-size:0.75em;
width:100%;
float:left;
display:block;
margin:0 0 20px 0!important}

/* Main Container */
#wrapper{
width:100%;
height:100%;
padding:0;
margin:0;
background:url(assets/wrapper-fade.png) repeat-y top center;
_background-image:none}

#main_container_wrapper{
width:100%;
height:100%;
padding:0;
margin:0}

#main_container{
width:990px;
height:100%;
padding:0;
background:#000000 url(assets/bottom-fade.gif) repeat-x bottom left;
margin:0 auto}

/* Masthead */
#masthead_wrapper{
width:100%;
height:172px;
margin:0;
padding:0;
background:url(assets/bg-masthead.jpg) repeat-x top left}

#masthead{
width:100%;
height:172px;
text-align:center;
margin:0;
padding:0;
background:url(assets/masthead-m.jpg) no-repeat top center}

/* Mega Buttons */
#buttons-wrapper{
width:990px;_width:982px;
margin:0 0 0 8px;
height:149px}

#buttons-wrapper a{
color:#000000;
text-decoration:none}

.button-logos{
float:left;
text-align:center;
width:195px;
height:100px;
margin:0;
padding:49px 0 0 0;
background:url(assets/logos-bg.png) no-repeat top left}

.button-websites{
float:left;
text-align:center;
width:195px;
height:100px;
margin:0;
padding:49px 0 0 0;
background:url(assets/websites-bg.png) no-repeat top left}

.button-branding{
float:left;
text-align:center;
width:195px;
height:100px;
margin:0;
padding:49px 0 0 0;
background:url(assets/branding-bg.png) no-repeat top left}

.button-print{
float:left;
text-align:center;
width:195px;
height:100px;
margin:0;
padding:49px 0 0 0;
background:url(assets/print-bg.png) no-repeat top left}

.button-signage{
float:left;
text-align:center;
width:195px;
height:100px;
margin:0;
padding:49px 0 0 0;
background:url(assets/signage-bg.png) no-repeat top left}

.button-logos a, .button-websites a, .button-branding a, .button-print a, .button-signage a{
font-size:1.5em;
font-weight:400}

.button-logos a:hover, .button-websites a:hover, .button-branding a:hover, .button-print a:hover, .button-signage a:hover{
font-size:1.5em;
font-weight:400}

/* Mainarea */
.promomail{
width:990px;
height:253px;
float:left;
background-color:#333333;
border-bottom:5px solid #666666;
margin:0}

#mainarea{
width:990px;
height:100%;
float:left;
margin:0;
background:url(assets/main-area-bg.gif) repeat-x top left}

#left_column{
width:200px;
height:100%;
float:left;
margin:0;_margin:0 0 0 -20px;
padding:0}

.textarea{
padding:0 0 20px 40px;
margin:0 0 0 5px;_margin:0 0 0 12px;
width:715px;
height:100%;
float:left}

/* Websites Blocks */
.websites_wrapper{
width:715px;
float:left;
display:block;
padding:20px 0 20px 0;
margin:0;
border-bottom:1px solid #99bb1c}

.websites_left{
width:440px;
padding:0;
margin:0;
float:left}

.websites_right{
width:251px;
padding:0;
margin:0;
float:right}

/* Navigation */
.navigation{
width:190px;_width:185px;
min-height:260px;_height:293px;*height:260px;
float:left;
line-height:1.3em;
text-align:left;
padding:30px 0 53px 30px;_padding:30px 0 20px 30px;
margin:0;
border-right:1px solid #99bb1c}

.navigation h3{
margin:0;
color:#99bb1c;
margin:0 0 6px 0;
font-size:14px;
font-weight:bold}

.navigation h4{
font-size:9px;
font-weight:300;
margin:30px 0 0 0}

.navigation ul{
margin:0;
padding:0;
width:190px;
margin:0}

.navigation .blog {
display:block;
background:url(assets/blog.gif) no-repeat top right;
padding:0}

.navigation li{
list-style:none;
margin:0;
width:190px}

.navigation a{
text-decoration:none;
color:#ffffff;
margin:0 0 3px 0;
padding:0;
display:block}

.navigation a:hover{
text-decoration:underline;
color:#ffffff;
margin:0 0 3px 0;
padding:0;
display:block;
background:url(assets/hover.gif) no-repeat top right}

.navigation .active a{
color:#ffffff;
margin:0 0 3px 0;
text-decoration:none;
font-weight:bold;
padding:0;
display:block;
background:url(assets/active.gif) no-repeat top right}

.navigation .active a:hover{
color:#ffffff;
margin:0 0 3px 0;
text-decoration:underline;
font-weight:bold;
padding:0;
display:block;
background:url(assets/active.gif) no-repeat top right}
 
.navigation li ul li a{
color:#99bb1c!important;
text-decoration:none!important;
font-size:11px!important;
margin:-3px 0 0 0!important;
width:170px;
font-weight:200!important;
background-image:none!important}

.navigation li ul li a:hover{
color:#99bb1c!important;
text-decoration:underline!important;
font-size:11px!important;
margin:-3px 0 0 0!important;
width:170px;
font-weight:200!important;
background-image:none!important}

.social_media{
width:190px;
height:44px;
float:left;
display:block;
margin:0 0 20px 0}

.social_media img{
float:left;
margin:0 10px 0 0}

/* Testimonials Block */
.testimonials{
width:157px;
float:left;
line-height:20px;
text-align:left;
padding:0;
margin:0 0 20px 30px}

.testimonials h3 a{
margin:0 0 6px 0;
color:#99bb1c;
font-weight:bold}

/* Call to Action Boxes */


.action_button{
width:121px;
float:left;
margin:0 0 25px 25px}

/* Action Grey */
.action_grey{
width:121px;
height:116px;
border:3px solid #ffffff;
float:left;
line-height:20px;
text-align:left;
padding:20px 10px 20px 20px;
margin:0 0 25px 25px;
background:#838383 url(assets/action_grey_bg.gif) no-repeat top right}

.action_grey a{
color:#000000}

.action_grey h3{
font-size:1.55em;
font-weight:400;
color:#000000}

.action_grey h4{
font-size:1.3em;
font-weight:300;
color:#ffffff}

/* Action Green */
.action_green{
width:121px;
height:116px;
border:3px solid #ffffff;
float:left;
line-height:20px;
text-align:left;
padding:20px 10px 20px 20px;
margin:0 0 25px 25px;
background:#a9cc3a url(assets/action_green_bg.gif) no-repeat top right}

.action_green a{
color:#ffffff}

.action_green h3{
font-size:1.55em;
font-weight:400;
color:#000000}

.action_green h4{
font-size:1.3em;
font-weight:300;
color:#ffffff}

/* Action Yellow */
.action_yellow{
width:121px;
height:116px;
border:3px solid #ffffff;
float:left;
line-height:20px;
text-align:left;
padding:20px 10px 20px 20px;
margin:0 0 25px 25px;
background:#fad00c url(assets/action_yellow_bg.gif) no-repeat top right}

.action_yellow a{
color:#ffffff}

.action_yellow h3{
font-size:1.55em;
font-weight:400;
color:#000000}

.action_yellow h4{
font-size:1.3em;
font-weight:300;
color:#ffffff}

/* Action Promomail */
.action_promomail{
width:121px;
height:210px;
border:3px solid #ffffff;
float:left;
line-height:20px;
text-align:left;
padding:20px 10px 20px 20px;_padding:20px 5px 20px 20px;
margin:0 0 25px 25px;
background:#838383 url(assets/action_grey_bg.gif) no-repeat top right}

.action_promomail a{
color:#ffffff}

.action_promomail h3{
font-size:1.55em;
font-weight:400;
color:#000000}

.action_promomail h4{
font-size:1.3em;
font-weight:300;
color:#ffffff}

/* Action Blue */
.action_blue{
width:121px;
height:116px;
border:3px solid #ffffff;
float:left;
line-height:20px;
text-align:left;
padding:20px 10px 20px 20px;
margin:0 0 25px 25px;
background:#34a6d2 url(assets/action_blue_bg.gif) no-repeat top right}

.action_blue a{
color:#ffffff}

.action_blue h3{
font-size:1.55em;
font-weight:400;
color:#000000}

.action_blue h4{
font-size:1.3em;
font-weight:300;
color:#ffffff}

/* Action Pink */
.action_pink{
width:121px;
height:116px;
border:3px solid #ffffff;
float:left;
line-height:20px;
text-align:left;
padding:20px 10px 20px 20px;
margin:0 0 25px 25px;
background:#d2347f url(assets/action_pink_bg.gif) no-repeat top right}

.action_pink a{
color:#ffffff}

.action_pink h3{
font-size:1.55em;
font-weight:400;
color:#000000}

.action_pink h4{
font-size:1.3em;
font-weight:300;
color:#ffffff}

/* Action Orange */
.action_orange{
width:121px;
height:116px;
border:3px solid #ffffff;
float:left;
line-height:20px;
text-align:left;
padding:20px 10px 20px 20px;
margin:0 0 25px 25px;
background:#f08516 url(assets/action_orange_bg.gif) no-repeat top right}

.action_orange a{
color:#ffffff}

.action_orange h3{
font-size:1.55em;
font-weight:400;
color:#000000}

.action_orange h4{
font-size:1.3em;
font-weight:300;
color:#ffffff}

.promomail_box{
width:138px;
height:106px;
float:left;
background:url(assets/promomail-box-bg.png) no-repeat top left;
margin:10px 0 0 -10px;_margin:10px 0 0 -5px}

.promomail_box input{
width:108px;
border:1px solid #666666;
margin:0 0 2px 10px;
float:left}

.promomail_box p{
margin:5px 0 5px 10px;
line-height:1.3em;
font-size:0.9em}

input.c1 {width:10px; float:right; border:none; margin-top:-35px}

/* Footer */
#footer{
width:990px;
height:347px;
color:#ffffff;
text-align:left;
padding:0;
margin:0;
clear:left;
background:url(assets/footer-m.gif) no-repeat bottom right}

.copyright{
margin:0 auto;
padding:15px 0 15px 0;
width:990px;
text-align:center;
color:#ffffff;
font-size:0.75em}

.copyright a, .copyright a:hover{
color:#ffffff}

/* Websites Footer Block */
.recent_websites{
width:260px;
float:left;
padding:30px}

.recent_websites h3{
margin:0;
color:#99bb1c;
margin:0 0 6px 0;
font-size:14px;
font-weight:bold}

#bookmarks{
float:left;
width:100%;
display:block;
margin:20px 0 0 0}

/* MaxiGallery */
.thumbscontainer  li{
background:none!important}

.label{
color:#ffffff}