/* styles for Nytshadow v11 */
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background-color: #ebebea;
}
p {
font-family: 'Lucida Sans Unicode','Lucida Grande','Gill Sans', Arial, Helvetica, sans-serif;
font-size: 14px;
color: #252525;
}
a, a:visited {
color: #2db7af;
text-decoration: none;
}
a:hover {
color: #3af1e6;
text-decoration: none;
outline: none;
text-shadow: 1px 1px 2px #80ccbd;
}
a:active {
color: #3af1e6;
outline: none;
text-decoration: none;
}
h1,h2,h3,h4,h5 {
font-family: 'LeagueGothicRegular', 'Arial Narrow', Arial, Helvetica, sans-serif;
font-weight: normal;
}
@font-face {
font-family: 'LeagueGothicRegular';
src: url('fonts/League_Gothic.eot');
src: local('fonts/League Gothic'), local('LeagueGothic'), url('fonts/League_Gothic.woff') format('woff'), url('fonts/League_Gothic.ttf') format('truetype'), url('fonts/League_Gothic.svg#LeagueGothic') format('svg');
}
/* global site layout */
#top {
width: 100%;
height: 350px;
margin: 0;
background: url(images/pgtp-dz2.png) top repeat-x;
}
#containertop-home, #containertop-web, #containertop-graphic, #containertop-writing {
clear: both;
width: 100%;
margin: 0;
padding: 0;
}
#containertop-home {
background: url(images/turqstripe.png) top repeat-x;
}
#containertop-web {
background: url(images/grnstripe.png) top repeat-x;
}
#containertop-graphic {
background: url(images/aquastripe.png) top repeat-x;
}
#containertop-writing {
background: url(images/sagestripe.png) top repeat-x;
}
#container2-home, #container2-graphic, #container3-graphic, #container2-web {
clear: both;
width: 100%;
margin: 0;
padding: 0;
}
#container2-home {
background: #278c86 url(images/ivorystripe.png) top repeat-x;
}
#container2-graphic {
background: #278c86 url(images/aquastripe2.png) top repeat-x;
}
#container3-graphic {
background: #db8954 url(images/aquastripe2.png) top repeat-x;
}
#container2-web {
background: #278c86 url(images/grnstripe2.png) top repeat-x;
}
#bborder {
clear: both;
width: 100%;
height: 14px;
background: url(images/turq-wh.png) repeat-x;
margin: 0;
padding: 0;
}
#bgborder {
clear: both;
width: 100%;
height: 14px;
background: url(images/orng-wh.png) repeat-x;
margin: 0;
padding: 0;
}
#btborder {
clear: both;
width: 100%;
height: 14px;
background: url(images/turq-orng.png) repeat-x;
margin: 0;
padding: 0;
}
#bottom {
width: 100%;
min-height: 400px;
margin: 0;
padding: 0;
background: #252525 url(images/pgbt-dz2.png) bottom repeat-x;
}
/* major content layout */
#header {
width: 1000px;
height: 350px;
margin: 0 auto;
background: url(images/head-dez2.jpg) top center no-repeat;
}
#homecontent, #writingcontent, #webcontent, #graphiccontent1 {
clear: both;
width: 1000px;
margin: 0 auto;
padding-bottom: 20px;
}
#aboutcontent {
clear: both;
width: 900px;
margin: 0 auto;
padding: 16px 0;
}
#lowergallery, #graphiccontent3, #graphiccontent2 {
clear: both;
width: 1000px;
margin: 0 auto;
padding: 16px 0;
}
#footer {
clear: both;
width: 1000px;
margin: 0 auto;
padding: 0;
}
#clienttop, #gallerytop {
margin: 0 auto;
width: 844px;
height: 55px;
background: url(images/hbg-web.png) no-repeat;
}
#hometop {
margin: 0 auto;
width: 844px;
height: 55px;
background: url(images/hbg-home.png) no-repeat;
}
#abouttop {
margin: 0 auto;
width: 844px;
height: 55px;
background: url(images/hbg-about.png) no-repeat;
}
#graphictop, #graphictop2, #graphictop3 {
margin: 0 auto;
width: 844px;
height: 55px;
background: url(images/hbg-graphic.png) no-repeat;
}
#writingtop {
margin: 0 auto;
width: 844px;
height: 55px;
background: url(images/hbg-writing.png) no-repeat;
}
/* main navigation area */
#topnav {
position: absolute;
margin-top: 0px;
margin-left: 700px;
width: 200px;
height: 266px;
padding: 0;
}
/* typography */
h1 {
position: absolute;
color: #278c86;
font-size: 1px;
margin-left: -9999px;
}
#top h2 {
position: absolute;
color: #278c86;
font-size: 1px;
margin-left: -9999px;
}
#homecontent p, #writingcontent p {
padding: 0 10px;
line-height: 16px;
color: #252525;
}
#homecontent h3 {
color: #252525;
font-size: 32px;
line-height: 49px;
text-shadow: -1px -1px 0 #ccc;
margin: 2px 0 10px 0;
padding-left: 70px;
}
#homecontent h4 {
color: #278c86;
font-size: 34px;
text-shadow: -1px -1px 0px #424242;
margin: 10px 0;
}
#homecontent h2, #aboutcontent h2, #webcontent h2, #graphiccontent1 h2, #graphiccontent2 h2, #graphiccontent3 h2, #writingcontent h2, #lowergallery h2 {
color: #292929;
font-size: 38px;
text-align: center;
line-height: 50px;
text-shadow: -1px -1px 0px #cdcdcd;
}
#graphiccontent1 h3, #graphiccontent2 h3 {
color: #1aaa8d;
font-size: 32px;
text-shadow: -1px -1px 0px #595959;
}
#graphiccontent3 h3 {
color: #e9dcbc;
font-size: 32px;
text-shadow: -1px -1px 0px #393939;
}
#aboutcontent h3 {
color: #e9dcbc;
font-size: 32px;
text-shadow: -1px -1px 0px #424242;
}
#aboutcontent p {
padding: 0 10px;
line-height: 16px;
color: #c6e8e6;
}
#aboutcontent a, #aboutcontent a:visited {
color: #278c86;
text-decoration: none;
outline: none;
border: 0px solid #278c86;
}
#aboutcontent a:hover, #aboutcontent a:active {
color: #278c86;
text-decoration: none;
outline: none;
border: 0px solid #278c86;
}
#aboutcontent img {
float: left;
margin-right: 10px;
border: 0px solid #278c86;
}
#lowergallery h3 {
font-size: 30px;
color: #bcd982;
margin: 0;
padding: 6px 0;
text-shadow: 1px 2px 0 #393939;
}
#footer h2 {
color: #2db7af;
font-size: 28px;
margin: 0;
padding: 5px;
text-shadow: 1px 2px 2px #000;
}
#footer p {
font-size: 12px;
line-height: 14px;
padding: 0 5px;
}
/* extras - home page main content */
#column1, #column2, #column3 {
float: left;
width: 300px;
height: 300px;
margin: 26px 10px 16px 20px;
}
#column1 p, #column2 p, #column3 p {
color: #888;
}
#column1 {
background: url(images/colbg1.png) no-repeat;
}
#column2 {
background: url(images/colbg2.png) no-repeat;
}
#column3 {
background: url(images/colbg3.png) no-repeat;
}
.items {
font-family: 'Lucida Sans Unicode','Lucida Grande', Arial, Helvetica, sans-serif;
font-size: 14px;
color: #f0e8e5;
}
.items ul {
list-style-type: none;
}
.items ul li {
line-height: 20px;
font-weight: bold;
background: url(images/check.png) top left no-repeat;
padding: 0 0 10px 30px;
margin-left: -20px;
}
/*global extras*/
.clearleft {
clear: left;
}
.clear {
clear: both;
}
.alignleft {
float: left;
margin: 5px;
}
.alignright {
float: right;
margin: 5px;
}
.aligncenter {
margin: 0 auto;
}
blockquote {
text-indent: 40px;
color: #ffe38d;
font-family: Sylfaen, 'Times New Roman', Helvetica, serif;
font-size: 20px;
line-height: 22px;
margin: 16px 10px;
padding: 0 10px 10px 0;
background: url(images/open-quote.png) top left no-repeat;
}
.look {
color: #ffffcc;
font-family: Sylfaen, 'Times New Roman', Helvetica, serif;
font-size: 18px;
font-style: italic;
}
.sage {
font-family: 'LeagueGothicRegular', 'Arial Narrow', Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 26px;
color: #749c9a;
text-shadow: 1px 1px 1px #000;
margin-top: 0;
}
.info {
font-size: 12px;
font-style: italic;
font-family: Syflaen, Cambria, 'Times New Roman', serif; 
color: #333;
margin: -5px 10px;
}
/*web design extras - client list*/
.clientimage {
padding: 10px;
}
.clientimage li {
list-style-type: none;
height: 188px;
width: 300px;
margin: 0px 6px;
float: left;
}
.clientimage li a, .clientimage li a:visited { 
display: block;
height: 188px; 
width: 300px; 
overflow:hidden;
border: 0px solid #ebebea;
text-decoration: none;
color: #ebebea;
}
.clientimage li a:hover , .clientimage li a:active{
display: block; 
text-indent:-301px;
border: 0px solid #ebebea;
text-decoration: none;
color: #ebebea;
}
/*web design gallery extras*/
.webgallery {
width: 950x;
margin: 10px auto 20px auto;
padding: 10px 10px;
background-color: #dbdbdb;
border: 1px dashed #666;
}
.webgallery h4 {
font-size: 26px;
color: #278c86;
margin: 0 0 5px 10px;
}
.webgallery p {
font-size: 12px;
}
.webgallery a, .webgallery a:visited {
outline: none;
border: 0px solid #dbdbdb;
text-decoration: none;
color: #dbdbdb;
}
.webgallery a:hover, .webgallery a:active {
outline: none;
border: 0px solid #dbdbdb;
text-decoration: none;
color: #dbdbdb;
}
.webgallery img {
float: left;
padding: 10px;
border: 0px solid #dbdbdb;
}
.field {
font-weight: bold;
size: 18px;
color: #278c86;
padding-right: 10px;
}

.webgallery-bottom {
clear: both;
width: 840px;
margin: 0px 40px 0 40px;
}
.webgallery-bottom img {
float: left;
margin-right: 5px;
border: 0px solid #80ccbd;
}
.webgallery-bottom a, .webgallery-bottom  a:visited {
outline: none;
text-decoration: none;
border: 0px solid #80ccbd;
}
.webgallery-bottom a:hover, .webgallery-bottom a:active {
outline: none;
text-decoration: none;
border: 0px solid #80ccbd;
}
/*web design pages - concept design gallery*/
.conceptgallery {
width: 950px;
margin: 14px auto 20px auto;
padding: 10px 0;
background-color: #2c9d96;
border: 1px dashed #dbdbdb;
}
.conceptgallery a, .conceptgallery a:visited {
border: 0px solid #278c86;
text-decoration: none;
color: #278c86;
outline: none;
}
.conceptgallery a:hover, .conceptgallery a:active {
border: 0px solid #278c86;
text-decoration: none;
color: #278c86;
outline: none;
}
.conceptgallery img {
float: left;
border: 0px solid #278c86;
margin: 8px 10px;
padding-left: 18px;
}
/*extras - graphic design galleries*/
.space {
clear: both;
height: 16px;
width: 100%;
margin: 0;
}
.graphicgallery1 {
width: 940px;
margin: 0 auto;
padding: 10px 0;
background-color: #dbdbdb;
border: 1px dashed #8ea7a2;
}
.graphicgallery2 {
width: 940px;
margin: 30px auto 20px auto;
padding: 10px 0;
background-color: #db7736;
border: 1px dashed #393939;
}
.graphicgallery3 {
width: 940px;
margin: 0 auto;
padding: 10px 0;
background-color: #2c9d96;
border: 1px dashed #dbdbdb;
}
.graphicgallery1 a, .graphicgallery1 a:visited {
border: 0px solid #ebebea;
text-decoration: none;
color: #ebebea;
outline: none;
}
.graphicgallery1 a:hover, .graphicgallery1 a:active {
border: 0px solid #ebebea;
text-decoration: none;
color: #ebebea;
outline: none;
}
.graphicgallery1 img {
float: left;
border: 0px solid #ebebea;
margin: 5px;
padding-left: 20px;
}
.graphicgallery2 a, .graphicgallery2 a:visited {
border: 0px solid #db7736;
text-decoration: none;
color: #db7736;
outline: none;
}
.graphicgallery2 a:hover, .graphicgallery2 a:active {
border: 0px solid #db7736;
text-decoration: none;
color: #db7736;
outline: none;
}
.graphicgallery2 img {
float: left;
border: 0px solid #db7736;
margin: 5px;
padding-left: 20px;
}
.graphicgallery3 a, .graphicgallery3 a:visited {
border: 0px solid #278c86;
text-decoration: none;
color: #278c86;
outline: none;
}
.graphicgallery3 a:hover, .graphicgallery3 a:active {
border: 0px solid #278c86;
text-decoration: none;
color: #278c86;
outline: none;
}
.graphicgallery3 img {
float: left;
border: 0px solid #278c86;
margin: 5px;
padding-left: 20px;
}
/*extras - writing page*/
.blurb {
width: 625px;
height: 308px;
margin: 10px 0;
background: url(images/blurbbg.png) no-repeat;
}
.blurb p, .blurb3 p {
font-size: 14px;
margin: 10px;
}
.blurb h3 {
font-size: 30px;
color: #ffffcc;
padding: 20px 0 0 14px;
margin-bottom: 0px;
text-shadow: 1px 2px 0 #393939;
}
.blurb2 {
float: right;
width: 905px;
height: 410px;
margin: 10px 0 0 0;
background: url(images/blurbbg2.png) no-repeat;
}
.blurb2 p {
font-size: 14px;
margin: 10px 15px 10px 30px;
padding-right: 20px; 
}
.blurb2 h3 {
text-align: right;
font-size: 32px;
padding: 20px 20px 5px 0;
margin: 10px 0 8px 0;
color: #db7736;
text-shadow: 1px 2px 0 #393939;
}
.blurb2-items {
width: 700px;
font-family: 'Lucida Sans Unicode','Lucida Grande','Gill Sans', Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 15px 10px 10px 150px;
}
.blurb2-items ul {
list-style-type: none;
}
.blurb2-items ul li {
line-height: 18px;
font-weight: bold;
color: #db7736;
background: url(images/check-sm.png) top left no-repeat;
padding: 0 0 6px 20px;
}
.blurb2 img {
float: right;
margin: 1px 80px 0 10px;
border: 0px solid #abf1e4;
}
.blurb2 a, .blurb2 a:visited {
text-decoration: none;
outline: none;
border: 0px solid #abf1e4;
}
.blurb2 a:hover, .blurb2 a:active {
text-decoration: none;
outline: none;
border: 0px solid #abf1e4;
}
.blurb3 {
width: 625px;
height: 308px;
margin: -30px 0 20px 0;
background: url(images/blurbbg3.png) no-repeat;
}
.blurb3 h3 {
font-size: 30px;
color: #278c86;
padding: 24px 0 10px 20px;
margin-bottom: 8px;
text-shadow: 1px 1px 0 #393939;
}
.blurb3 a, .blurb3 a:visited {
font-weight: bold;
color: #595959;
text-decoration: none;
}
.blurb3 a:hover, .blurb3 a:active {
font-weight: bold;
color: #147d77;
text-decoration: none;
}
.samples {
width: 520px;
font-family: 'Lucida Sans Unicode','Lucida Grande','Gill Sans', Arial, Helvetica, sans-serif;
font-size: 14px;
margin-top: 20px;
margin-left: 0;
}
.samples ul {
list-style-type: none;
}
.samples ul li {
line-height: 18px;
font-weight: bold;
color: #1aaa8d;
background: url(images/pclip.png) top left no-repeat;
padding: 0 0 6px 20px;
}
/* extras - footer - all */
.footer-column {
float: left;
width: 300px;
margin: 0 0 20px 20px;
padding: 10px 0 15px 0;
}
.footer-column img {
float: left;
border: none;
padding-right: 3px;
padding-bottom: 3px;
}
.footer-column p {
color: #777;
}
.footer-column a, .footer-column a:visited {
outline: none;
text-decoration: none;
border: 0px solid #3b2903; /*for IE*/
}
.footer-column a:hover, .footer-column a:active {
outline: none;
text-decoration: none;
border: 0px solid #3b2903; /*for IE*/
}
.social {
width: 290px;
margin: 0 auto;
padding: 0;
}
.social img {
border: 0px solid #2e2925;
}
.social a, .social a:visited {
outline: none;
text-decoration: none;
border: 0px solid #2e2925;
}
.social a:hover, .social a:active {
outline: none;
color: #2e2925;
text-decoration: none;
border: 0px solid #2e2925;
}
.social-line {
width: 270px;
margin: 0 auto 10px auto;
padding: 0 0 10px 0;
}
.social-line img {
float: left;
padding: 0 3px;
outline: 0;
border: 0px solid #2e2925;
}
.social-line a, .social-line a:visited {
outline: none;
text-decoration: none;
outline: 0;
border: 0px solid #2e2925;
}
.social-line a:hover, .social-line a:active {
text-decoration: none;
outline: 0;
border: 0px solid #2e2925;
}
.sep {
clear: both;
width: 280px;
height: 13px;
margin: 10px auto 5px auto;
border-bottom: 1px dashed #666;
}
.linkslist {
float: left;
width: 300px;
font-family: 'Lucida Sans Unicode','Lucida Grande', 'Gill Sans', Arial, Helvetica, sans-serif;
font-size: 14px;
}
.linkslist ul {
list-style-type: none;
}
.linkslist ul li {
display: block;
width: 240px;
margin-left: -26px;
line-height: 22px;
padding-bottom: 2px;
color: #62ad9e;

}
.linkslist ul li a, .linkslist ul li a:visited {
outline: none;
color: #62ad9e;
font-weight: normal;
text-decoration: none;
text-shadow: 0px 1px 0px #000;
display: block;
width: 240px;
border-bottom: 1px dotted #666;
}
.linkslist ul li a:hover {
outline: none;
color: #ccc;
text-decoration: none;
font-weight: bold;
border-bottom: 1px dotted #d54203;
text-shadow: none;
}
.linkslist ul li a:active {
outline: none;
color: #62ad9e;
text-decoration: none;
}
.footer-nav {
clear: both;
margin: 2px auto;
padding: 0;
text-align: center;
font-family: 'Lucida Sans Unicode','Lucida Grande', 'Gill Sans', Arial, Helvetica, sans-serif;
font-size: 14px;
color: #80ccbd;
}
.footer-nav a, .footer-nav a:visited  {
outline: none;
color: #62ad9e;
font-weight: normal;
text-decoration: none;
text-shadow: 1px 1px 0 #000;
}
.footer-nav a:hover, .footer-nav a:active {
outline: none;
color: #ccc;
text-decoration: none;
}
.footer-credit {
clear: both;
margin: 5px auto 0 auto;
text-align: center;
padding: 10px 0;
}
.footer-credit p {
color: #777;
}
.footer-credit a, .footer-credit a:visited {
outline: none;
text-decoration: none;
border: 0px solid #3b2903; /*for IE>8*/
}
.footer-credit a:hover {
outline: none;
text-decoration: none;
border: 0px solid #3b2903; /*for IE>8*/
}
.footer-credit a:active {
outline: none;
text-decoration: none;
border: 0px solid #3b2903; /*for IE>8*/
}
.id {
margin-top: -15px;
text-align: right;
}
/*----email form----*/
#contactme {
width: 300px;
margin: 0;
padding: 10px 0 15px 0;
font-family: 'Lucida Sans Unicode','Lucida Grande', 'Gill Sans', Arial, Helvetica, sans-serif;
font-size: 12px;
color: #62ad9e;
}
#contactme p {
color: #62ad9e;
}
#contactme ul {
background: url(images/if.png) left center no-repeat;
padding-left: 50px;
}
#contactme ul li {
list-style-type: disc;
font-family: 'Lucida Sans Unicode','Lucida Grande', 'Gill Sans', Arial, Helvetica, sans-serif;
font-size: 12px;
color: #62ad9e;
}
#form {
width: 300px;
}
table.mytable {
width: 100%;
font-family: 'Lucida Sans Unicode','Lucida Grande', 'Gill Sans', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
color: #749c9a;
font-variant: small-caps;
margin: 0;
}
table.mytable td {
font-family: 'Lucida Sans Unicode','Lucida Grande', 'Gill Sans', Arial, Helvetica, sans-serif;
font-size: 12px;
color: #749c9a;
}
.input {
border: 1px dashed #666;
line-height: 20px;
padding: 4px;
background-color: #393939;
color: #dbdbdb;
}
#Submit {
color: #252525;
font-size: 0;
width: 60px;
height: 30px;
margin: 4px 0 0 0;
background: url(images/sendbtn.png) no-repeat;
padding: 0;
border: none;
outline: none;
cursor: pointer; /* cursor: hand; for IE5 */
}