/*

Theme Name: NetLink Marketing

Author: Vicky Gourgouri

*/





* {

margin:0;

padding:0;

}



html,body {

color:#575757;

background:#fff url(imgs/bg.gif) repeat-x;

font:13px Univers, Helvetica, Arial, sans-serif;

margin:0;

padding:0;

}

a {
text-decoration:none;
outline:none;
color:#007877;
}

a:hover {
text-decoration:none;
outline:none;
color:#b50102;
}

a:active {
color:#007877;
}



ul, ol {

color:#575757;
}



#postPage ul,#postPage ol, #rightColInner ul {
padding:0;
margin: 20px 40px;

list-style: square;
clear:left
}
html>body #rightColInner ul { *margin: 5px 40px; }
#postPage ul li,#postPage ol li, #rightColInner ul li{

padding:5px 0;

}

a img {

border:none

}



input,textarea,select {

border:1px solid #cbc4b2;

color:#898989;

margin:0;

padding:2px;

overflow:hidden;

font-size: 12px

}



select option {

padding-left: 10px

}



.floatLeft {

float:left;

}



img.floatLeft, .phone {
float:left;
margin: 5px 20px 20px 0;

padding:3px;

background: #d9edec;

border: 1px solid #c2dcdb;
}


img.floatRight {

float:right;

margin: 5px 0 20px 20px

}

.floatRight {

float:right;

}

.clearingLine {

background: #caeae9;

height: 5px;

width: 100%;

clear: both;

overflow: hidden;

float: left;

margin: 30px 0

}

.clear {

clear:both;

}

#wrap {

width: 960px;

margin: 0 auto;

overflow: hidden;

}

#top {

float:left;

width: 960px;

height: 88px;

margin: 0;

overflow: hidden;

clear: both;

}

#logo {

background: url(imgs/logo.png) no-repeat top left;

width: 136px;

height: 82px;

float: left;

margin: 0;

}

a.logo {

display:block;

width: 136px;

height: 82px;

float:left;

background:none;

border:0;

margin:0;

}


a.logo em, h2.home em, #rightCol tr.thead td.brand1 em, #rightCol tr.thead td.brand2 em, #rightCol tr.thead td.brand3 em, h3.about em, h3.portfolio em, h3.services em, #netlink a em, #contactLink em,  h4.radioAds em, h4.printAds em, h4.website em, .linklove, .postSingle h1, .ddsg-wrapper ul li strong, .ddsg-wrapper h2, h4.videoTtl em, h4.richTtl em {

display:none;

}



#menuWrap {

float:right;

width:417px;

background: url(imgs/menuBg.png) repeat-x;

}

.post {
clear:both; padding-bottom:30px;overflow:hidden;
}

ul#menu1 {

list-style:none;

overflow:hidden;

width:417px;

float:left;

height:88px;

clear:both;

position:relative;

margin:0;

}



#menu1 span {

display:none;

position:absolute;

}



#menu1 a {

display:block;

text-indent:-900%;

position:absolute;

outline:none;

}



#menu1 a:hover, #menu1 li.current_page_item a, #menu1 li.page_item{

background-position:left bottom;

}

#menu1 .about {

width:79px;

height:88px;

background: url(imgs/about.gif) no-repeat;

left:0;

top:0;

}



#menu1 .portfolio {

width:91px;

height:88px;

background: url(imgs/portfolio.gif) no-repeat;

left:167px;

top:0;

}



#menu1 .services {

width:88px;

height:88px;

background: url(imgs/services.gif) no-repeat;

left:79px;

top:0;

}



#menu1 .home {

width:73px;

height:88px;

background: url(imgs/home.gif) no-repeat;

left:258px;

top:0;

}



#menu1 .contact {

width:86px;

height:88px;

background: url(imgs/contact.gif) no-repeat;

left:331px;

top:0;

}



#banner {

float:left;

background: url(http://dylhbw8crh1u5.cloudfront.net/header_image.jpg);

width: 960px;

height: 233px;

overflow: hidden;

margin: 20px 0 0

}



#bannerInner {

float:left;

background: url(imgs/servicesBanner.png);

width: 960px;

height: 136px;

overflow: hidden;

margin: 20px 0

}



#bannerPortfolio {

float:left;

background: url(imgs/portfolioBanner.png);

width: 960px;

height: 145px;

overflow: hidden;

margin: 20px 0

}



#bannerPortfolio2 {

float:left;

background: url(imgs/portfolioBanner2.png);

width: 960px;

height: 136px;

overflow: hidden;

margin: 20px 0

}



#flash {

float:left;

background: url(imgs/flash.gif);

width: 960px;

height: 100px;

padding:0;

overflow: hidden;

margin: 20px 0

}



#leftCol {

width: 310px;

height: auto;

overflow: hidden;

float: left;


}



#leftColInner {

width: 230px;

height: auto;

overflow: hidden;

float: right;

}


h2.home {

background: url(imgs/title.png) no-repeat top left;

width: 310px;

height: 115px;

margin: 0 0 10px;

float: left;

}



#rightCol {

width: 640px;

height: auto;

overflow: hidden;

float: right;

}



#rightColInner {

width: 710px;

height: auto;

overflow: hidden;

float: left;

}



#rightColInner p, #postPage p, #contactPage p{

line-height: 22px;

margin: 15px 0 0

}

#postPage p{

margin: 0 20px;

}

.portfolioContent p {

line-height: 17px;

margin: 12px 0 0

}



#rightCol table {

width: 633px;

float: right;

background: #edf9f9;

}


#leftColInner ul {
background: #d9edec;
}

#leftColInner a {

text-decoration:none;
color:#007877;
line-height:49px;
height: 49px;
background: url(imgs/tab.gif) no-repeat;
width:230px;


}

#leftColInner a:hover {
text-decoration:none;
outline:none;
color:#b50102;
}

#leftColInner a:active {
color:#007877;
}

#leftColInner ul li ul{

background: #edf9f9;
padding-top:20px;
}



#rightCol table a, #rightCol table a:link {

font: bold 12px Univers, Helvetica, Arial, sans-serif;

width: 180px;

height: 18px;

display: block;

padding: 15px 0 15px 30px;

border-right: 1px solid #c8e2df;

border-bottom: 1px solid #c8e2df;

color: #02807c;

}

#leftColInner ul li ul li a {

font: bold 12px Univers, Helvetica, Arial, sans-serif;

width: 210px;

height: 18px;

display: block;

padding: 15px 0 15px 20px;

border-bottom: 1px solid #c8e2df;

color: #02807c;

}

#leftColInner ul li ul li a:hover {

color: #b80201;
}


#leftColInner ul ul ul {
background:#EDF7F7;
padding: 5px 0 ;
border-bottom:none;

}

#leftColInner ul li a {
font-weight:normal;
background:#edf7f7;
border-bottom:1px solid #d9eaea;
padding: 15px 0 15px 35px;
}

#leftColInner ul ul ul li a {
font-weight:normal;
background:#edf7f7;
border-bottom:1px solid #d9eaea;
padding: 15px 0 15px 20px;margin:0 20px
}

#leftColInner ul li ul li ul li {
list-style: none;
}

#leftColInner ul li ul li ul li a {
color:#b50102;
}

#leftColInner ul ul ul ul  {

background:#fff; padding: 0 0 15px; border-bottom:1px solid #d5e8e8;

}

#leftColInner ul ul ul ul ul {

background:#fff; border:none; padding:5px;

}

#leftColInner ul ul ul ul ul li a {

list-style:none; padding: 15px 0 0 50px; color:#71acac;

}

#leftColInner ul ul ul ul li a {

background:#fff;border:none;font-weight:normal;font-size:11px;padding: 15px 0 0 20px;

}

#leftColInner ul li a {

font: bold 15px Univers, Helvetica, Arial, sans-serif;

font-style: italic;

color: #b80201;

width: 210px;

height: 18px;

display: block;

padding: 15px 0 15px 20px;

border-right: 1px solid #c8e2df;

border-bottom: 1px solid #c8e2df;

}



#rightCol table a.right {

border-right: none;

}



#rightCol table a.bottom {

border-bottom: none;

}



#rightCol table a.rightBottom {

border-bottom: none;border-right: none;

}



#rightCol tr.thead td{

background: #d9edec;

border-right: 1px solid #fff 

}



#rightCol tr.thead td.brand1, #rightCol tr.thead td.brand2, #rightCol tr.thead td.brand3 {

width: 210px;

height: 49px

}



#rightCol tr.thead td.brand1, #leftColInner ul li.brand1 {

background: url(imgs/brandEval.png) no-repeat top left;

}



#rightCol tr.thead td.brand2, #leftColInner ul li.brand2 {

background: url(imgs/brandDec.png) no-repeat top left;

}



#rightCol tr.thead td.brand3, #leftColInner ul li.brand3 {

background: url(imgs/brandTransa.png) no-repeat top left;

}



#rightColInner h1, #postPage h1, #contentWrap h1, .post h2, #contactPage h1, .website h1 {

color: #b50601;

font: 28px Univers, Impact, Helvetica, Arial, sans-serif;

}

#postPage h2{

color: #007a7b;

font: 21px Univers, Impact, Helvetica, Arial, sans-serif;

margin:20px 0 0 20px;

}

#leftColInner h2 {

color: #007b7b;

font: 24px Univers, Impact, Helvetica, Arial, sans-serif;

margin: 10px 0 5px 5px

}

#postPage h1, .post h2 {

margin-left:20px

}

#rightColInner .post h2 {

margin-left:0

}

.portfolioContent h1 {

color: #b50601;

font: 26px Univers, Impact, Helvetica, Arial, sans-serif;

}

.portfolioContent h2, .website h2 {

color: #333;

font: 42px Helvetica, Helvetica, Arial, sans-serif;

letter-spacing: 0

}

.website h2 {

width: 500px;

float: left;

}

.website img {

margin: 10px 0;

}

.portfolioContent {

float:left;

width: 960px;

margin: 0;

padding: 20px 0;

clear:both;

border-bottom:1px solid #caeaea

}

.portfolioContent ul, .postSingle ul {

overflow:hidden;

width: 300px;

float:left

}

.portfolioContent li, .postSingle li {

display:block;

width: auto;

background: url(imgs/tick.gif) no-repeat top left;

padding: 4px 0 5px 30px;

margin: 10px 0;

color: #097a7e;

font-weight: bold

}



.contentWrap {

float:left;

width: 960px;

clear: both;

margin: 20px 0;

}



.content {

width: 310px;

height: auto;

overflow: hidden;

float: left;

margin: 0 15px 0 0

}



.content2 {

width: 310px;

height: auto;

overflow: hidden;

float: right;

margin: 0

}



.content h3, .content2 h3 {

height: 50px;

width: 307px;

margin: 0 0 10px

}



.content h4, .content2 h4 {

height: 41px;

width: 306px;

margin: 0 0 10px

}



h3.about {

background: url(imgs/aboutTitle.png);

}



h3.services {

background: url(imgs/servicesTitle.png);

}



h3.portfolio {

background: url(imgs/portfolioTitle.png);

}



h4.radioAds {

background: url(imgs/radioAds.png);

}



h4.printAds {

background: url(imgs/printAds.png);

}

h4.videoTtl {

background: url(imgs/videoTitle.gif);

}

h4.richTtl {

background: url(imgs/richTitle.gif);

}
h4.website{



background: url(imgs/website.png);

}



#links {









float:left;

width: 960px;

height: 61px;

background: url(imgs/linksBg.png) repeat-x;

margin: 30px 0 0

}

#linksRight {

margin: 20px 0 0 50px;

float: right;

}



#linksRight li {

list-style: none;

margin: 0;



display: inline;

}



#linksRight li a {

padding: 1px 10px;

margin: 0;

text-decoration: none;

}





#linksRight li a:link, #linksRight li a:visited { font:bold 12px Univers, Helvetica, Arial, sans-serif;color: #a10000;font-style: italic;  }

#linksRight li a:hover {color: #007b7b;}



#netlink {

background: url(imgs/netlink.png);

margin: 5px 20px;

float: left;

}



#contactLink {

background: url(imgs/contactTitle.png);

margin: 5px 20px;

float: right;

}



#netlink a, #netlink a:link {

display: block;

width: 270px;

height: 43px;

}



#contactLink a, #contactLink a:link {

display: block;

width: 72px;

height: 43px;

}



#footer {

height: 34px;

width: 100%;

overflow: hidden;

background: url(imgs/footerBg.png) repeat-x bottom left;

clear: both

}



a.visitSite, a:link.visitSite {

float:left;
background: url(imgs/visitSite.gif) no-repeat left top;
margin:5px 0 0 15px;
padding:7px 0 0;
text-align:center;
width:102px;
height:32px;
text-decoration:none;
color: #fff;
text-transform:uppercase;
}



a:hover.visitSite {

background: url(imgs/visitSiteHover.gif) no-repeat left top;
color: #a2fcff;
}



.linkTab {

text-transform: uppercase;

font-size: 0.8em;

float: left;

margin: 10px 0;

height: 20px;

}



.linkTab a {

float:left;

background: url(imgs/buttonLeft.gif) no-repeat left top;

margin:0;

padding:0 0 0 2px;

text-decoration:none;

}



.linkTab a span {

float:left;

display:block;

background: url(imgs/buttonRight.gif) no-repeat right top;

padding:4px 15px 4px 12px;

color:#fff;position:relative

}



/* Commented Backslash Hack hides rule from IE5-Mac \*/

.linkTab a span {float:none;}





/* End IE5-Mac hack */

.linkTab a:hover span {

color:#fff;

}



.linkTab a:hover {

background-position:0% -20px;

}



.linkTab a:hover span {

background-position:100% -20px;

}



.linkTab #current a {

background-position:0% -20px;

}



.linkTab #current a span {

background-position:100% -20px;

}



.video {

width: 543px;

height: 280px;

float: left;margin-right:20px

}



.workScreenshot {

width: 545px;

height: 240px;

float: left;

background: #caeae9

}



.website {

float:left;

width: 960px;

height: auto;

overflow: hidden;

}



#postPage {

float:left;

clear:both;

width: 100%;

height:auto;

overflow:hidden

}



#contactPage {

float:left;

width: 650px;

height:auto;

overflow:hidden

}



#contactPageRight {

float:right;

width: 280px;

height:auto;

overflow:hidden;

margin: 50px 0 0;

}



#breadCrumbs {

padding-bottom:20px;

margin:0;width:100%;

float:left;

overflow:hidden

}



#breadCrumbs a {

font-weight:700

}



.red {

color: #a10000

}



#rightColInner h3 {

clear:both;

width: 100%;

margin:20px 0 6px;

float:left;

color: #333

}

#postPage h3, #respond h3, #contactPage h3{

clear:both;

width: 100%;

margin:20px 0 6px 20px;

float:left;

color: #333

}

#postPage h4 {

clear:both;

width: 100%;

margin:17px 0 5px 20px;

float:left;

color: #666

}

#contactPageRight ul {

list-style:none

}

.titleContact, #contactPageRight h2{

font: bold 1.1em Helvetica, Arial, sans-serif;

color:#a10000;

float:left;

margin:10px 0 7px;

text-transform: uppercase; width: 100%;clear:both;

}



#contactPageRight ul li span.phone {

background: url(imgs/phone.gif) no-repeat 0 10px;

padding: 7px 0 7px 24px;
margin: 5px 20px 0 0;
line-height: 20px;

text-transform: uppercase;

list-style:none;

float:left;color:#333;width:260px;
border:none
}



ul li span.email {

background: url(imgs/email.gif) no-repeat 0 10px;

padding: 7px 0 7px 24px;

line-height: 20px;

list-style:none;

float:left;width:260px

}



ul li span.address {

background: url(imgs/address.gif) no-repeat 0 10px;

padding: 7px 0 7px 24px;

line-height: 20px;

list-style:none;

float:left;width:260px

}

.postmetadata {
border: 1px solid #ccc;
background:#efefef;
padding: 5px 10px;
clear:both;
text-align:right
}
.post h1 a,.post h1 a:link {
float:left;clear:both; width: 700px
}
a.more-link {
float:right;
padding:0;margin:0;clear:both
}
.nav {
margin-bottom-10px;float:left; clear:both;
}
#respond textarea {
width: 670px
}
#podPress_footer {
display:none
}
.thumbnail {
width:190px;height:245px;float:left;display:inline; margin: 15px 25px
}
.thumbnail p {
font-size: 12px;
color: #555
}
.thumbnail img {
border: 1px solid #ccc;
padding:2px;
background:#efefef;
clear:both;
margin-bottom: 6px
}
.thumbnail h5 {
text-transform: uppercase;
font-size: 13px;
margin: 2px auto;
}