@charset "UTF-8";
/* CSS Document */

body{ background:#F4F4F4 top left repeat url('../img/bg.gif'); font-size:.85em;}
h2,h3,h4,h5{ font-family:Arial, Helvetica, sans-serif; margin-bottom:1em; color:#636363; line-height:1.2em;}

h2{ font-size:2.4em;}
h3{ font-size:2.2em;}
h4{ font-size:1.4em;}
h5{ font-size:1.2em;}

p{ font:normal 1em/1.75em Arial, Helvetica, sans-serif; color:#666; margin-bottom:.85em;}

a{ color:#758B8D; text-decoration:none;}
a:hover{ color:#447e83; text-decoration:underline;}

p a{ text-decoration:underline;}

strong{ font-weight:bold;}
ul li{ font:1em/1.4em Arial, Helvetica, sans-serif; margin-bottom:.5em; color: #666666;}

#hdr_cont{ width:100%; display:block; margin:0; padding:0;}
#hdr{ width:auto; margin:0 auto;}

.cont{ width:100%; margin:0 auto 40px;}

#bdy{width:860px; background-color:#FFF; margin:30px auto 0; padding:20px 0 0; position:relative; }
a#bell{ position:absolute; bottom:15px; right:15px; width:160px; height:46px; background:top left no-repeat url('../img/bell.jpg');}
a#bell:hover{ background-position:0 -43px;}

#bdy #logo{ width:350px; height:150px; text-indent:-9999em; overflow:hidden; display:block; margin:0 auto 10px; background:top center no-repeat url('../img/logo.gif') #FFFFFF; }
#logo_cont{ height:200px; margin-bottom:10px; background:bottom left repeat-x url('../img/ftr_bg.jpg'); position:relative; }

#bdy-btm{ width:100%; max-width:860px; height:80px; background:top left repeat-x url('../img/ftr_bg.jpg'); position:relative; }
#bdy-btm ul{ padding:20px 0 0 3.5%;}
#bdy-btm ul li{ float:left; margin-right:15px; display:block;}
#bdy-btm ul li a{ background:0 15px no-repeat url('../img/ftr-nav-sm.gif'); height:30px; padding-top:10px; display:block; text-indent:-9999em; overflow:hidden;} 
#bdy-btm ul li a:hover{ background-position:bottom left; } 
#bdy-btm ul li a.home{ width:33px; }
#bdy-btm ul li a.home:hover{ background-position:0 -53px;}
#bdy-btm ul li a.about-us{ background-position:-43px 15px; width:55px;}
#bdy-btm ul li a.about-us:hover{ background-position:-43px -53px; }
#bdy-btm ul li a.green{ background-position:-244px 15px; width:45px;}
#bdy-btm ul li a.green:hover{ background-position:-244px -53px; }
#bdy-btm ul li a.portfolio{ background-position:-112px 15px; width:58px;}
#bdy-btm ul li a.portfolio:hover{ background-position:-112px -53px; }
#bdy-btm ul li a.contact{ background-position:-181px 15px; width:56px;}
#bdy-btm ul li a.contact:hover{ background-position:-181px -53px; }

#ftr{ width:860px; margin:0 auto; text-align:center; color:#999999; text-shadow:1px 1px 0 #FFF; }
#ftr p{ padding:10px 0; font:normal 9px/1.2em Arial, Helvetica, sans-serif; color:#999; }
#ftr p span{ white-space:nowrap; }

.hdl{ text-indent:-9999em; overflow:hidden; display:block; }

h2#building-brands{ width:660px; height:30px; margin:0 auto 20px; background:top center no-repeat url('../img/hdl_building_brands.gif');}
h2#about-hdl{ width:100%; height:30px; margin:0 0 20px; background:top left no-repeat url('../img/hdl_about.gif') #FFF; text-align:left;}
h2#contact-hdl{ width:100%; height:30px; margin:0 0 20px; background:top left no-repeat url('../img/hdl_contact.gif') #FFF; text-align:left;}
h2#bell-hdl{ width:100%; height:35px; margin:0 auto 20px; background:top center no-repeat url('../img/hdl_bell.gif'); text-align:center; }
#congrats-hdl{ width:100%; height:30px; margin:10px auto 15px!important; background:top center no-repeat url('../img/hdl_congrats.gif'); text-align:center; }

.flex-caption h2{ background:-7px -4px no-repeat url('../img/hdl-rot.gif'); height:65px; margin-bottom:10px;}
.flex-caption p{ font-size:1.3em; color:#b9b9b9;}
#brand-info h2, #mod-brand h2{ background-position:-7px -110px;}
#media-info h2, #mod-media h2{ background-position:-7px -218px;}

#main_cont{ width:70%; margin:0 auto 30px;}

#sub-content{ margin-bottom:35px;}
#twitter-title{ text-align:right;}

/** TWITTER UPDATES **/

#twitter_update_list li { text-indent: -.8em; list-style-type: none; font:normal .92em/1.5em Arial, Helvetica, sans-serif; color:#A6A6A6; margin:0 1% 1em 5%;}
#twitter_update_list li span:before{content:"- ";} 
#twitter_update_list span { color:#777;}
#twitter_update_list li span a{ display:inline; color:#758B8D;}
#twitter_update_list li a { display:none;}

a.btn-expand{ width:90px; height:27px; background:top left no-repeat url('../img/btn-expand.gif'); position:absolute; bottom:0; right:0; text-indent:-9999em; overflow:hidden;}
a.btn-expand:hover{ background-position:bottom left;}

button.btn-close{ width:90px; height:27px; border:none; margin:0; padding:0; background:top left no-repeat url('../img/btn-close.gif'); position:absolute; bottom:0; right:0; text-indent:-9999em; overflow:hidden;}
button.btn-close:hover{ background-position:bottom left;}

#love{border:solid 5px #1c1c1c;}
#dont-click{background:#FCFEFD; padding:30px; margin:0; border:solid 5px #1c1c1c; text-align:center;}
#dont-click h3, #dont-click h4, #dont-click h5{ margin-bottom:1.2em;}
#dont-click button.btn-close, #love button.btn-close{ background-image:url('../img/btn-close-2.gif');}

button.bell-btn{position:absolute; bottom:0; right:0; z-index:9999;}
.dont-btm{width:100%; position:absolute; bottom:0; left:0; background-color:#1c1c1c; height:5px;}


.shadow{
	-moz-box-shadow: 0px 0px 5px #DDD;
	-webkit-box-shadow:  0px 0px 5px #DDD;
	box-shadow:  0px 0px 5px #DDD;
	behavior: url(cfg/pie.htc);
	}

/*
#Media Queries
==================================================
*/
	@media only screen and (min-width: 768px) and (max-width: 859px) {
		#bdy, #ftr{ width:720px;}
		h2#building-brands{ width:100%; height:65px; margin:0 auto 0; background:no-repeat url('../img/hdl_building_brands.gif'); background-position:center -48px;}
		#twitter-title{width:30%; margin:0 2% 0 0;}
		#twitter-cont{width:66%; margin:0;}
		#bdy-btm ul{ width:100%; margin-bottom:0 auto 80px;}
		.flex-caption{ width:70%!important; height:55%!important; background-color:none!important; background:top left repeat url('../img/caption-small.png')!important; }
		.flex-caption p{ display:block;}
		.flex-caption h2 { margin:0;}
		
		.mod-open .flex-caption{ height:75%!important;}
		.mod-open .flex-caption{width:80% !important;}
		.mod-open .flex-caption h2{ margin:0 0 10px !important;}
		.mod-open .flex-caption p{ display:inline-block; margin-bottom:.5em;}
		
		.flex-direction-nav li a { top:30%;}
		#sidebar{ width:95% !important; margin-bottom:30px;}
		#main_cont{ width:80% !important; margin:0 10% !Important;}
 		#congrats-hdl{ background-position:center -43px; height:65px;}
		}
	@media only screen and (min-width: 480px) and (max-width: 767px){
		#bdy, #ftr{ width:420px;}
 		#sidebar{ width:95% !important; margin-bottom:30px;}
		#main_cont{ width:90% !important; margin:0 5% !Important;}
		#bdy-btm{ width:100%; height:auto; padding:0 0 3%; background:top left no-repeat url('../img/ftr_bg.gif'); }
		#bdy-btm ul{ width:100%; margin-bottom:120px;}	
		#bdy-btm ul li{ float:left; clear:both; display:block; margin:0 0 5px 7px;}
		#bdy #logo{ width:100%; height:150px; text-indent:-9999em; overflow:hidden; display:block; margin:0 auto 10px; background:top center no-repeat url('../img/logo-small.gif'); }
		h2#about-hdl{ width:100%; height:65px; margin:0 0 15px; background:0 -37px no-repeat url('../img/hdl_about.gif'); text-align:left;}
		h2#building-brands{ width:100%; height:90px; margin:3% auto 0; background:no-repeat url('../img/hdl_building_brands.gif'); background-position:center -134px;}
		#twitter_update_list, #twitter-cont, #twitter-title{ width:100%; margin:0; padding:0;}
		#twitter-title{ text-align:center; margin:0 auto 20px; width:100%; max-width:100%; display:block; border-bottom:1px solid #E2E0E0;}
		#sub-content .grid_3{ width:100%!important;}
		#twitter_update_list{ padding:0; margin:0;}
		#twitter_update_list li { margin:2% 4% 8%; width:100%; padding:0;}
		.flex-caption{ width:95%!important; height:83%; background-color:none; background:top left repeat url('../img/caption-small.png'); right:0; top:0; padding:3%;}
		.flex-caption h2 { margin:8% 0 0 10%; background-image:url('../img/hdl-rot-cond.gif');}
		
		.flex-caption p{ display:none; }
		.mod-open .flex-caption{ height:95%!important; width:100%; top:0; right:0; position:absolute;}
		.mod-open .flex-caption h2{ margin:20px 0 20px 10px !important;}
		.mod-open .flex-caption p{ display:inline-block; margin-bottom:.5em; padding:0 10px;}
		.mod-open .flex-caption button.btn-close{ position:absolute; width:90px; height:27px; display:block; top:0; right:0;}
		.flex-direction-nav li a{ display:none !important;}	
		a.btn-expand{ right:0;}
		.flexslider{ padding-bottom:30px !important;}
		.flex-control-nav { margin-bottom:30px;}
		#congrats-hdl{ background-position:center -126px; height:95px;}
		#dont-click a{ white-space:nowrap;}
		button.bell-btn{position:absolute; top:0px; right:0; z-index:9999;}
		a#bell{ top:37% !important; right:40px;}
	}
	@media only screen and (max-width: 479px) {
		#bdy, #ftr{ width:300px;}
		#sidebar{ width:95% !important; margin-bottom:30px;}
		#main_cont{ width:90% !important; margin:0 5% !Important;}
		#bdy-btm{ width:100%; height:auto; padding:0 0 3%; background:top left no-repeat url('../img/ftr_bg.gif'); }
		#bdy-btm ul{ width:100%; margin-bottom:100px;}	
		#bdy-btm ul li{ float:left; clear:both; display:block; margin:0 0 5px 7px;}
		#bdy-btm ul li a{ }
		#bdy #logo{ width:100%; height:150px; text-indent:-9999em; overflow:hidden; display:block; margin:0 auto 10px; background:top center no-repeat url('../img/logo-small.gif'); }
		h2#about-hdl{ width:100%; height:65px; margin:0 0 15px; background:0 -108px no-repeat url('../img/hdl_about.gif'); text-align:left;}
		h2#building-brands{ width:100%; height:90px; margin:3% auto 0; background:no-repeat url('../img/hdl_building_brands.gif'); background-position:center -134px;}
		h2#contact-hdl{ width:100%; height:60px; margin:0 0 20px; background:0 -42px no-repeat url('../img/hdl_contact.gif') #FFF; text-align:left;}

		#twitter_update_list, #twitter-cont, #twitter-title{ width:100%; margin:0; padding:0;}
		#twitter-title{ text-align:center; margin:0 auto 20px; width:100%; max-width:100%; display:block; border-bottom:1px solid #E2E0E0;}
		#sub-content .grid_3{ width:100%!important;}
		#twitter_update_list{ padding:0; margin:0;}
		#twitter_update_list li { margin:2% 4% 8%; width:100%; padding:0;}

		.flex-caption{ width:95%!important; height:83%; background-color:none; background:top left repeat url('../img/caption-small.png'); right:0; top:0; padding:3%;}
		.flex-caption h2 { margin:0; background-image:url('../img/hdl-rot-cond-2.gif');}
		#brand-info h2, #mod-brand h2{ background-position:-7px -110px; height:90px !important;}
	
		.flex-caption p{ display:none; }
	
		.mod-open .flex-caption{ height:95%!important; width:100%; top:0; right:0; position:absolute;}
		.mod-open .flex-caption h2{ margin:30px 0 10px 10px !important;}
		.mod-open .flex-caption p{ display:inline-block; margin-bottom:.5em; padding:0 10px;}
		.mod-open .flex-caption button.btn-close{ position:absolute; width:90px; height:27px; display:block; top:0; right:0;}
		
		.flex-direction-nav li a{ display:none !important;}	
		a.btn-expand{ right:0;}
		.flexslider{ padding-bottom:30px !important;}
		.flex-control-nav { margin-bottom:30px;}
		#congrats-hdl{ background-position:center -126px; height:95px;}
		#dont-click{padding:40px 15px 10px;}
		#dont-click a{ white-space:nowrap;}
				
		button.bell-btn{position:absolute; top:0; right:0; z-index:9999;}
		a#bell{ top:37% !important; right:40px;}
	}