/*The International Consultant Bureau Styles for Desktop Screen*/

a:link {color:blue;}      /* unvisited link */
a:visited {color: blue;}  /* visited link */
a:hover {color:blue; text-decoration: none;}  /* mouse over link */
a:active {color:blue;}  /* selected link */
/*orange #f89400*/

body{font-family: Trebuchet MS, arial; font-weight: normal;
letter-spacing: 1px; line-height: 24px; margin: 0px; padding: 20px; text-align: center;
/*-moz-box-shadow: 10px 10px 10px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 20px 20px 0px #3399ff;*/}

a{border: none;}
img{border: none; margin: 0px; padding: 0px;}
.bold{font-weight: bold;}

/*index*/
header{margin: 0px; padding: 0px; text-align: center;}
h1{font-size: 32px; font-weight: normal; letter-spacing: -1px; margin:10px 0px 10px 0px; padding: 0px;}
h2{font-size: 18px; font-weight: normal; letter-spacing: 0px; margin: 0px 0px 50px 0px; padding: 0px;}
h3{font-size: 18px; font-weight: normal; letter-spacing: 0px; margin: 0px 0px 20px 0px; padding: 0px;}
h4{font-size: 16px; font-weight: bold; letter-spacing: 0px; margin: 0px 0px 20px 0px; padding: 0px;}

section{border: none; margin: 20px auto 50px auto; overflow: auto; width: 500px;}
section p{line-height: 1.8em; margin: 0px 0px 20px 0px; padding: 0px; text-align: left;}

.icblogo{margin: 0em auto 2em auto;}
.aboutthebureau{border: none;}

.briefcase{float: left; margin: 20px 50px 40px 20px; padding: 0px; width: 190px; height: 258px;}
.briefcaseinternal{float: left; margin: 20px 50px 350px 20px; padding: 0px; width: 190px; height: 258px;}
.briefcaseinternalpod{float: left; margin: 20px 50px 440px 20px; padding: 0px; width: 190px; height: 258px;}
.briefcaseinternalreviews{float: left; margin: 20px 50px 2000px 20px; padding: 0px; width: 190px; height: 258px;}
.briefcaseinternalsuccess{float: left; margin: 20px 50px 40px 20px; padding: 0px; width: 190px; height: 258px;}
.briefcaseinternalreserve{float: left; margin: 20px 50px 90px 20px; padding: 0px; width: 190px; height: 258px;}
.briefcaseinternalservices{float: left; margin: 20px 50px 400px 20px; padding: 0px; width: 190px; height: 258px;}
.briefcasesocial{float: left; margin: 20px 50px 700px 20px; padding: 0px; width: 190px; height: 258px;}
.briefcasemobile{float: left; margin: 20px 50px 250px 20px; padding: 0px; width: 190px; height: 258px;}
.briefcaseyoursite{float: left; margin: 20px 50px 900px 20px; padding: 0px; width: 190px; height: 258px;}
.briefcasedesign{float: left; margin: 20px 50px 400px 20px; padding: 0px; width: 190px; height: 258px;}

#nav{border: none; font-size: 14px; margin: 0px 0px 20px 0px; text-align: left;}
#nav ul{list-style-type: none; margin: 0px 0px 20px 0px;}
#navbottom{font-size: 14px; font-weight: normal; margin: 20px 0px 10px 0px; padding: 0px;}

#navinternal{font-size: 14px; margin: 0px 0px 20px 0px; text-align: left;}
#navinternal ul{list-style-type: bullet; margin: 0px 0px 0px 0px;} #navinternal li{margin: 0px 0px 20px 0px;}

.success{font-size: 14px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px;}
.successtitle{font-size: 16px; font-weight: bold;}
.success li {margin: 0px 0px 90px 0px; text-align: left;}
.success img{margin: 0px 0px 20px 0px;}

.contact{font-size: 14px; font-weight: normal; margin: 10px 0px 10px 0px; padding: 0px;}
.socialmedia{margin: 10px 0px 0px 0px; padding: 0px;}
.socialmedia img{border: none;}

.blogger{margin: 0px; padding: 0px; width: 30px; height: 30px;}
.youtube{border: none; margin: 0px; padding: 0px; width: 50px; height: 31px;}
.lewprint{border: none; margin: 0px; padding: 0px; width: 31px; height: 30px;}

.smallbrief{width: 84px; height: 105px; margin: 10px 0px 0px 0px;}

footer{clear: both; text-align: center;}

#footernav{font-size: 12px; margin: 0px auto 30px auto; overflow: auto; width: 400px;}
#footernav ul{list-style-type: none; float: left; text-align: left;}

/*main content*/
.sectionclass{border-top: 1px dashed gray; border-bottom: 1px dashed gray; margin: 20px 0px 40px 0px; padding: 20px 0px 20px 0px;}
#content{border: none; margin: 0px 0px 50px 0px;}
#content h1{font-size: 24px; font-weight: normal; margin: 20px 0px 0px 0px; padding: 0px;}
#content h2{font-size: 20px; font-weight: normal; margin: 0px; padding: 0px;}
#content p{margin: 0px;}
#content ul/*fix this class*/

/*classes*/
#design{/*background-color: #fafad2;*/ margin: 0px 0px 20px 0px; padding: 0px;}
#showdesign{font-size: 14px; text-decoration: underline;}
.synopsis{font-size: 12px;}
#authoring{/*background-color: #FAFAD2;*/ margin: 0px 0px 20px 0px; padding: 0px;}
#showauthoring{font-size: 14px; text-decoration: underline;}

.topiclist{background-color: #fefefe; border-top: 6px solid #dedede; border-bottom: 6px solid #dedede; color: #000000; font-size: 14px; line-height: 24px; list-style: none; margin: 20px 0px 0px 0px; padding: 10px 0px 10px 0px;}
.signupbutton{background-color: #3399ff; color: #ffffff; font-weight: bold; margin: 20px auto 0px auto; padding: 10px; width: 150px;}
.signupbutton a{color: #ffffff;} .signupbutton a:hover{color: blue;}

/*web basics*/
.podcast{margin: 80px 0px 100px 0px;}
.youtubeframe{border: 1px solid gray; width: 480px; height: 270px;}
#content .podcast p{font-size: 12px;}

/*make your site mobile*/
#content .mobile h2{margin: 50px 0px 0px 0px;}
#content .mobile ul{border: none; line-height: 24px; 
margin: 20px auto 50px auto; padding: 0px 0px 0px 30px; text-align: left; width: 410px;}

/*your site*/
.attributes{text-align: left;}
.portfolio{border: 3px solid #cccccc; width: 300px; height: 169px;}

/*services*/
.service{margin: 50px 0px 50px 0px;}

/*checkout pages*/
#content .consultantcheckout h2 {margin: 50px 0px 0px 0px;}

/*purchase plans*/
.plantype{border: none; margin: 0px; padding: 0px;}

/*success stories*/
.clientname{font-size: 18px; font-weight: normal; letter-spacing: 0px; margin: 30px 0px 0px 0px; padding: 0px; text-align:center;}
.successpic{margin: 0px;} .successpic img{margin: 0px; padding: 0px;} .sitename{font-size: 12px; margin: 0px 0px 20px 0px; text-align: center;}
.howwehelped{background-color: #3399ff; color: #ffffff; font-weight: bold; margin: 0px auto; padding: 10px; width: 350px;}
.story{border: none; margin: 0px 0px 80px 0px;}

/*testimonials*/
.subhead{margin: 0px 0px 60px 0px; text-align: center;}
.client{font-size: 12px; margin: 0px 0px 80px 0px; text-align: right;}

/*public speaking*/
.topics{text-align: left;} .topics li{margin: 10px 0px;}