/*Silo Web - General Styles and Overrides*/
/*General Lists*/
/*-------------Main Containers------------*/
dt {margin-top: 10px;margin-bottom: 7px; padding-top: 10px;  border-top: 2px #cccccc solid;}
dt:first-child{ border-top: none;}
dt img {margin-right: 10px; margin-bottom: 25px;}
dd {padding-bottom: 10px;}
.full-width .container p {font-size: 1.2em;}
/*General Color Corrections*/
div.super-container h2, 
div.super-container h3, 
div.super-container h4 {color: #999074} 
img.button,img.floated {border:none;}

.sf-menu > li > a strong {color:#1B1749}
/*Clear Theme Backgrounds */
h2.title, #section-footer h5 {background-image: none!important; z-index: auto;}
/*Header*/
#section-tophat,#section-tophat::after {background: #1B1749}
#section-tophat .container .sixteen span {float: right; font-size: 1.4em; color: #999074 margin-right: 15px;}
h1#logo {width: 203px; height: 104px; background: #ffffff; padding: 0px; position: absolute; top: -83px;z-index: 499998!important;box-shadow: 0px 3px 5px #696969;}
#section-header a:hover{opacity: inherit!important;}
#section-header a:hover h1#logo {box-shadow: 0px 4px 7px #696969;}
a.header-advert {margin-top: 0px; margin-bottom: 10px; margin-right: -350px;}
a.header-advert img {background:none!important;}
#navPrimary li a span {color: #999074;}
/*Navigation*/

/*Footer*/
#section-footer,#section-footer::after {background: #344864!important}
#section-footer {padding: 15px 0px!important}
#section-footer h5 {text-align: center;}
#section-footer blockquote {font-size: 1.2em; color: #cccccc; border-left: none;}
#section-footer #testimonial #testimonial-author {text-align: center;}
/*Set Default Link Styles*/
#navwrap a, #navwrap a:link, #navwrap a:visited, #navwrap a:hover {display: block; width: 89px; height: 37px; padding: 13px 0 0 0; margin: 0; text-decoration:none; border-bottom: none; cursor:hand} 

/*Set Specific Link and Hover Formatting*/
#navwrap a:active,#navwrap li.active a {color:#000000; height: 54px; background-image: url(../images/nav-active.png)} 
#navwrap a {color: #FFFFFF; padding: 0px 10px 0px 10px;}
#navwrap a:hover {color: #000000; background:url(../images/nav-hover.png) top center no-repeat;}

/*Style Cap*/
div#navwrap span#nav-cap {display: block; height: 50px; width: 20px; float: right; position: relative; margin-top: -65px; clear: right; right: -13px; background: transparent url(../images/bar-cap-rt.png) top right no-repeat;}


/*1Col Page Containers*/
/*Deprecated*/
div.col_1_sub {padding: 30px!important;}
div.col_1_sub h1,div.col_1_sub h2,div.col_1_sub h3,div.col_1_sub h4 {text-align: left!important; text-indent: 15px;}
/*Content Callouts*/
/*Feature Lists*/
ul.feature-list{list-style:none;}
ul.feature-list li {padding: 0px 0px 1px 50px; vertical-align: middle;}
li.cms {background: url(../images/icons/content-create-orange-32.png) no-repeat 0px 7px transparent;}
li.email{background: url(../images/icons/mail-task-cal-orange-32.png) no-repeat 0px 7px transparent;}
li.storage{background: url(../images/icons/folder-full-orange-32.png) no-repeat 0px 7px transparent;}
li.maint {background: url(../images/icons/wrench-orange-32.png) no-repeat 0px 7px transparent;}
li.support {background: url(../images/icons/light-bulb-orange-32.png) no-repeat 0px 7px transparent;}
li.backup{background: url(../images/icons/down-arrow-orange-32.png) no-repeat 0px 7px transparent;}
li.ecom{background: url(../images/icons/e-commerce-orange-32.png) no-repeat 0px 7px transparent;}

/*Tech Categories*/
div.tech-cat {width: 325px; padding: 40px; float: left;}
div.tech-cat h4 {padding: 15px 10px}
div.tech-cat ul li{font-size: 1.2em!important;}
div.tech-cat ul li a {color:inherit;}
ul.tech-list{list-style: none;}
ul.tech-list li ul {list-style-type:square;font-size: .9em!important}
/*Intro*/
div#intro {width: 85%;  margin: 5px auto;}
div#intro h1 {width: 60%;font-size: 1.6em; margin-bottom: 0px; }
div#intro img#intro-image{margin-right: 20px; margin-top: 10px; margin-left: 20px; }
div#intro p {display: block; width: inherit; padding: 10px; text-align: justify;}
/*About*/
#silo_about {padding-bottom: 50px!important;}

/*Extras*/
div#extras {float: left; clear: left; position: relative; margin-bottom: 10px; margin-top: -15px; width: 72%; }
div#extras img {margin-top: 0px; margin-right: 15px; padding-top: 5px;}
div#extras h2{border-top: 2px #efefef solid; width: 80%; margin-top: 0px;padding-top: 10px;}
div#extras h3 {clear: both;width: 100%; margin-top: 15px; padding: 10px; text-indent: 200px;}
div#extras ul {color:#322f96!important; font-size: .9em; list-style:none; padding: 10px 0 0 15px; margin: 0px; line-height: 1.4em; }
div#extras ul li {padding-bottom: 7px;}
div#extras div#projects,div#extras div#news{clear: both;}
div#extras div#projects {margin-top: -25px;}

/*Testimonial */
/*div#testimonial {font-size: .85em; text-align: center; margin-bottom: 10px; margin-top: -5px; margin-right: 25px; position: relative;width: 20%; background: #fefefe; border: 2px #efefef solid; border-bottom: 2px #cccccc solid; float: right;}
div#testimonial blockquote {text-align: left; padding: 10px; margin: 0; font-size: .9em;}
div#testimonial h5#testimonial-author {padding: 0 5px 0 15px; margin: 5px 0 5px 0;}
div#testimonial img {margin-top: 15px;}*/

/*Footer */
div#footer {margin-bottom: 55px;color: #cccccc; height: 50px; background: transparent url(../images/bar-bg.png) top repeat-x; clear: both; z-index: 10; font-size: .75em;}
div#footer a {color: #ffffff; text-decoration: none;}
div#footer a:hover{color: #cccccc; text-decoration: underline;}
div#footer #copynotice {text-align: right; padding-right: 15px; padding-top: 15px; display: block; height: 35px; width: 45%; float: right; position: relative; margin-top: -50px; clear: right; right: -14px; background: transparent url(../images/bar-cap-rt.png) top right no-repeat;}
div#footer #legal {padding-left: 15px; padding-top: 15px; display: block; width: 45%!important; height: 35px; clear: left;  text-align: left; margin-left: -14px; margin-top: 0px; font-size:1.1em; background:  url(../images/bar-cap-lft.png) top left no-repeat;}

/*Projects List*/
dl#folio_list {float: left; clear: both;margin: 0 15px 0 15px}
dl#folio_list dt{float: left; clear: both!important;width: 775px;font-size: 1.4em;}
dl#folio_list dt a {padding: 5px; text-decoration:none!important; color: inherit;}
dl#folio_list dt a:hover {background: #ffffe0; border-bottom: 1px #cccccc solid; }
dl#folio_list dd {margin: 10px 0 20px 0; padding: 0; line-height: 1.5em; font-size: .95em;}
dl#folio_list span.folio_type{color: #696969; font-style: italic;display: block; clear: both; margin-bottom: 7px; font-size: .9em;}
dl#folio_list .folio-thumb{border: 2px #efefef solid; padding: 7px 10px 7px 9px; background: transparent;display: block; float: left; clear: left; margin-right: 20px; margin-bottom: 15px;}
dl#folio_list .folio-thumb img{}
dl#folio_list .folio-thumb canvas{margin-top: 1px;opacity: .3;}

/*Advanced Solutions*/
ul.competency-list {list-style:none; margin: 20px 100px;  border: 3px #efefef solid;box-shadow: 2px 2px 2px #999999;}
ul.competency-list li {font-size: 1.2em; display: block; min-height: 25px; padding: 10px 0px 1px 50px; vertical-align: middle; background: url(../images/icons/light-bulb-orange-32.png) no-repeat 0px 7px transparent;}

/*Tools*/
dl#proficiencies dt {font-size:1.4em;}

/*vCard Block*/
div#contact-data {position: absolute;display: block; float: right; width: 35%; background: #efefef; border: 1px #cccccc solid; margin-left: 400px; margin-top: 50px; padding: 10px 30px; box-shadow: 2px 2px 2px #999999;}
div#contact-data h2 {font-size:1.4em;color: #ef8903; text-align: center;}
div#contact-data a {font-size:1em;}
.vcard .adr {margin: 5px 0 10px 0;}
.vcard .org,.vcard .tel .type {font-weight: bold;}
.vcard .org {font-size: 1.1em;}
div.vcard .vcf-icon {float: left; margin-right: 15px;}
div.vcard img.logo {float: left; margin-right: 20px;}
span.v-download{text-align: center; display: block; margin-top: 20px; margin-bottom: 20px;}

/*Form Basics*/
form legend {font-size: 1.3em; font-weight: bold; color:#ef8903;}
form label {font-size: 1.2em; font-weight: bold;}
form input[type="text"] {min-width: 275px;}
form textarea {width: 80%;}

/*Misc*/
img.reflected canvas{margin-top: 1px;opacity: .3;}

/*Mid-Width Corrections*/
@media screen 
and (min-width : 600px) 
and (max-width : 960px){
  /* Styles */
.content-callout h6 {background-position: 0px 0px;} 
}

@media screen 
and (min-width : 300px) 
and (max-width : 767px){
  /* Styles */
.content-callout {width: 100%;border-left:none}
}