html,body {
margin: 0px auto;
padding: 0px;
background-color: #ffffff;
height: 100%;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
header, nav, footer, section, hgroup, aside, figure, figcaption {
display: block;
margin: 0px;
padding: 0px;
}
h1, h2, h3, h4, h5 {
margin: 0px;
padding: 0px;
}
h1 {
font-weight: normal;
font-size: 28px;
color: #969696;
margin: 0px;
text-align: left;
padding: 50px 0px 0px 0px;
line-height: 36px
}
h1#home {
font-weight: normal;
font-size: 28px;
color: #969696;
margin: 0px;
width: 500px;
text-align: left;
padding: 50px 0px 0px 0px;
line-height: 36px
}
#contact {
width: 275px;
height: 48px;
background: url('../img/contactusbg.gif') no-repeat;
}
#contactform {
width: 235px;
padding: 0px 15px 0px 15px;
height: 260px;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.08, rgb(255,244,142)),
color-stop(0.54, rgb(255,255,255)),
color-stop(0.77, rgb(255,255,255))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(255,244,142) 8%,
rgb(255,255,255) 54%,
rgb(255,255,255) 77%
);
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 1px 1px 1px #ccc;
-webkit-box-shadow: 1px 1px 1px #ccc;
box-shadow: 1px 1px 1px #ccc;
border: 1px solid #eee;
}
ol {
width: 550px;
}
.regular {
font-weight:normal;
}
ol.guidelines {
margin: 0px;
padding: 0px 20px;
width: 180px;
}
ol.guidelines li {
width: 180px;
}
ol li {
margin: 20px 0px 0px 0px;
}
#contactbtn {
padding: 8px 8px 0px 8px;
margin: 0px;
width: 143px;
display:inline;
}
#placeholder {
width: 690px;
}
#middleright {
float:right;
display:inline;
border-left: 1px solid #afafaf;
padding: 0px 0px 0px 50px;
margin: 90px 0px 0px 0px;
clear: right;
}
#targeting {
color: #afafaf;
}
#targeting ul li{
font-weight: normal;
}
#homeimages {
height: 287px;
}
#middlerightabout {
float:right;
display:inline;
padding: 0px 0px 0px 50px;
margin: 0px 0px 0px 0px;
clear:both;
}
.folioright {
padding: 0px 8px 0px 6px;
margin: 0px 10px 0px 0px;
float: right;
display:inline;
min-height: 100%;
}
.foliomid {
padding: 0px 7px 0px 7px;
margin: 0px 0px 0px 0px;
float: right;
display:inline;
min-height: 100%;
}
.folioleft {
padding: 0px 6px 0px 0px;
margin: 0px 0px 0px 0px;
float: right;
display:inline;
min-height: 100%;
}
.folioleft2 {
padding: 0px 13px 0px 0px;
margin: 0px 0px 0px 0px;
float: right;
display:inline;
min-height: 100%;
}
#middlecontent #middleright p{
line-height: 20px;
margin: 0;
padding: 0;
color:#737373;
}
#middleleftphil ul
{
line-height:24px;
margin-bottom:0px;
}
#middleleftphil li
{
color:#afafaf;
}
#middleleftabout ul
{
line-height:24px;
margin-bottom:0px;
}
#middleleftabout li
{
color:#afafaf;
}
li span.listcolor
{
color:#000;
font-weight:normal;
}
#middleul ul {
color: #afafaf;
width: 300px;
}
#middleul ul li {
color: #afafaf;
padding: 10px 0px 0px 0px;
line-height: 20px;
text-indent:10px;
}
#middleul ul li a{
color: #0f6cb6;
padding: 0px 0px 0px 0px;
}
#elevatorpitch {
height: 300px;
}
#elevatorpitchabout
{
overflow:hidden;
}
#elevatorpitchabout h1 {
font-weight: normal;
margin: 10px 0px 20px 0px;
font-size: 30px;
}
#headerright {
float:right;
display:inline;
margin: 0;
padding: 0;
width: 375px;
}
#headerleft {
margin: 0;
width: 570px;
padding: 0;
}
#sub_header h3
{
text-align:center;
}
h2 {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
color: #2e2e2e;
width: 600px;
font-size: 18px;
}
h3 {
padding: 15px 0px 5px 0px;
color: #2e2e2e;
font-size:18px;
font-weight: normal;
}
h4 {
margin: 0px 0px 20px 0px;
padding: 10px 0px 0px 20px;
color: #2e2e2e;
width: 220px;
font-weight: normal;
font-size: 18px;
}
.arrow {
margin: 0px 5px 0px 0px;
}
.folio {
margin: 0px 0px 10px 0px;
}
#line {
height: 230px;
/*border-left: 1px solid #afafaf; */
width: 1px;
margin: 0px 9px 0px 9px;
display:inline;
float:right;
padding: 0px;
}
article h4
{
display:inline;
margin:0 0 0 5px;
}
article aside#folio_information h4
{
display:block;
}
#blog_full h4
{
margin: 30px 0 -10px;
padding: 0;
}
aside p {
color: #5d5e5f;
font-size:14px;
}
div.address
{
margin-top:5px;
color: #737373;
line-height: 16px;
}
#introduction h5
{
padding: 25px 0 10px;
}
h5#chicago
{
margin-top:15px;
}
img {
outline: 0;
border: none;
}
a {
outline: 0;
color: #0f6cb6;
text-decoration: none;
}
a:hover
{
color:#e4dc00;
text-decoration:none;
}
a:visited
{
text-decoration:none;
}
#headwrap {
margin: 0px auto;
padding: 0px 20px 0px 20px;
width: 960px;
}
header#head {
margin: 0px;
padding: 0px;
background: url('../img/headerbg.gif') repeat-x;
height: 94px;
}
#homemenu {
float:right;
display:inline;
margin: 0px 20px 0px 0px;
color: white;
}
#homemenu ul li{
text-align: center;
margin: 0px 0px 0px 5px;
float:left;
display:inline;
font-size: 12px;
background-color: #0f6cb6;
width: 20px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 1px 1px 1px #fff;
-webkit-box-shadow: 1px 1px 1px #fff;
box-shadow: 1px 1px 1px #fff;
}
#homemenu ul li a{
color:white;
}
#homemenu ul li.full a{
color: #0f6cb6;
}
#homemenu ul li.full{
text-align: center;
margin: 0px 10px 0px 10px;
float:left;
display:inline;
font-size: 12px;
background-color:transparent;
width: 83px;
color: #0f6cb6;
list-style-type:disc;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.secondmenu {
padding: 0;
margin: 0;
top: 19px;
position:relative;
left: 291px;
z-index: 98;
}
ul.secondmenu li {
float:left;
display:inline;
list-style-type: none;
padding: 0px;
margin: 0px 20px 0px 0px;
font-size: 12px;
text-align: right;
}
ul.secondmenu li a {
list-style-type: none;
color: black;
margin: 0px;
font-size: 12px;
text-align: right;
padding: 5px 10px 5px 10px;
}
ul.mainmenu li {
float:left;
display:inline;
list-style-type: none;
margin: 45px 0px 0px 30px;
font-size: 14px;
text-align: right;
}
ul.secondmenu li a:hover {
list-style-type: none;
font-size: 12px;
text-align: right;
padding: 5px 10px 5px 10px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #0f6cb6;
}
ul.mainmenu li a {
list-style-type: none;
font-size: 14px;
text-align: right;
padding: 5px 10px 5px 10px;
}
.currenthover {
background-color: #eeeeee;
-moz-border-radius: 5px;
border-radius: 5px;
color: black;
}
.currenthover2 {
background-color: #eeeeee;
color: blue;
}
ul.mainmenu li a:hover {
list-style-type: none;
font-size: 14px;
text-align: right;
background-color: #eeeeee;
padding: 5px 10px 5px 10px;
-moz-border-radius: 5px;
border-radius: 5px;
color: black;
}
.mainmenu {
margin: 0px 0px 0px 40px;
margin: 0px;
padding: 0px;
float:right;
}
li.menuitem {
font-size: 12px;
padding: 0px 3px 0px 0px;
color: #0f6cb6;
margin: 0px;
}
#wrapperabout {
width: 100%;
margin: 0px auto;
min-height:100%;
position:relative;
font-size: 12px;
background: url(../img/gradientbg2.gif) repeat-x;
background-position: top;
min-height:100%;
clear: both;
}
#wrapper {
width: 100%;
margin: 0px auto;
min-height:100%;
position:relative;
clear: both;
background: url(../img/gradientbg.gif) repeat-x;
background-position: top;
min-height:100%;
}
#wrapper2 {
width: 960px;
margin: 0px auto;
padding: 0px 20px 0px 20px;
background-position: top;
overflow:hidden;
min-height:100%;
position:relative;
}
#wrapper2about {
width: 960px;
margin: 0px auto;
padding: 0px 20px 0px 20px;
font-size: 12px;
background-position: top;
overflow:hidden;
min-height:100%;
position:relative;
}
#logo {
font-weight: normal;
margin: 15px 0px 0px 0px;
font-size: 30px;
float: left;
padding: 0px;
}
#logoimage {
font-weight: normal;
margin: 15px 0px 0px 0px;
font-size: 30px;
float: left;
padding: 0px;
}
footer#bottomcontent ul{
list-style-type:none;
padding: 10px 0px 0px 20px;
font-size: 14px;
}
.logo2 {
float: right;
display:inline;
padding: 10px 20px 0px 0px;
}
.submit {
float:right;
display:inline;
padding: 7px 27px 0px 0px;
}
.footboxwrap p {
margin: 0px;
padding: 0px 0px 10px 20px;
font-size: 12px;
color: #2e2e2e;
}
form {
margin: 0px;
padding: 0px 0px 0px 20px;
}
.footboxwrap {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.14, rgb(190,190,190)),
color-stop(0.59, rgb(204,204,204)),
color-stop(0.79, rgb(219,219,219))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(190,190,190) 14%,
rgb(204,204,204) 59%,
rgb(219,219,219) 79%
);
width: 300px;
height: 220px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
footer#bottomcontent {
position:absolute;
bottom:0;
width:100%;
height:265px;
padding: 0px;
margin: 0px;
}
footer#bottomcontent ul li{
list-style-type:none;
padding: 8px 0px 0px 0px;
}
#footerwrap{
width: 100%;
margin: 0px auto;
padding: 15px 0px 0px 0px;
clear: both;
background-color: #bebebe;
background-position:center 4px;
height: 100%;
}
#footerwrap2 {
width: 1000px;
margin: 0px auto;
}
#footerwrap3 {
width: 300px;
margin: 0px auto;
padding: 0px 0px 0px 0px;
clear: both;
background-color: #bebebe;
background-position:center 0px;
height: 140px;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.06, rgb(190,190,190)),
color-stop(0.53, rgb(208,208,208))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(190,190,190) 6%,
rgb(208,208,208) 53%
);
}
#follow-me {
cursor: pointer;
}
.backtotop {
cursor: pointer;
float:right;
display:inline;
padding: 0px;
margin: 0px 10px 0px 0px;
height: 27px;
}
#back {
width: 960px;
margin: 0px auto;
padding: 50px 0px 0px 0px;
}
.gray {
clear: left;
height: 32px;
padding-top: 5px;
margin: 0px;
}
.textfield {
border: 1px solid gray;
color: #333333;
float: right;
font-size: 12px;
margin: 0 30px 7px 0;
padding: 5px;
position: relative;
width: 160px;
}
label {
font-size: 12px;
color: #616161;
}
footer ul {
margin: 0px;
padding: 0px;
border: 0px;
}
.line {
/*border-left: 1px solid #afafaf; */
float: right;
display:inline;
width: 1px;
height: 250px;
margin: 0px;
padding: 0px;
position:relative;
left: -15px;
}
#introduction {
color: #6a6a6a;
width:435px;
display:inline;
margin: 0px;
padding: 17px 0 0;
float:left;
}
#introduction p{
color: #6a6a6a;
width:430px;
margin: 0px;
padding: 0px;
text-shadow: 1px 1px 1px #FFFFFF;
font-size: 14px;
line-height: 24px;
}
.twitter {
width: 330px;
/* height: 300px; */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #6a6a6a;
float:right;
display:inline;
text-shadow:1px 1px 1px #FFFFFF;
font-size: 15px;
line-height: 20px;
}
#twitter_div { width: 283px; padding: 0px 10px 10px 0; font-size: 12px; text-shadow:1px 1px 1px #FFFFFF; }
.twitter_div {
float:right;
display:inline;
position:relative;
top: 7px;
left: -13px;
}
ul#twitter_update_list { width: 283px; padding: 0px 0px 10px 0px; margin: 0; position:relative; top: -20px; }
ul#twitter_update_list li { width: 283px; padding: 0px 0 10px 0; margin: 0px 0px 0px 0px; list-style: none; }
ul#twitter_update_list li a { color: #000000; text-decoration: none; }
ul#twitter_update_list li a:hover { color: #02a4c2; }
footer {
width: 100%;
height: 275px;
margin: 0px;
padding: 0px 0px 0px 0px;
}
#learnmore {
margin: 25px 0 0 0px;
}
#middlecontent {
min-height:100%;
position:relative;
margin: 0px 0px 0px 0px;
width: 960px;
padding-bottom: 275px;
}
.secondfolio {
clear: both;
margin: 50px 0px 0px 0px;
height: 150px;
}
#middlecontentabout {
min-height:100%;
position:relative;
margin:20px 0 0;
width: 960px;
padding-bottom: 275px;
}
#middlecontentchannel {
min-height:100%;
position:relative;
margin:20px 0 0;
width: 960px;
padding-bottom: 275px;
}
#middlecontentchannel span.lead {
font-weight: bold;
}
#middlecontentportfolio {
min-height:100%;
position:relative;
margin:20px 0 0;
width: 960px;
padding-bottom: 315px;
}
#middlecontentabout span{
font-weight: bold;
}
#middlecontent p {
color: #000;
line-height:20px;
}
.columnleft {
margin: 0px;
padding: 0px;
width:95px;
}
#sidecontent {
margin: 20px 0px 20px 0px;
}
#sidecontent ol{
margin: 0px 0px 20px 0px;
padding: 0px;
width: 300px;
}
#sidecontent4 {
margin: 0px 0px 20px 0px;
}
#sidecontent5 {
margin: 0px 0px 20px 0px;
}
#sidecontent5 p{
margin: 0px 0px 0px 0px;
}
#sidecontent3 {
margin: 20px 0px 20px 0px;
width:270px;
color:#a3a3a3;
line-height:18px;
}
table {
margin: 0px;
padding: 0px;
}
h3.about {
margin: 0px;
padding: 0px 0px 10px 0px;
}
#sidecontent2 {
width:213px;
border: 1px solid #e1e1e1;
padding: 20px 30px 30px 30px;
margin: 20px 0px 0px 0px;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.08, rgb(255,244,142)),
color-stop(0.54, rgb(255,255,255)),
color-stop(0.77, rgb(255,255,255))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(255,244,142) 8%,
rgb(255,255,255) 54%,
rgb(255,255,255) 77%
);
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 1px 1px 1px #ccc;
-webkit-box-shadow: 1px 1px 1px #ccc;
box-shadow: 1px 1px 1px #ccc;
}
#sidecontent2 p
{
font-size:13px;
line-height:18px;
}
#sidecontent2 ul
{
margin: 0px 0px 0px 17px;
padding: 0px 0px 0px 0px;
color:#5D5E5F;
}
#sidecontent2 ul li
{
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#sidecontent2 ol li
{
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#showcase {
float:right;
display:inline;
margin-bottom: 40px;
margin-right: 17px;
width: 330px;
}
#chaselabel {
float: right;
display:inline;
}
#middleleft {
margin: 10px 0px 0px 0px;
width: 630px;
padding: 35px 0 0;
}
#middleleftabout {
/* margin: 10px 0px 0px 0px; */
width: 630px;
/* padding: 35px 0 0; */
font-size: 14px;
/*border-right: 1px solid #AFAFAF;*/
}
#middleleftfolio {
/* margin: 10px 0px 0px 0px; */
/* padding: 35px 0 0; */
font-size: 14px;
line-height:22px;
}
#middleleftfolio span{
/* margin: 10px 0px 0px 0px; */
/* padding: 35px 0 0; */
font-weight: bold;
}
#middleleftfolio p{
margin: 10px 0px ;
line-height:22px;
padding: 0;
font-size: 14px;
width: 600px;
}
#middleleftphil {
/* margin: 10px 0px 0px 0px; */
width: 630px;
/* padding: 35px 0 0; */
font-size: 14px;
/*border-right: 1px solid #AFAFAF;*/
height: 550px;
}
#middleleftphil p.first {
margin: 0px;
width: 630px;
padding: 0;
font-size: 14px;
}
#middlelefttargeting {
/* margin: 10px 0px 0px 0px; */
width: 630px;
height: 400px;
/* padding: 35px 0 0; */
font-size: 14px;
/*border-right: 1px solid #AFAFAF;*/
}
#middleleftcontact {
/* margin: 10px 0px 0px 0px; */
width: 630px;
/* padding: 35px 0 0; */
font-size: 14px;
/* border-right: 1px solid #AFAFAF; */
}
#middleleftcontact p{
margin: 0px;
width: 630px;
font-size: 14px;
border-right: 1px solid #AFAFAF;
}
#middleleftcontact p.first{
margin: 0px;
padding: 0px;
width: 600px;
font-size: 14px;
border: none;
line-height:22px;
}
#middleleftphil p{
margin: 10px 0px 0px 0px;
width: 630px;
padding: 20px 0 0;
font-size: 14px;
line-height: 22px;
width: 600px;
}
#middleleftabout p{
margin: 10px 0px 0px 0px;
width: 630px;
padding: 20px 0 0;
font-size: 14px;
line-height: 22px;
width: 600px;
}
#middleleftabout p.first
{
margin-top:0;
padding-top:0;
}
#middleleftabout p.last
{
padding-bottom:80px;
}
#middleleft p {
font-size: 18px;
width: 600px;
line-height: 25px;
}
.lead
{
font-size:16px;
}
textarea {
resize:none;
width: 280px;
margin: 10px 0px 0px 0px;
}
#message {
position:relative;
top: -45px;
left: 0px;
}
form.contact label {
display: inline-block;
line-height: 30px;
width: 200px;
font-size:14px;
font-family: Helvetica, sans-serif;
color: #333;
}
input.contactfield {
margin: 10px 0px 0px 0px;
width: 270px;
border: 1px solid gray;
color: #333333;
font-size: 12px;
padding: 5px;
}
input.submission {
width: 150px;
}
form.contact{
margin: 35px 0px 0px 0px;
padding: 0px;
}