/* Nothing Ground Breaking here */
html, body {
margin: 0;
padding: 0;
}
body {
font: 62.5%  verdana, arial, sans-serif;
color: #E5F2F7;
background-image: url(http://optivdesign.com/Site2007/images/BG_Opt_07.jpg);
background-position: top left;
background-repeat: no-repeat;
background-color: #0c202b;
}

#wrapper {
width: 800px;
position: absolute;
top: 0;
left: 5px;
}

#contentAll {
width: 800px;
min-height: 600px;
border-left: 1px solid #223D4D;
}

/******** Top Structure ********/
#top {
height: 37px;
}

#topLogo {
float: left;
background-image: url(http://optivdesign.com/Site2007/images/Logo_Opt_07.jpg);
background-repeat: no-repeat;
background-color: transparent;
width: 192px;
height: 37px;
}

#topLogo img {
border: none;
}

#topNav {
float: right;
background-image: url(http://optivdesign.com/Site2007/images/MainNav_BG_Opt_07.jpg);
background-repeat: no-repeat;
width: 418px;
height:37px;
}

#nav {
text-align: center;
padding: 5px 0 0 0;
text-transform: uppercase;
color: #ffffff;
font-size: 1.8em;
}

#nav span {
padding: 0 15px 0 0;
}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #527584;
background-color: transparent;
text-decoration: none;
}
#navlist a:active {
text-decoration: none;
}
#navlist a:hover
{
color: #2D4A57;
text-decoration: none;
}
/******** Content After Top ********/
#contentAfterTop {
width: 800px;
}

#ornament {
background-image: url(http://optivdesign.com/Site2007/images/Ornament_Opt_07.jpg);
background-repeat: no-repeat;
background-color: transparent;
height: 150px;
}

#ornament h1 {
font-family: "Adobe Garamond Pro", Georgia, serif;
font-size: 34px;
font-weight: normal;
color: #84b0be;
text-transform: uppercase;
padding: 71px 0 0 67px;
margin: 0;
letter-spacing: 0.05em;
}
#ornament h1 span {
font-family:  verdana, arial, sans-serif;
font-size: 12px; 
font-weight: bold;
color: #784E22;
letter-spacing: 0;
margin: 0 0 0 10px;
}
#ornament h1:first-letter {
font-size: 42px;
}
#contentAfterOrnament {
width: 800px;
padding: 0 0 50px 0;
line-height: 17px;
}


#portfolio {
width: 733px;
margin: 0 0 0 67px;
}

#portfolioScreenShots {
float: right;
width: 500px;
}
#portfolioScreenShots h2, #praise h2, #portfolioInfo h2, .contactStuff h2 {
font-size: 1.3em;
font-weight: 600;
color: #D4D4D4;
margin: 0;
padding: 0 0 10px 0;
letter-spacing: 0.5px;
}
#portfolioScreenShots h2 a {
text-decoration: none;
border-bottom: 1px solid #fff;
}
#portfolioInfo {
float: left;
width: 200px;
padding: 20px 0 0 0;
}
#portfolioInfo ul {
margin: 0 0 18px 0;
padding: 0;
border-left: 2px solid #223d4d;
}
#portfolioInfo  li {
padding: 0 0 0 5px;
background-image: url(http://optivdesign.com/Site2007/images/Trans_BG_Opt_07.png);
}
#portfolioInfo  li em {
font-size: 14px;
padding: 0px;
line-height: 24px;
}

#portfolio a:visited {
color: #ffffff;
}

#portfolio img {
padding: 0;
}

/******** Portfolio Slideshow ********/
.ike-slideshow {
padding: 0 0 15px 0;
margin: 0 0 15px 0;
}

.ike-slideshow ul {
margin: 0;
padding: 0;
}

.ike-slideshow ul li {
display: none;
margin: 0;
padding: 0;
}

.ike-slideshow-image {
background-image: url(http://optivdesign.com/Site2007/images/Trans_BG_Opt_07.png);
padding: 20px;
text-align: center;
}

.ike-slideshow-caption {
padding: 0 20px 20px 20px;
text-align: left;
margin:  0;
background-image: url(http://optivdesign.com/Site2007/images/Trans_BG_Opt_07.png);
}

.ike-slideshow img {
border: 0px !important;
padding: 0px !important;
display: inline !important;
margin: 0px !important;
vertical-align: middle !important;
max-width: 100%;
}

.ike-slideshow-controls {
margin: 10px 0 0 0;
text-align: right;
}

.ike-slideshow-controls input  {
background: transparent;
border: 0;
padding: 2px 4px;
margin: 4px;
cursor: pointer;
border: 1px solid #fff;
color: #fff;
}


#screenShots {
float: left;
width: 345px;
}

#screenShots img {
float: right;
background-image: url(http://optivdesign.com/Site2007/images/Trans_BG_Opt_07.png);
padding: 10px;
}

.hyperTo { 
width: 278px; 


clear: both;
margin: 0 0 0 67px;
text-align: right;

}

.hyperTo ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

.hyperTo a{
display: block;
padding: 10px 0 10px 0;
width: 278px;
background-color: transparent;
font-style: italic;
background-image: url(http://optivdesign.com/Site2007/images/Trans_BG_Opt_07.png);
}

.hyperTo a:link, .navlist a:visited {
color: #fff;
text-decoration: none;
word-spacing: 0;
font-weight: normal;
}

.hyperTo a:hover {
background-image: url(http://optivdesign.com/Site2007/images/Trans_BG_Opt_07.png);
color: #fff;
text-decoration: underline;
}

.hyperTo p {
padding: 0;
}

.hyperTo br {
clear: both;
height: 0px;
padding: 0px;
margin: 0px;
}

#rightContent {
float: right;
width: 380px;
margin: 0 0 0 70px;
}

#rightModOne {
float: left;
width: 150px;
}

#rightModTwo {
float: left;
width: 150px;
margin: 0 0 0 55px;
}

.rightModTitle {
width: 150px;
height: 17px;
border-bottom: 1px dotted #2C4C5F;
}

.rightModContent {
font-size: 1em;
line-height: 20px;
margin: 15px 0 0 0;
}

.more {
text-align: right;
line-height: 18px;
margin: 0 0 18px 0;
}

.rightModContent a, a:hover, a:active {
color: #ffffff;
text-decoration: underline;
word-spacing: 0;
}

.rightModTitle  img {
border: 0;
display: block;
}

.date {
font: 14px Georgia, serif;
font-style: italic;
margin: 0 0 10px 0;
}
#ftr {
background-color: transparent;
margin: 0 ;
border-left: 1px solid #223D4D;

}

#ftr a {
font-weight: 600;
color: #527584;
text-decoration: none;
}

#ftr a:hover {
font-weight: 600;
color: #527584;
text-decoration: underline;
}

#ftr a:active {
font-weight: 600;
color: #527584;
text-decoration: none;
}

#ftr a:visited {
font-weight: 600;
color: #527584;

}

.ftrContent {
padding: 0 0 0 67px;

}
.ftrContent  a {
padding: 0 20px 0 0;
}

#ftrLower {
position: absolute; 
left: 0; 
width: 800px; 
height: 17px; 
background-image: url(http://optivdesign.com/Site2007/images/FtrRound_Opt_07.jpg); 
background-position: bottom; 
background-repeat: no-repeat;
}

#incaseCopy {
padding: 40px 0 5px 0;
text-align: right;
color: #527584;
}
#incaseCopy a, a:hover, a:active {
color: #527584;
border-bottom: 1px dotted #233A44;
text-decoration: none;
}
#incaseCopy a:visited {
color: #527584;
border-bottom: 1px dotted #233A44;
text-decoration: none;
}

#praise {
width: 450px;
margin: 0 0 0 67px;
}
.testimonial {
background-image: url(http://optivdesign.com/Site2007/images/Trans_BG_Opt_07.png);
padding: 5px;
margin: 0 0 10px 0;
border-left: 1px solid #223d4d;
}

/******** Contact Form ********/
#Email, #Name, #Message  {
background-image: url(http://optivdesign.com/Site2007/images/Trans_BG_Opt_07.png);
background-repeat: repeat;
background-color: transparent;
color: #ffffff;
border: 2px solid #223d4d;
}

.zemContactForm {
width: 450px;
margin: 0 0 0 67px;
float: left;
}

.contactStuff {
float: left;
width: 150px;
}
.zemSubmit input {
background: #223d4d;
padding: 2px 4px;
margin: 0;
cursor: pointer;
border: 2px solid #223d4d;
color: #ffffff;
}
.zemSubmit input:hover {
background: #355466;
padding: 2px 4px;
margin: 0;
cursor: hand
border: 2px solid #223d4d;
color: #ffffff;
}

/******** Archive Pages  ********/
#archivePost {
width: 450px; 
float: left; 
background-image: url(http://optivdesign.com/Site2007/images/Trans_BG_Opt_07.png); 
padding: 10px;
margin: 0 0 0 67px;
}

#archivePost  blockquote {
background-image: url(http://optivdesign.com/Site2007/images/Trans_BG_Opt_07.png); 
width: 75%;
border: 1px solid #37454E;
padding: 5px;
margin: 0px auto;
}

#archivePost h1 {
font-size: 1.8em;
}

#articleLinks {
width: 200px; 
float: left; 
margin: 0 0 0 40px;
}

#breadcrumb {
margin: 10px 0 0 67px;
}
#about {
margin: 0 0 0 67px; 
min-height: 313px;
}
#aboutContent {
width: 380px;
background-image: url(http://optivdesign.com/Site2007/images/Trans_BG_Opt_07.png);
padding: 5px;
min-height: 303px;
height:auto !important;
height: 303px;
border-left: 2px solid #223d4d;
}
#about img {
border: 1px solid #223D4D;
padding: 5px;
}
#floatPicRight {
float:right; 
margin: 0 0 10px 0;
}
/******** Comments  ********/
.commenter {
background-image: url(http://optivdesign.com/Site2007/images/Trans_BG_Opt_07.png);
padding: 5px;
margin: 0 0 10px 0;
}.ike-slideshow-back { color: #fff;}




/******** Global  ********/
p, ul, ol {



margin:0;
padding:0 0 18px 0;
}
ul, ol {
list-style:none;
padding:0 0 18px 40px;
}
img {
border: 0;
}

a, a:visited {
color:#ffffff;
}

a:hover {
text-decoration: none;
border-bottom: none;
color: #ffffff;
}
a:active: {
text-decoration: none;
}

blockquote {
margin:22px 0 18px 0;
padding:0;
}


h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: normal;
}

h1 {
padding: 30px 0 25px 0;
letter-spacing: -1px;
font-size: 2em;
}
 
h2 {
padding: 20px 0;
letter-spacing: -1px;
font-size: 1.5em;
}
 
h3 {
font-size: 1em;
font-weight: bold;
}

.clear {
clear: both;
height: 0px;
padding: 0px;
margin: 0px;
visibility: hidden;
}
strong {
color: #ffffff;
}
.warning {
color: #ff9900;
font-size: 11px;
font-style: italic;
}