body{
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
}
a{color: #444; text-decoration: none;}
a:hover{color: #333;}
ul{list-style-type: none; padding: 0; margin: 0;}
li{padding: 0; margin: 0;}
h1, h2, h3, h4, h5, h6{margin: 0; padding: 0;}
/* Header */
#header{padding: 10px 0; margin: 0;}

#header #logo{
  width: 386px;
  height: 80px;
  background: url('../images/logo.png');
  display: block;
  padding: 0;
  margin: 0;
  text-indent: -9999px;
}

#header #main_navigation{
  padding: 30px 0 0;
}

#header #main_navigation li{
  float: left;
  padding: 0;
  margin: 0;
}

#header #main_navigation a{
  padding: 10px 9px;
  margin-right: 4px;
  display: block;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 12px;
  color: #222; 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#header #main_navigation .last a{
  margin-right: 0px;
}


#header #main_navigation a:hover{
  color: #fff; 
  background: url('../images/navigation.png') bottom left repeat-x;
}

#header #main_navigation a.active{
  background: url('../images/navigation.png') top left repeat-x;
  color: #fff;
}

/* Rotating Header */
#rotating_header{
  position: relative;
  text-align: center;
  z-index: 1;
}

#rotating_header .imagebg{
  height: 311px;
}

#rotating_header .campaign{
  overflow:hidden; width: 100%; display: block;
}

#rotating_header #blue{
  background: url('../images/header-blue-bg.jpg') top left repeat-x;
}

#rotating_header #blue .imagebg{
  background: url('../images/header-development.jpg') center center no-repeat;
}

#rotating_header #orange{
  background: url('../images/header-orange-bg.jpg') top left repeat-x;
}

#rotating_header #orange .imagebg{
  background: url('../images/header-design.jpg') center center no-repeat;
}

#rotating_header #green{
  background: url('../images/header-green-bg.jpg') top left repeat-x;
}

#rotating_header #green .imagebg{
  background: url('../images/header-marketing.jpg') center center no-repeat;
}


#rotating_header .imagebg .text{
  position: relative;
  display: block;
  height: 311px;
  width: 960px;
  margin: 0 auto;
  text-indent: -9999px;
}

#rotating_header .imagebg a{
  position: absolute;
  bottom: 60px;
  right: 312px;
  display: block;
  height: 39px;
  width: 160px;
}

#rotating_header #orange .imagebg a{
  background: url('../images/rotating-header-buttons.png') left -39px repeat-x;
}

#rotating_header #orange .imagebg a:hover{
  background: url('../images/rotating-header-buttons.png') right -39px repeat-x;
}

#rotating_header #blue .imagebg a{
  background: url('../images/rotating-header-buttons.png') left bottom repeat-x;
}

#rotating_header #blue .imagebg a:hover{
  background: url('../images/rotating-header-buttons.png') right bottom repeat-x;
}

#rotating_header #green .imagebg a{
  background: url('../images/rotating-header-buttons.png') left top repeat-x;
}

#rotating_header #green .imagebg a:hover{
  background: url('../images/rotating-header-buttons.png') right top repeat-x;
}



#rotating_header .indicators{
  width: 960px;
  margin: 0 auto;
  z-index: 1000;
  position: relative;
  padding: 0;
  margin-top :1px;
}

#rotating_header .indicators .container{
  width: 71px;
  height: 30px;
  display: block;
  background: url('../images/indicator-bg.png') ;
    
  z-index: 1900;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-left: 25px;
}

#rotating_header .indicators .dot{
  width: 11px;
  height: 11px;
  display: block;
  background: url('../images/indicator-dots.png') top right;
  float: left;
  margin: 11px 5px;
}

#rotating_header .indicators .selected{
  background: url('../images/indicator-dots.png') top left;
}



/* Mini Headers */

#header_mini{
  position: relative;
  text-align: center;
  z-index: 1;
}


#header_mini .imagebg{
  height: 230px;
}

#header_mini #blue{
  background: url('../images/header-blue-bg-mini.jpg') top left repeat-x;
}

#header_mini #blue .imagebg{
  background: url('../images/header-development-mini.jpg') center center no-repeat;
}

#header_mini #orange{
  background: url('../images/header-orange-bg-mini.jpg') top left repeat-x;
}

#header_mini #orange .imagebg{
  background: url('../images/header-design-mini.jpg') center center no-repeat;
}

#header_mini #green{
  background: url('../images/header-green-bg-mini.jpg') top left repeat-x;
}

#header_mini #green .imagebg{
  background: url('../images/header-marketing-mini.jpg') center center no-repeat;
}


#header_mini .imagebg .text{
  position: relative;
  display: block;
  height: 311px;
  width: 960px;
  margin: 0 auto;
  text-indent: -9999px;
}

#header_mini #sub_navigation{
  width: 960px;
  margin: 0 auto;
  z-index: 1000;
  position: relative;
  padding: 0;
}

#header_mini #sub_navigation .tabs{
  position: absolute;
  bottom: 0;
  left: 10px;
}

#header_mini #sub_navigation .tabs li{
  float: left;
}

#header_mini #sub_navigation .tabs li a{
  display: block;
  padding: 5px 20px;
  font-size: 12px;
  margin-right: 2px;
  font-weight: bold;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  background: #111;
  color: #ccc;
}

#header_mini #sub_navigation .tabs li a:hover{
  background: #333;
  color: #eee;
}




#header_mini #green #sub_navigation .tabs li a{
  background: #0a3402;
  color: #b6cf7a;
}

#header_mini #green #sub_navigation .tabs li a:hover{
  background: #092a03;
  color: #b6cf7a;
}


#header_mini #orange #sub_navigation .tabs li a{
	background: #c86507;
	color: #FCEBD6;
}

#header_mini #orange #sub_navigation .tabs li a:hover{
  background: #e57e1c;
  color: #371000;
}

#header_mini #blue #sub_navigation .tabs li a{
  background: #116bb4;
  color: #acdafe;
}

#header_mini #blue #sub_navigation .tabs li a:hover{
  background: #0b548f;
  color: #acdafe;
}


#header_mini #sub_navigation .tabs li a.selected{
  background: #eee !important;
  color: #222 !important;
}


/* Content Area */
#content_area{
  background: #eee;
  padding: 20px 0;
}

#content {
  border: 1px solid #e4e4e4;
}

#content h2{
	color: #646464;
	size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	font-weight: bold;
	padding-bottom: 15px;
	line-height: 28px;
	font-size: 23px;
}

#content .section{
  background: #fff;
}
/* Content Area -- FEATURED WORK */
#content #featured_work{
  background: #f6f5f2 url('../images/featured-work-bg.jpg') bottom left repeat-x;
  padding: 20px;
  border-bottom: 1px solid #eeeeee;
}

#content #featured_work .thumb{
  margin-right: 20px;
}

#content #featured_work p{
  font-size: 12px;
  color: #444;
  line-height: 20px;
  padding: 0;
  margin-bottom: 16px;
}

#content #featured_work h3 a{
  font-size: 18px;
  font-family: Tahoma;
  color: #e95d00;
  letter-spacing: 1px;
  margin-bottom: 10px;
  display: block;
}

#content #featured_work .button{
  background: url('../images/button-small.png') top left;
  font-size: 11px;
  padding: 5px 15px;
  color: #333;
  -moz-box-shadow: 1px 1px 1px #666;
  -webkit-box-shadow: 1px 1px 1px #666;
}

#content #featured_work .button:hover{
  background: url('../images/button-small.png') bottom left;
  color: #ccc;
  -moz-box-shadow: 1px 1px 1px #444;
  -webkit-box-shadow: 1px 1px 1px #444;
}

#main-content {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 22px;
	background-image: url(../images/watermark-main-content.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.link-dotted {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #444;
}

.square-bullets li {
	margin-left: 40px;
	list-style-type: square;
	padding-bottom: 10px;
}



/* Sidebar */
#sidebar{
}

#sidebar .section{
  padding: 20px 0 20px !important;
  background: url('../images/sidebar-dottedbg.png') bottom left repeat-x;
}

#sidebar h3{
	font-size: 20px;
	color: #727272;
	letter-spacing: 1px;
	padding-bottom: 10px;
	line-height: 20px;
	font-family: tahoma;
	font-weight: bold;
}

#sidebar p{
  font-size: 12px;
  line-height: 20px;
  color: #494949;
}

#sidebar a, .testimonial a{
  color: #e25a00;
  font-size: 12px;
  font-weight: bold;
}

#sidebar a:hover, .testimonial a:hover{
  color: #ee3908;
}

#sidebar .disc{line-height: 20px;}
#sidebar .disc li{padding-bottom: 3px;}

#sidebar a.more{float: right; font-size: 11px; color: #666;}
#sidebar a.more:hover{color: #444;}

.testimonial{
  background: url('../images/testimonial-quote.png') no-repeat;
}

.testimonial p{
  margin-left: 30px;
  color: #555;
}

.testimonial .author{
  display: block;
  padding-top: 5px;
}
.testimonial .company{
  font-size: 11px;
}


/* Footer */
#footer{
  background: #2a2a2a;
  color: #888;
}

#footer #footer_content{
  background: url('../images/footer-logo.png') no-repeat;
  padding: 20px 0;
}

#footer h3{
  color: #fff;
}

#footer .navigation{
  color: #444;
  font-size: 12px;
  padding: 10px 0;
}

#footer .navigation a{
  color: #aaa;
  font-weight: bold;
  letter-spacing: 1px;
}

#footer .navigation a:hover{
  color: #ccc;
}

#footer #social_media{
  padding-bottom: 10px;
}

#footer #social_media #twitter{
  width: 63px;
  height: 16px;
  display: block;
  background: url('../images/footer-media.png') top left no-repeat;
  text-indent: -9999px;
  float: left;
  margin-right: 10px;
}

#footer #social_media #twitter:hover{
  background: url('../images/footer-media.png') bottom left no-repeat;
}

#footer #social_media #facebook{
  width: 70px;
  height: 16px;
  display: block;
  background: url('../images/footer-media.png') top right no-repeat;
  text-indent: -9999px;
  float: left;
}

#footer #social_media #facebook:hover{
  background: url('../images/footer-media.png') bottom right no-repeat;
}

#footer #copyright{
  font-size: 11px;
  font-weight: bold;
  color: #888;
  margin: 0 !important;
}

#footer #newsletter_signup{
  background: #151515;
  color: #a3a3a3;
  padding: 15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#footer #newsletter_signup label{
  font-size: 12px;
  line-height: 12px;
  display: block;
  padding-bottom: 10px;
  font-weight: bold;
}

/* Form */
form, .form{padding: 0; margin: 0;} 
#footer #copyright a {
	color: #777;
}

.form li{padding-bottom: 20px;}
.form label{display: block; font-weight: bold;}

#content .form label{ padding-bottom: 10px; font-size: 14px; line-height: 14px; color: #444;}
#content .form label .required{ color:#ed3838; font-weight: bold;}
#content .form .text, #content .form .textarea{
  padding: 5px;
  border: 1px solid #dadada;
  background: url('../images/form-white-bg.png') bottom right;
  color: #333;
}
#content .form .textarea{
  height: 200px;
  font-size: 14px;
  line-height: 20px;
  width: 565px;
}
#content .form .button{
  background: #d24a02 url('../images/button-orange.png') top left repeat-x;
  padding: 7px 20px;
  margin: 0;
  border: 0;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

#content .form .button:hover{
  background: #e64f00 url('../images/button-orange.png') bottom left repeat-x;
}

#sidebar .form li{padding-bottom: 10px;}
#sidebar .form label{ padding-bottom: 5px; font-size: 12px; line-height: 12px; color: #444;}
#sidebar .form label .required{ color:#ed3838; font-weight: bold;}
#sidebar .form .text{
  padding: 5px;
  border: 1px solid #dadada;
  background: url('../images/form-white-bg.png') bottom right;
  color: #333;
  font-size: 12px;
  width: 290px;
}

#sidebar .form .button{
  background: #595b5b url('../images/button-sidebar-form.png') top left repeat-x;
  padding: 5px 20px;
  margin: 0;
  border: 0;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}
#sidebar .form .button:hover{
  background: #676969 url('../images/button-sidebar-form.png') bottom left repeat-x;
}


#footer .form .text{
  padding: 5px;
  border: 1px solid #353535;
  background: url('../images/form-gray-bg.png') bottom right;
  color: #bbb;
  width: 257px;
  font-size: 12px;
}
#footer .form .button{
  background: #d24a02 url('../images/button-orange.png') top left repeat-x;
  padding: 5px 20px;
  margin: 0;
  border: 0;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}

#footer .form .button:hover{
  background: #e64f00 url('../images/button-orange.png') bottom left repeat-x;
}



/* Clearing and Units */
.unit{float:left;_zoom:1}
.line, .lastUnit{overflow:hidden;_overflow:visible;_zoom:1}
.cursorPointer{cursor: pointer;}
.zoom {_overflow:visible;_zoom:1}
.clear{ clear: both; }

.clearfix {display: inline-table;/* Hides from IE-mac \*/height: 1%;display: block;/* End hide from IE-mac */}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
html>body .clearfix {height: auto;}

/* Object Oriented CSS */
.float_left{float: left;}
.button{  -moz-border-radius: 5px;  -webkit-border-radius: 5px; font-family: Helvetica, Arial, sans-serif; font-weight: bold;}
.section{padding: 20px;}

.size50{ width: 50%; }
.padding_bottom0{padding-bottom: 0px !important;}
.padding_bottom10{padding-bottom: 10px !important;}
.margin_bottom0{margin-bottom: 0px !important;}
.margin_bottom10{margin-bottom: 10px !important;}
.italic{font-style: italic;}
.display_block{display: block;}
ul.disc{list-style-type: disc; padding-left: 30px;}