/* 
    Document   : custom
    Created on : Apr 12, 2012
    Author     : Billy Gorman
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


html{background:#fff;}

body{background-color:#fff !important/*white*/}
::selection, ::-moz-selection, ::-webkit-selection {background:#fff/*white*/}

body .margin{width: 970px;margin: 0 auto;position:relative;}
#Main{width:auto;margin:auto;background:#fff/*white*/;border-top:10px solid #171717/*black*/;}
body *{font-family:'Times New Roman', sans-serif;font-size:16px;color: #000;}

a:hover{}

#Logo{margin-bottom:1px}
#Logo img{}

#Top { height:135px;padding-left:0;padding-right:0;width: 100%;margin: 0; background-color: #f4f3f3; }
#Top #Logo { float: none; width: 100%; text-align: center; padding-top: 8px; border-bottom: 1px solid #333; padding-bottom: 17px; }
#Top #Sign a{color:#000}
#Top #Sign .input input.search-input{background-image:none;border:2px solid #bdad7d;background-color:#fff;vertical-align:bottom}
#Top #Sign input{vertical-align:baseline;margin-left:7px}
#Top .cartNav a.img{display:none}
#Top #Sign div.act div.actionNav a:hover {text-decoration:none}
#Top #Sign div.act div.actionNav span {background:url(../images/bg/cotizacion.jpg);display:block;width:207px;height:43px;float:right;text-align:center;font-size:17px;line-height:43px;text-shadow:#111 0px 1px 2px;}
#Top #Sign .cartNav a.label,
#Top #Sign .cartNav a.label:visited,
#Top #Sign .cartNav a.label:active
{background:url(../images/bg/cotizacion.jpg) no-repeat;width:207px;height:43px;float:right;}
#Top #Sign .cartNav a.label span {
	display:none;
}

.HomePage #Middle{background-color:#171717;}
#Middle{background-color:#fff;padding-top:0}

#Menu{clear:both;background-image:none; background-color: transparent; position: absolute; left: 0; text-align: center; margin-top: -37px; right: 0; }
#Menu ul,
#Footer ul{ padding-left: 18px; }
#Menu ul li{ background: none; border-bottom: 4px solid transparent; margin: 0 20px; }
#Menu ul li ul li{border:none}
#Menu ul li.current,
#Menu ul li:hover{ padding-bottom: 3px; background-image: none; color: #383838; background-color: transparent; border-color: #fd5b2a/*orange*/; }
#Menu ul li a{ color: #383838/*black*/; padding: 0; font-size: 20px; padding-bottom: 4px; letter-spacing: 1px; }
#Menu ul li.current a,
#Menu ul li:hover a{color: #fd5b2a;text-decoration:none;}
#Menu ul li.current a { font-weight: 600; }
#Menu ul li.featured,
#Footer li.featured{background-image:none;padding-right:15px;}
#Menu ul li ul.subMenu{border-color:#000;width:180px;background-color:#F0F4FB;top:4px;}
#Menu ul li ul.subMenu li a:hover{background-color:#000;color:#fff}

#Banner{border:none;background-color:#fff;padding-top:30px}

#slideshow.HomePage,
#singleImage.HomePage{height:auto;}

#slideshow.HomePage .inner-text,
#singleImage.HomePage .inner-text{background:none;margin-top:175px; }

#singleImage div.image{position:relative;width:970px;margin:0 auto;height:auto;border:none;border-top:10px solid #000;}
#slideshow.HomePage{border-top:10px solid #000;}
#singleImage div.image img{height:372px}

/* hide search form, but give surrounding box some height to vertically align call to action button below it. */
#Top #Sign .input{height:20px;}
#Top #Sign #SearchForm{ display:none}

/* content area home*/
#ContentHome{}
#ContentHome .inline-block{padding:25px}
#ContentContact .inline-block{padding:0px}
.contentLeft {width:468px;}
#ContentContact .contentRight{width:315px;padding-top:30px;height: auto;}
#ContentContact .contentLeft{width:645px;}
.noSidebarNav #ContentContact .contentLeft{width:920px;background-color:#fff;}
.noSidebarNav #ContentContact .contentRight{display:none}
.contentRight{width:397px;height:519px;float:right;*float:none;}
#ContentHome p,
#ContentContact p{font-family:inherit;line-height:140%;color:#211d1e/*black*/;font-size:15px;}
#ContentHome h2,
#ContentContact h2{color:#fc8d15/*orange*/;font-size:15px;font-weight:bold;}
#ContentHome h4,
#ContentContact h4{color:#fc8d15/*orange*/;font-size:15px;padding-bottom:5px;}
#ContentHome .contentRight p {color:#fdfdfd}
#ContentContact .contentRight address{color:#000}


/* content area */
body .info{width:970px;margin:15px auto;background-color:#fff;padding:15px 0 15px 20px;}
body.HomePage .info{background-color:#171717}
body #Content{border:none;}
body.Page #Content{padding-top:0}
body #Main #Content{background-color:#fff;margin-bottom:25px;min-height:370px;}
#Main #MenuContent{background-color:#e7ebf2/*grey*/;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;padding:10px 0}
#Middle .title{color:#211d1e;font-size:20px;font-weight:bold;line-height:25px;background:none;border:none;padding:0 13px 5px;height:auto;}
#Middle .title h1{display:block}
#Middle .titleBlue{background-color:#fff}
#Content .titleBlue h1{font-size:23px;font-weight:bold;line-height:23px;padding-bottom:20px;}
#Main #MenuContent ul#MainMenu{background:none;padding:0;padding:0 13px}

#Main #MenuContent ul#MainMenu li {border-bottom: 1px solid #e7ebf2/*grey*/;}
#Main #MenuContent ul#MainMenu li.current a,
#Main #MenuContent ul#MainMenu li.section a{color:#FC8D15;}
#Main #MenuContent ul#MainMenu li a{font-size:16px;color: #5E5E5E}
#Main #MenuContent ul#MainMenu li a:hover{color:#FC8D15;}

#Content .typography p,
#Content .typography p a{font-size:17px;line-height:122%;vertical-align:baseline}
#Content .about{padding-top:0;padding-bottom:125px;color:#211d1e/*black*/;}
#Content .about div.minHeight{min-height:190px;}
#Content .about div{padding:20px 20px 5px;margin:0 -20px;}
#Content .about div div{margin:0;}
#Content .about div.profile_category div{margin:0 -20px;border-top:10px solid #ccc}
#Content .about div.colored{background-color:#f0f0f0;}
#Content .about div.secondTitle{background-color:#f0f0f0;padding:1px 0;text-align:center;min-height:0;}
.about .secondTitle h2{border-top:1px solid #fff;border-bottom:1px solid #fff;padding:10px 0}
#Content span.action1{background:url(../images/bg/email.png) no-repeat 0 6px;padding-left:30px;}
#Content span.action2{background:url(../images/bg/phone.png) no-repeat 0 6px;padding-left:30px;}

#Main .info{border-bottom:none;}
#Main .info .content{width:295px;padding:0;border:none;margin:0;height:185px;position:relative;}
#Main .info .content p span {position:absolute;bottom:0px;right:4px;}
#Main .info .content p span a{text-decoration:none;}
#Main .info .content .body {width:auto;height:130px;padding:0;margin:0;}
#Main .info .content {padding-left:0;color:#fff}
#Main .info .content h3{border-bottom:3px solid #fc5a29/*orange*/;color:#fff/*white*/;display:inline-block;padding-bottom:3px;margin-bottom:5px;font-size:20px;}
#Main .info .content p{color:#fff;font-size:16px;line-height:21px;}
#Main .info .content p span a{color:#fcd01b/*yellow*/;font-size:16px;border-bottom:3px solid #fcd01b/*yellow*/;}
#Main .info .content.padded{padding-left:25px;}
#Main .info .content.padded img, 
#Main .info .content.padded .body, 
#Main .info .content.padded h2, 
#Main .info .content.padded h3 {margin:0}

#Footer{clear:both;color:#21447b; background-color:#fff;padding:0;}
#Footer *{font-size:16px}
#Footer .margin{border-top:10px solid #000;padding:20px 0 0;background-color:#E7EBF2}
#Footer ul li {padding-bottom:7px;display:inline-block;padding-right:10px;}
#Footer ul li a{font-size:14px;color:#221f1f/*black*/;text-transform:lowercase;font-weight:bold;}
#Footer ul li.current a{color:#FC8D15;}
#Footer ul li:hover a{color:#FC8D15/*orange*/;text-decoration:underline;}
#Footer .icons{margin-right:20px;}

#FooterBar{color:#191919/*black*/; background-color:#FFF;padding:20px 0 0;height:60px;}

#FooterBar div.wrapper{
	/*height:90px;*/
}
body #FooterBar div.builtBy{margin-right:0}
body #FooterBar div.builtByLogo{text-align:right}
body #FooterBar div.builtByText{

	
	/*padding-right:12px;*/
}
#FooterBar div.builtByText{
	line-height:auto;
	margin-bottom:30px;
}

body #FooterBar div.builtByText p{color:#191919;
text-align:right;
line-height:20px;	

}
#FooterBar div.wrapper{width:970px;padding:10px 0;}
#FooterBar *{font-size:14px}


/* CONTACT */
#ContentContact{background-image:none;}
#Middle #ContentContact .title{padding:0;}
#ContentContact p.required{padding-left:475px;color:#fd5b2a ;}
#ContentContact form{width:596px;}
#ContentContact label{top:5px;float:none;width:100px;font-weight:bold;margin-bottom:4px;font-size:16px;display:inline-block;color:#000;text-align:right;}
#ContentContact .middleColumn label{position: absolute;top: auto;bottom: -20px;font-size: 10px;text-align: left;left: 0;color:red;}
#ContentContact .middleColumn{display:inline-block;border:2px solid #fd5b2a;margin-bottom:30px;position:relative;}
.middleColumn input.text,
.middleColumn select,
.middleColumn textarea{border:none;background-color:#f5f5f5;background-image:none;width:459px;margin-bottom:0;padding:6px 8px;color:#000;font-size:14px}
.middleColumn select{width:248px;}
.middleColumn textarea{width:459px}
span.quote, 
.Actions input{background-color:#fd5b2a;}
body #ContentContact .Actions{background-color:#fd5b2a;width:90px;margin:20px 0 0 auto;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
body #ContentContact .Actions input{background:url(../images/bg/contact.png) no-repeat 19% 50%;text-align:center;padding:6px 0 5px;font-size:16px;margin:0;width:90px;}
.Actions input#Form_Form_action_process{margin:0}
.about p{line-height:154%}
label.required{width:auto;top:-7px;left:75px;color:red}
.ContactForm #Footer{padding-top:0}

/* Typography */
.typography p{font-family:inherit;font-size:15px;color:#211d1e;line-height: 157%;}
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5{color:#211d1e;font-weight:bold;}
.typography h1{font-size:25px;padding-bottom:20px;}
.typography h2{font-size:21px;padding-bottom:18px;}
.typography h3{font-size:18px;padding-bottom:16px;}
.typography h4{font-size:16px;padding-bottom:14px;}
.typography h5{font-size:14px;padding-bottom:12px;}
.typography a{color:#fc8d15/*orange*/;font-size:15px;}

a.action2,
input.action2{background-color:#fd5b2a;color:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding:2px 12px;text-align:center;float:right;font-weight:bold;}

/* Author */
.AuthorsPage #Content .about{padding-bottom:20px}
#Content .about div.box,
#Content .about blockquote{background-color: #f5f5f5;border: 1px solid #E9E9E9;padding: 20px;margin:0}
#Content .about div.box h1{color: #676767;font-size: 20px;padding:0;font-weight:normal;display:inline-block}
#Content .box form{display: inline-block;float: right;padding-right: 30px;}
#Content .box form input,
#Content .middleColumn input.text{border: 1px solid #D9D9D9 !important;height: 24px;padding: 3px 10px;height:18px;/*color:#b8b8b8;*/background:url(../images/bg/input.png) repeat-x;width:203px;}
#Content .box form input.searchButton{background-color:#fe850e;color:#fff;border:1px solid #eb7d06;width:146px;height:26px;background-image:none;text-transform:uppercase;font-size:12px;font-weight:bold;}
#Content .about .letters{padding:15px 13px;margin:0;border-bottom:1px solid #e9e9e9;}
#Content .about .letters a{font-size:12px;padding-right:7px;}
#Content .about .author{display:inline-block;background-color:#f9f9f9;border:1px solid #efefef;margin:25px 16px;padding:10px;width:128px;height:170px;}
#Content .about .author a{color:#211d1e;font-size:13px;}
#Content .about .author img,
#Content .about .bookImage img{display:block;border:1px solid #efefef;background-color:#fff;padding:3px;margin-bottom:10px;}
#Content .about h2.padded{padding-top:20px;padding-left:10px;}

#Content .about div.inline-block{margin:0;padding:20px 20px 20px 0;width:620px;}
#Content .about div.inline-block.image{width:254px}
#Content .about .author.authorAvatar{width:auto;height:auto;margin:0 0 0 10px;padding:17px;}
#Content .about .author.authorAvatar img{margin-bottom:0}
#Content .inline-block h3{color:#FC8D15/*orange*/;}
#Content .inline-block h4{color:#FC8D15/*orange*/;font-weight:normal;}
#Content .about .inline-block.bookImage{margin-left:10px}
#Content .about a.button,
#ContentContact .Actions input{color:#fff;font-size: 12px;font-weight: bold;display:block;padding:7px 5px 7px 35px;width:113px;margin:20px auto;}
#Content .about a.button:hover{text-decoration:none}
#Content .about a.website{border: 1px solid #EB7D06;background:#FE850E url(../images/bg/website.png) no-repeat 8% 50%;}
#Content .about a.sample{border: 1px solid #252525;background:#131313 url(../images/bg/sample.png) no-repeat 8% 50%;}

#Content .about blockquote{margin:5px 0;font-size:16px;}
#Content blockquote strong{color:#777;}

/* Login */
#Content .about .middleColumn{padding:0}
#Content .middleColumn input.text{height:30px}
#Content .Actions input{border:none}

/* Blog */
.blog div#Middle{border:none}
#Blog{background-color:#fff;}
#Blog .margin{border-top:10px solid #000;}
#Blog .blogPost{color:#000;font-size:16px;border-bottom:10px solid #f1f1f1}
#Blog a{text-decoration:none}
#Middle #Blog .title{height: 38px;padding: 19px 30px;background-color: #F6F6F6;border-bottom: 1px solid #E3E3E3;}
#Middle #Blog .title h1{color: #999;font-size: 35px;line-height: 33px;letter-spacing: -1px;}

#Blog .blogContent h1,
#Blog .blogContent h2,
#Blog .blogContent h3,
#Blog .blogContent h4, 
#Blog .blogContent h2.list a {color:#000;}

#Blog .breadcrumbs{margin-bottom:20px;font-size:13px}
#Blog .breadcrumbs a,
#Blog .breadcrumbs span{margin-left:0;font-size:13px;vertical-align:baseline}
#Blog .breadcrumbs a:hover{text-decoration:underline;}
#Blog .author{color:#000;padding:0;}
#Blog .author *{vertical-align:middle}
#Blog .author img{margin-right:20px}
#Blog .author span{color:#666/*#fd5b2a*/;padding:0;font-size: 14px;}
#Blog .author span.right{color:#666;margin-left:45px;}
#Blog p{color:#222;font-size:18px;line-height:19px;}
#Blog .button{margin-top: 25px;height: 23px;margin-left: 30px;position: absolute;bottom: 13px;float: right;right: 0;}
#Blog .readButton{background-color:#fd5b2a;color:#fff;font-size:16px;font-weight:bold;text-decoration:none;padding:3px 16px;}
#Blog #SearchContent form{background-color:#eee;margin:0;padding:20px;}
#Blog #SearchContent form .submit{background: url(../images/bg/button_blog.png) repeat-x;color: white;}

.facebook{border-color:#ddd;background-color:#fff;}
.googleplus{background-color: #f4fcfe;border-color:#d8e5eb;border-top-color:#fff;}
.twitter-follow{padding: 10px;background-color: #EEF9FD;border-color:#c8dbe2;border-top:none;}
#Other_links{background-color:#d8e5eb;border-color:#b5d0d9;border-top-color:#f0f4f7;}
#Other_links ul li a{color:#0f4f85;font-size:13px;font-family:Arial, sans-serif;}
#Other_links ul li.linkedin{background-image: url(../images/icon/in.png)}
#Other_links ul li.youtube{background-image: url(../images/icon/youtube.png)}
#Other_links ul li.feedburner{background-image: url(../images/icon/stumble.png)}
#Other_links ul li.rss{background-image: url(../images/icon/rss.png)}

#Blog #BlogSidebar #SearchContent form .input-text{border: 2px solid #A5A5A5;-webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px;background-color: white;width: 165px;height: 21px;padding: 5px 10px;}
#Blog #BlogSidebar #SearchContent form .input-text input{width:165px}
#Blog #BlogSidebar .readButton{margin: 3px 0 0 4px;padding: 7px 9px;font-size: 16px;text-transform:capitalize;position:relative;top:-2px;}
#Blog #BlogSidebar .shadow{padding:0}
#BlogSidebar .categories ul li a{color:#000;font-size:16px;vertical-align:middle;}
#BlogSidebar h2{background-color:#f1f1f1;color:#000;font-size:18px;font-weight:bold;font-style:italic;padding:10px 25px;}
#Blog .tags li{background-color:#000;}
#Blog .tags li a{color:#fff;line-height:13px;font-size:14px;}


/**********************************************************
  Profile Page
 **********************************************************/

ul#ProfileTabs {
  list-style-type: none;

  padding-bottom: 0;
  margin-left: -20px;
  margin-top: 30px;
  border-bottom: 10px solid black;

  overflow: hidden;
}

ul#ProfileTabs li {
  display: inline-block;
  float: left;

  font-size: 24px;
  font-weight: bold;

  background-color: #eaeaea;
  border-bottom: 1px solid white;

  padding: 20px 35px;

  cursor: pointer;
}

ul#ProfileTabs li.active {
  background-color: black;
  color: white;
}

#Content .profile_category {
  padding-top: 0 !important;
}

#Content .about div.profile_category div { border-width: 0; }
.profile_category .profile img { margin-top: 10px !important; }