/* CSS Document */
/**
  * Buttons
  ***************************************/  
.button.yellow { position:relative; background:#d39705; color:#fff; text-shadow:none; border:1px solid #b2810d; }
.button.yellow:after { position:absolute; top:0; left:0; width:100%; background-color: rgba(255, 255, 255, 0.07); border: medium none; content: ""; height:50%;  margin:0; z-index:300; }

.button.dark_grey { position:relative; background:#505050; color:#fff; text-shadow:none; border:1px solid #494949; }
.button.dark_grey:after { position:absolute; top:0; left:0; width:100%; background-color: rgba(255, 255, 255, 0.07); border: medium none; content: ""; height:50%;  margin:0; z-index:300; }

.button.medium { font-size:14px; padding:7px 13px 7px 13px; }
.button.large { font-size:15px; padding:10px 20px 10px 20px; }


/**
  * Blockquotes
  ***************************************/  
blockquote { border-left:2px solid #ccc; background:#fafafa; font-size:12px; padding:10px; }
  
/**
  * Testimonials
  ***************************************/  
.testimonial .testimonial_inner { position:relative; background:#f6f6f6; padding:12px; }
.testimonial .testimonial_inner:after, .testimonial .testimonial_inner:before { 
	top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; 
} 
.testimonial .testimonial_inner:after { border-color: rgba(243, 243, 243, 0); border-top-color: #f6f6f6; border-width: 8px; left:25px; margin-left: -8px; } 
.testimonial .testimonial_inner:before { border-color: rgba(243, 243, 243, 0); border-top-color: #f6f6f6; border-width: 14px; left:25px; margin-left: -14px; }
.testimonial .testimonial_author { margin-top:19px; margin-left:3px; }
.testimonial .testimonial_author img {
	display:block;
	float:left;
	width:65px;
	height:65px;
    padding:2px;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
}
.testimonial .testimonial_author p.details { float:left; margin-top:14px; margin-left:7px; font-size:13px; }
.testimonial .testimonial_author p.details span { color:#E4AC1A; font-style:italic; }




/**
  * Lists
  ***************************************/    
/*ul.check li .icon { color:#db9b00; margin-right:5px; font-weight:bold; }*/
ul.arrow li .icon { color:#db9b00; font-size:14px; margin-right:5px;  }
ul.plus li .icon { color:#db9b00; margin-right:5px; }
ul.check li .icon { color:#db9b00; margin-right:5px; }

  
  
/**
  * Images
  ***************************************/
img.border { border:1px solid #ccc; padding:4px; box-shadow:1px 3px 3px #dadada; }
img.align_left, img.align_right { background: none repeat scroll 0 0 #FFFFFF; }
img.align_left { float: left; margin-bottom: 15px; margin-right: 20px; }
img.align_right { float: right; margin-bottom: 15px; margin-left: 20px; }


/**
  * Social Icons
  ***************************************/  
a.social { display:inline-block; width:24px; height:24px; margin-top:9px; margin-bottom:2px; margin-right:4px; padding:3px; }
a.social.facebook { background:url(../images/social/facebook.png) center center #666; }
a.social.facebook:hover { background:url(../images/social/facebook.png) center center #f58220; }

a.social.twitter { background:url(../images/social/twitter.png) center center #6c6c6c; }
a.social.twitter:hover { background:url(../images/social/twitter.png) center center #f58220; }

a.social.pinterest { background:url(../images/social/pinterest.png) center center #6c6c6c; }
a.social.pinterest:hover { background:url(../images/social/pinterest.png) center center #f58220; }

a.social.linkedin { background:url(../images/social/linkedin.png) center center #6c6c6c; }
a.social.linkedin:hover { background:url(../images/social/linkedin.png) center center #f58220; }

a.social.vimeo { background:url(../images/social/vimeo.png) center center #6c6c6c; }
a.social.vimeo:hover { background:url(../images/social/vimeo.png) center center #f58220; }

a.social.digg { background:url(../images/social/digg.png) center center #6c6c6c; }
a.social.digg:hover { background:url(../images/social/digg.png) center center #f58220; }

a.social.youtube { background:url(../images/social/youtube.png) center center #6c6c6c; }
a.social.youtube:hover { background:url(../images/social/youtube.png) center center #f58220; }

a.social.dribbble { background:url(../images/social/dribbble.png) center center #6c6c6c; }
a.social.dribbble:hover { background:url(../images/social/dribbble.png) center center #f58220; }

a.social.stumbleupon { background:url(../images/social/stumbleupon.png) center center #6c6c6c; }
a.social.stumbleupon:hover { background:url(../images/social/stumbleupon.png) center center #f58220; }


/**
  * Highlights
  ***************************************/ 
.highlight_yellow { background:#E4AC1A; color:#fff; padding:4px 5px; }
.highlight_darkgrey { background:#4c4c4c; color:#fff; padding:4px 5px; }
  
  
/**
  * Dropcaps
  ***************************************/
.dropcap { display:inline-block; float:left; width:36px; background:#EAEAEA; color:#4c4c4c; font-family:Arial, Tahoma, Verdana; font-size:23px; font-weight:600; padding:5px; }
.dropcap {  height:36px; line-height:36px; margin:0 7px 0 0; text-align:center; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.dropcap.circle { border-radius:50%; }
.dropcap.dark { background:#505050; color:#fff; }  
.dropcap.yellow { background:#E4AC1A; color:#fff; }


/**
  * Skillbars
  ***************************************/
.skill_bar { margin-bottom:10px; }
.skill_bar .bar_block { background:#e3e3e3; height:16px; border-radius:4px; }
.skill_bar .title { position:relative; font-size:12px; margin-bottom:3px; color:#666; font-weight:bold; }
.skill_bar .title span { position:absolute; top:0; right:0; color:#929292; font-style:italic; }
.skill_bar .bar_block .bar { position:relative; background:#db9b00; width:100%; height:16px; border-radius:4px; }
.skill_bar .bar_block .bar:after { position:absolute; top:0; left:0; width:100%; height:50%; background-color:rgba(255, 255, 255, 0.09); content:""; }
  
/**
  * Tabs
  ***************************************/  
.tabs_nav { width:100%; list-style:none; }
.tabs_nav li { float:left; margin:0; padding:0; }
.tabs_nav li a:first-child { border-left:1px solid #dedede; }
.tabs_nav li a { display:block; background:#f6f6f6; border:1px solid #dedede; color:#999; padding:6px 20px; text-decoration:none; border-left:none; }
.tabs_nav li.active a { background:#fff; border-bottom:2px solid #fff; color:#E4AC1A; padding-top:10px; margin-top:-4px; }
.tab_container { width: 100%; border:1px solid #DEDEDE; margin:41px 0 20px; }
.tab_container .tab_content { padding:15px; }
  
  
/**
  * Accordion
  ***************************************/
.accordion h3 { background:#f5f5f5; color:#585858; font-size:14px; }
.accordion h3 { cursor:pointer; border-radius:2px; margin-bottom:2px; }
.accordion h3:hover { background:#E4AC1A; color:#fff; }
.accordion h3 .icon { font-size:10px; padding:12px 12px 9px 12px; border-right:1px solid #fff; margin-right:5px; }
.accordion h3.active { color:#fff; background:#E4AC1A; }
.accordion h3:first-child { border-top:none; }
.accordion .acc_content { display:none; background:#fff; padding:5px; }


/**
  * Dividers
  ***************************************/  
.divider { width:auto; max-width:940px; height:1px; background:#d5d5d5; border-bottom:1px solid #fff; margin:10px 0 10px 0; }
.divider2 { background: url(../images/divider2.png) repeat-x; height:6px; margin-bottom:10px; margin-top:10px; width:auto; max-width:940px; }


/**
  * Alerts
  ***************************************/  
.alert { font-family:Arial, Tahoma, Verdana; line-height:45px; padding-left:40px; background-repeat:no-repeat; background-position:10px 15px; }
.alert { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight:bold; }
.error { background-image:url(../images/alert_no.png); background-color:#F2DEDE; border:1px solid #EED3D7; color:#C24848; margin:15px 0; }
.success { background-image:url(../images/alert_yes.png); background-color:#DFF0D8; border:1px solid #D6E9C6; color:#3F9153; margin:15px 0; }
.info { background-image:url(../images/alert_info.png); background-color:#DCEFF5; border:1px solid #B8E7F5; color:#478BBF; margin:15px 0; }
.warning { background-image:url(../images/alert_warning.png); background-color:#FAF2D7; border:1px solid #FAE8AF; color:#CF9E00; margin:15px 0; }
  
/**
  * Explore Block Title
  ***************************************/
.block_title  { height:45px; border-top:4px solid #e8e8e8; background:url(../images/block_title_bg.png); margin-bottom:10px; }
.block_title h2 { display:inline-block; border-top:4px solid #f58220; margin-top:-4px; padding:5px 8px 5px 8px; font-size:20px; }
.block_title a.flex-prev, .block_title a.flex-next { position:absolute;  width:32px; height:30px; background:#e7e7e7; text-align:center; font-size:26px; text-decoration:none; color:#898989; }
.block_title a.flex-prev { top:12px; right:55px; }
.block_title a.flex-next { top:12px; right:20px; }

/**
  * Explore Block
  ***************************************/
.block { 
	background:#FAFAFA; border-bottom:3px solid #E4AC1A; padding-bottom:5px;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.block:hover { box-shadow:1px 1px 3px rgba(0,0,0,0.2); }

