﻿body 
{
    background: #2a4687;
    margin: 0px;
    font-family:Arial;
    font-variant:small-caps;
    font-size: 16px;
}

h1
{
    font-size: 18px;
    font-weight:bold;
    color: #2a4687;
    margin:0;
}

h1 a
{
    color: #2a4687;
		text-decoration:none;
}

h1 a:hover
{
    color: #3e8f1a;
		text-decoration:none;
}

h2.h1
{
    font-size: 18px;
    font-weight:bold;
    color: #2a4687;
    margin:0;
}

h2.h1 a
{
    color: #2a4687;
		text-decoration:none;
}

h2.h1 a:hover
{
    color: #3e8f1a;
		text-decoration:none;
}

h2
{
    margin:0;
    font-size:20px;
    color:#212121;
    font-weight:bold;
}

h2 a
{
    color: #212121;
		text-decoration:none;
}

h2 a:hover
{
    color: #3e8f1a;
		text-decoration:none;
}

h3
{
    font-size: 14px;
    line-height:15px;
    color: #3e8f1a;
    font-weight:bold;
    margin:0;
    padding-top:8px;
}

h3 a
{
    color: #2a4687;
		text-decoration:none;
}

h3 a:hover
{
    color: #3e8f1a;
		text-decoration:none;
}

p
{
    margin:0;
    font-size: 12px;
    line-height: 15px;
    color: #212121;
    font-variant:normal;
}

.homefont
{
    margin:0;
    font-size:14px;
    font-variant:normal;
    line-height:16px;
    color:#212121;
}

.homefont a
{
    color: #2a4687;
		text-decoration:none;
}

.homefont a:hover
{
    color: #3e8f1a;
		text-decoration:none;
}

img
{
    border:0;
}

a
{
    color:White;
}

#wrapper
{
    margin: auto;
    background: url(images/bg.jpg) repeat-x;
}

#masterwrapper
{
    margin: auto;
    background: url(images/subpagebg.jpg) repeat-x;
}

#header
{
    margin: auto;
    width: 955px;
    height: 96px;
}

#headerlogo
{
    float:left;
    width:200px;
    height:96px;
}

#headermenu
{
    background-image: url(images/menubg.jpg);
    float:left;
    width: 755px;
    height: 96px;
    color: White;
    font-variant:normal;
    font-size: 18px;
}

#home a
{
    float:left;
    margin: 64px 0px 0px 92px;
    padding: 5px 13px 6px 13px;
    text-decoration: none;
    background-image: url(images/home.jpg);
    background-repeat:no-repeat;
}

#home a:hover
{
    float:left;
    margin: 50px 0px 0px 92px;
    padding: 8px 13px 17px 13px;
    text-decoration: none;
    background-image: url(images/homeover.jpg);
    background-repeat:no-repeat;
    
}

#blog a
{
    float:left;
    margin: 64px 0px 0px 92px;
    padding: 5px 19px 6px 19px;
    text-decoration: none;
    background-image: url(images/home.jpg);
    background-repeat:no-repeat;
}

#blog a:hover
{
    float:left;
    margin: 50px 0px 0px 92px;
    padding: 8px 19px 17px 19px;
    text-decoration: none;
    background-image: url(images/homeover.jpg);
    background-repeat:no-repeat;
    
}

#wd a
{
    margin: 64px 0px 0px 3px;
    float:left;
    padding: 5px 10px 6px 10px;
    text-decoration: none;
    background-image: url(images/webdesign.jpg);
    background-repeat:no-repeat;
   
}

#wd a:hover
{
    margin: 50px 0px 0px 3px;
    float:left;
    padding: 8px 10px 17px 10px;
    text-decoration: none;
    background-image: url(images/webdesignover.jpg);
    background-repeat:no-repeat;
   
}

#seo a
{
    margin: 64px 0px 0px 3px;
    float:left;
    padding: 5px 22px 6px 23px;
    text-decoration: none;
    background-image: url(images/graphicdesign.jpg);
    background-repeat:no-repeat;
}

#seo a:hover
{
    margin: 50px 0px 0px 3px;
    float:left;
    padding: 8px 22px 17px 23px;
    text-decoration: none;
    background-image: url(images/graphicdesignover.jpg);
    background-repeat:no-repeat;
    
}

#gd a
{
    margin: 64px 0px 0px 3px;
    float:left;
    padding: 5px 7px 6px 7px;
    text-decoration: none;
    background-image: url(images/graphicdesign.jpg);
    background-repeat:no-repeat;
    
}

#gd a:hover
{
    margin: 50px 0px 0px 3px;
    float:left;
    padding: 8px 7px 17px 7px;
    text-decoration: none;
    background-image: url(images/graphicdesignover.jpg);
    background-repeat:no-repeat;
    
}

#hosting a
{
    margin: 64px 0px 0px 3px;
    float:left;
    padding: 5px 11px 6px 10px;
    text-decoration: none;
    background-image: url(images/hosting.jpg);
    background-repeat:no-repeat;
    
}

#hosting a:hover
{
    margin: 50px 0px 0px 3px;
    float:left;
    padding: 8px 11px 17px 10px;
    text-decoration: none;
    background-image: url(images/hostingover.jpg);
    background-repeat:no-repeat;
    
}

#portfolio a
{
    margin: 64px 0px 0px 3px;
    float:left;
    padding: 5px 10px 6px 9px;
    text-decoration: none;
    background-image: url(images/portfolio.jpg);
    background-repeat:no-repeat;
}

#portfolio a:hover
{
    margin: 50px 0px 0px 3px;
    float:left;
    padding: 8px 10px 17px 9px;
    text-decoration: none;
    background-image: url(images/portfolioover.jpg);
    background-repeat:no-repeat;
}

#contact a
{
    margin: 64px 0px 0px 3px;
    float:left;
    padding: 5px 10px 6px 10px;
    text-decoration: none;
    background-image: url(images/contact.jpg);
    background-repeat:no-repeat;
}

#contact a:hover
{
    margin: 50px 0px 0px 3px;
    float:left;
    padding: 8px 10px 17px 10px;
    text-decoration: none;
    background-image: url(images/contactover.jpg);
    background-repeat:no-repeat;
}

#divider
{
    margin: auto;
    width: 955px;
    height: 12px;
    font-size:0px;
}

#main
{
    margin: auto;
    width: 955px;
    height: 444px;
}

#CWD
{
    float:left;
    width: 320px;
    height: 310px;
}

#cwdheader
{
    width:288px;
    padding:0px 0px 0px 16px;
}

#cwdheader2
{
    text-align:center;
    padding-top:6px;
}

#cwdshadow
{
    padding:0px 0px 0px 13px;
    width: 288px;
    height: 219px;
}

#cwdshadow2
{
    background-image: url(images/cwdshadow.jpg);
}

#cwdreflection
{
    padding:0px 0px 0px 19px;
    width: 288px;
}

#cwdreflection2
{
    
    width: 288px;
    height: 50px;
}

#CGD
{
    float:left;
    width: 345px;
    height: 310px;
}

#cgdheader
{
    width:298px;
    padding:0px 0px 0px 16px;
}

#cgdheader2
{
    text-align:center;
    padding-top:6px;
}

#cgdshadow
{
    padding:0px 0px 0px 13px;
    width: 298px;
    height: 219px;
}

#cgdshadow2
{
    background-image: url(images/cgdshadow.jpg);
}

#cgdreflection
{
    padding:0px 0px 0px 19px;
    width: 298px;
}

#cgdreflection2
{

    width: 298px;
    height: 50px;
}

#description
{
    float:left;
    width: 290px;
    height: 310px;
}

#description2
{
    padding-top: 44px;
    padding-left: 26px;
}

#mainportfolio
{
    float:left;
    width: 660px;
    height: 134px;
}

#customizesite
{
    float:left;
    width: 295px;
    height: 134px;
}

#footer
{
    margin:auto;
    width: 955px;
    height: 51px;
	z-index:2;
}

#phone
{
    float:left;
    padding: 18px 0px 0px 18px;
}

#phone p
{
    color:White;
    font-variant:small-caps;
}

#copyright
{
    float:right;
    padding: 18px 18px 0px 0px;
    font-variant:small-caps;
}

#copyright p
{
    color:White;
    font-variant:small-caps;
}

.pp
{
    padding:10px 32px 0px 0px;
    width: 114px;
    height: 72px;
    float:left;
}


.pp a:hover img {
    filter: alpha(opacity=70);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity: .70;
    opacity:.70;
}

.ppreflection
{
    padding:0px 32px 0px 0px;
    width: 114px;
    height: 72px;
    float:left;
}

#csb
{
    width: 206px;
    height: 47px;
    padding: 35px 0px 0px 38px;
}

#csbr
{
    width: 206px;
    height: 27px;
    padding: 0px 0px 0px 38px;
}

#mainmaster
{
    float:left;
    height: 304px;
    width: 620px;
    padding: 6px 0px 0px 24px;
}

#mainmaster p a
{
    color: #2a4687;
		text-decoration:underline;
}

#mainmaster p a:hover
{
    color: #2a4687;
		text-decoration:none;
}

.sublink
{
    font-variant:small-caps;
    font-size: 13px;
    line-height: 15px;
    font-weight: bold;
    text-decoration:underline;
    color: #2a4687;
}

#cwdbigman
{
    background-image: url(images/cincinnati-web-design-image.jpg);
    background-repeat: no-repeat;
    width: 290px;
    height: 310px;
}

#cgdbigman
{
    background-image: url(images/cincinnati-graphic-design-image.jpg);
    background-repeat: no-repeat;
    width: 290px;
    height: 310px;
}

#hbigman
{
    background-image: url(images/cincinnati-hosting-image.jpg);
    background-repeat: no-repeat;
    width: 290px;
    height: 310px;
}

#pbigman
{
    background-image: url(images/web-tectonics-portfolio-image.jpg);
    background-repeat: no-repeat;
    width: 290px;
    height: 310px;
}

#cbigman
{
    background-image: url(images/web-tectonics-contact-image.jpg);
    background-repeat: no-repeat;
    width: 290px;
    height: 310px;
}

.modalBackground 
{
	background-color:Black;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	color:Black;
	padding:3px;
	width:500px;
}



.portfolio-image {float:left; width:220px; margin-top:15px; margin-bottom:15px;}
.portfolio-image a img { border:solid 3px #3d8e18;}
.portfolio-image a:hover img { border:solid 3px #000000;}

.portfolio-text {float:left; width:400px; margin-top:15px; margin-bottom:15px;}

.portfolio-text h3 a {color: #3e8f1a; text-decoration:underline;}
.portfolio-text h3 a:hover {color: #3e8f1a; text-decoration:none;}