/*
Theme Name: WebTech By Design Theme
Theme URI: http://www.webtechbydesign.com
Description: This is the theme for the WebTech By Design website -- WordPress v3.4.2
Author: Scott Whitley
Author URI: http://www.webtechbydesign.com
Version: 1
*/
html, body {
margin: 0px;
padding: 0px;
font: 10pt arial, helvetica, sans-serif;
color: #000000;
background: #111 url("images/bg-main-three.png") repeat 0px 0px;
}
* {margin: 0; padding: 0;}
article, aside, figure, footer, header, nav, section {display: block;}
#page-wrap {
position: relative;
width: 1080px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
border: 0px solid #000000;
text-align: left;
background-color: #fff;
}
.entry{
width: 575px;
}
/* ++++++++++ header styles START ++++++++++++++ */
#a5-header {
position: relative;
height: 410px;
border: 0px solid #000000;
display: inline-block;
background-color: #fff;
background-image:url("images/bg-header.png");
background-repeat: repeat-x;
background-position: 0px 195px;
}
#a5-header-minimal {
position: relative;
height: 210px;
border: 0px solid #000000;
display: inline-block;
background-color: #fff;
}
#logo{
float: left;
padding-top: 25px;
padding-left: 40px;
}
#logo img{
border: 0;
}
#headerText {
position: absolute;
top: -10px;
left: 275px;
width: 700px;
text-align: right;
color: #ce0f0f;
height: 34px;
padding: 15px 0px 10px 20px;
margin: 13px 0px 10px 0px;
}
#headerText h1 {
font-size: 22px;
width: inherit;
padding-right: 60px;
padding-top: 80px;
font-style: italic;
margin-right: 30px;
}
#promises-list{
float: right;
margin-top: 215px;
margin-right: 90px;
color: #fff;
font-family: "Myriad Pro Cond";
font-size: 2.3em;
font-weight: bold;
text-align: right;
}
#questions-answered-list{
float: left;
margin-top: 200px;
margin-left: -280px;
color: #fff;
}
.redHeading {
font: 11pt arial, helvetica, sans-serif;
color: #ce0f0f;
width: 320px;
font-size: 1.4em;
font-weight: 900;
text-align: left;
padding: 0 0 10px 0;
}
#answers-list{
padding-top: 17px;
padding-left: 20px;
}
/* ++++++++++ navigation styles START ++++++++++ */
nav {
position: relative;
width: 1080px;
top: 170px;
left: 0px;
font: 11pt arial, helvetica, sans-serif;
line-height: 20px;
z-index: 1;
border-top: 0px solid #ffffff;
background: #000
url("images/bg-menu-bar.png")
no-repeat
0% 0%;
height: 38px;
}
#a5-menu-box {
position: absolute;
top: 8px;
left: 693px;
}
#a5-menu-box a {
text-decoration:none;
padding:7px 10px 7px 15px;
color:#fff;
font-weight: bold;
}
#a5-menu-box a:hover {
background:url("images/bullet-menu-top-on.png") no-repeat 0px 3px;
color:#ebbd05;
}
#a5-menu-box ul{
list-style: none;
}
#a5-menu-box li{
display:inline;
}
/* ++++++++++ navigation styles END ++++++++++ */
/* ++++++++++ header styles END ++++++++++++++ */
/* ++++++++++ main-content styles START ++++++++++++++ */
#main-content{
float: right;
width: 620px;
margin-top: 30px;
margin-bottom: 20px;
margin-right: 30px;
}
#description-block{
float: right;
width: 580px;
padding: 20px;
}
#description-block h2{
padding: 20px 0 0 20px;
}
#description-block p{
width: 525px;
padding: 20px 0 0 20px;
}
.justify{
text-align: justify;
}
#indexpage-emphasized-1{
font-size:1.7em;
font-weight:bold;
padding-left:12px;
font-family: "Myriad Pro Cond";
}
/* ++++++++++ main-content INDEX styles END ++++++++++++++ */
/* ++++++++++ main-content PACKAGES styles START ++++++++++++ */
#a5-sl-title {
font: 16pt arial, helvetica, sans-serif;
padding: 23px 0px 10px 0px;
margin: 10px 0px 20px 0px;
color: #000000;
}
#a5-column-right-sl-packages {
background-color: #ffffff;
margin-right: 20px;
margin-bottom: 40px;
margin-top: 20px;
}
#a5-column-right-text-sl {
padding:0px 30px 0px 30px;
border:0px solid red;
}
.tableData-1{
font-weight:bold;
text-align:center;
border-left:thin solid #fff;
}
.tableData-1a{
font-weight:bold;
text-align:center;
border-left:thin solid #FFF;
background-color:#f6f6f6;
}
.tableData-1b{
font-weight:bold;
text-align:left;
border-left:thin solid #FFF;
background-color:#f6f6f6;
}
.tableData-2{
font-weight:bold;
text-align:left;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:10px;
width:200px;
border-left:thin solid #FFF;
}
.gray{
background-color:#CCC;
}
.light-gray{
background-color:#f6f6f6;
}
.left{
border-left:thin solid #999;
}
.top{
border-top:thin solid #999;
}
.right{
border-right:thin solid #999;
}
.bottom{
border-bottom:thin solid #999;
}
/* ++++++++++ main-content PACKAGES styles END ++++++++++++++ */
/* ++++++++++ aside INDEX styles START ++++++++++++ */
#search-form{
width: 320px;
}
#index-aside{
float: left;
width: 340px;
padding-bottom: 40px;
padding-left: 40px;
padding-top: 40px;
border: 1px solid #000000;
}
#index-aside h4{
font: 11pt arial, helvetica, sans-serif;
color: #ce0f0f;
height: 34px;
width: 320px;
padding: 30px 0px 0px 0px;
font-size: 1.4em;
font-weight: 900;
}
#widget{
width: 320px;
}
/*Sidebar Form*/
.myform{
margin: 0 auto 0 0px;
width: 280px;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
padding-bottom: 20px;
color: #FFF;
}
/* ----------- stylized ----------- */
#stylized{
background: #fff;
border: 1px solid #000000;
margin-top: 40px;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display: block;
font-weight: bold;
text-align: right;
width: 110px;
float: left;
}
#stylized .small{
color: #666666;
display: block;
font-size: 11px;
font-weight: normal;
text-align: right;
width: 110px;
}
#stylized input{
float: left;
font-size: 12px;
padding: 4px 2px;
border: solid 1px #aacfe4;
width: 280px;
margin: 2px 0 20px 20px;
}
#stylized button{
clear: both;
margin-left: 80px;
width: 140px;
height: 31px;
background: #666666 url(img/button.png) no-repeat; /*!!!!!Check on this one later!!!!!!!*/
text-align: center;
line-height: 22px;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
}
/* ++++++++++ aside INDEX styles END ++++++++++++ */
/* ++++++++++ aside PACKAGES styles START ++++++++++++ */
#index-aside-packages{
float: left;
width: 390px;
}
#index-aside-packages h4{
font: 11pt arial, helvetica, sans-serif;
color: #ce0f0f;
height: 34px;
width: 335px;
padding: 45px 0px 0px 40px;
font-size: 1.4em;
font-weight: 900;
}
#a5-column-left-text-sl-packages {
margin: 35px 0px 0px 40px;
border: 0px solid #000;
}
/* ++++++++++ aside PACKAGES styles END ++++++++++++ */
#column-left{
width: 330px;
margin-left: 40px;
text-align: justify;
padding-top: 10px;
}
.contact-para {
font-weight: 400;
font-size: 1em;
padding-bottom: 25px;
}
.contactList{
color:#000;
padding-bottom:10px;
}
/* ++++++++++ footer styles START ++++++++++++ */
#a5-footer {
clear:both;
font: 8pt arial, helvetica, sans-serif;
height:27px;
margin:0px 0px 0px 0px;
padding:13px 20px 10px 0px;
text-align:right;
color:#999999;
background:url("images/bg-footer.png") no-repeat 0px 0px;
border-top:0px solid #ffffff;
}
/* ++++++++++ footer styles END ++++++++++++++ */