/* Reset for some default browser CSS - General */
/*
body, div, h1, h2, h3, p, ul, ol, li, img, header, section, aside, footer, button {
margin: 0; padding: 0; border: 0; list-style: none;
}
font-family: Arial, "Tahoma", sans-serif;
*/
html, form, body{
margin:15px auto;
font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
color: #666666;
font-size: 12px;
line-height: 20px;
margin: 0;
padding: 0;
background: none repeat scroll 0 0 #FFFFFF;
height: 100%;
}
a:link {
text-decoration: none; /* none = no underline, other options include line-through or overline */
color: #959595; /* sets hex color of every link - www.colorpicker.com or photoshop to find hex values */
}
a:active {
text-decoration: none;
}
/* highlights links that you have already clicked. This can be helpful for users to identify which items they have already seen*/
a:visited {
text-decoration: none;
color: #959595; /* the color can also be changed */
/*background: #000000; /* this changes the background of a visited link, you can also get rid of the the back ground an color and there will be no change if a link has been visited */
}
/* sets the properties for links when mouse rolls over */
a:hover {
text-decoration: none;
color: #757575;
}
hr {
display: none;
}
header.layout {
margin-left: auto;
margin-right: auto;
position: relative;
width:800px;
}
section.layout , footer.layout {
margin-left: auto;
margin-right: auto;
position: relative;
width: 800px;
}
div#header
{border-bottom: 1px solid #B4B4AA;
}
header#MenuLogo {
/* border-bottom: 1px solid #B4B4AA; */
}
header#Topmenu p {
cursor: default;
float: left;
margin: 0;
}
header#Topmenu p, ul, ul, form, table {
margin-bottom: 0px;
margin-top: 0;
}
header#Topmenu ul {
list-style: square outside none;
}
header#Topmenu ul
{
float: right;
margin: 0;
padding: 0;
}
header#Topmenu li:first-child {
border: medium none;
}
header#Topmenu li {
border-left: 1px solid #B4B4AA;
display: inline;
margin-left: 9px;
margin-right: 0;
padding-left: 10px;
}
div.clear {
clear: both;
}
div#banner
{
margin-top:40px;
float: left;
overflow: visible;
width: 330px;
}
div#banner h2 a {
/* background-image: url("../images/nd-zd-icon.png");*/
display: block;
height: 83px;
overflow: hidden;
text-indent: 210px;
white-space: nowrap;
width: 270px;
}
/* --- Mainmenu-- */
a {
color: #333;
}
header#splash
{
background-image: url("../images/PC280080.jpg");
clear: both;
height: 305px;
position: relative;
}
header#Contact-splash
{
background-image: url("../images/044.jpg");
clear: both;
height: 278px;
position: relative;
}
header#services-splash
{
background-image: url("../images/045.jpg");
clear: both;
height: 237px;
position: relative;
}
header#splash p {
background-color:White;
color: #FB890A;
font-family: Calibri,FallbackCalibriItalic,Optima,Arial,sans-serif;
font-size: 12px;
font-style: italic;
font-weight:bold;
margin: 0;
padding: 10px;
position: absolute;
right: -20px;
top: 80px;
width: 180px;
}
article#maincontent
{
width: 700px;
float:left;
padding-top:20px;
min-height:150px;
padding: 20px 0 40px 20px;
}
.hd-1 {
font-size: 2em !important;
letter-spacing: 1px;
line-height: 1.2em;
margin: 10px 0 10px 1px;
text-transform: uppercase;
color: #333333;
font-family: 'AvantGarde Bk BT',Verdana,Arial,sans-serif;
}
.hd-1-Contact {
font-size: 1.5em !important;
letter-spacing: 1px;
line-height: 1.2em;
margin: 10px 0 10px 1px;
color: #333333;
font-family: 'AvantGarde Bk BT',Verdana,Arial,sans-serif;
}
.hd-1-Projects {
font-size: 1.5em !important;
letter-spacing: 1px;
line-height: 1.2em;
margin: 10px 0 3px 1px;
text-transform: uppercase;
color: #333333;
font-family: 'AvantGarde Bk BT',Verdana,Arial,sans-serif;
}
.hd-2-Projects {
font-size: 1.1em !important;
letter-spacing: 1px;
line-height: 1.2em;
margin: 1px 0 10px 1px;
color: #333333;
font-family: 'AvantGarde Bk BT',Verdana,Arial,sans-serif;
}
.intro
{
font-size : 1.2em;
line-height: 1.6em;
padding : 5px 0;
color: #666666;
font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
.introContact
{
font-size : 1.2em;
line-height: 1.6em;
padding : 5px 0 0 20px;
color: #666666;
font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
.Bold
{
font-weight:bold;
}
.HR
{ height:10px;
background-color:Red;
border-bottom: 1px solid #B4B4AA;
}
footer#mainfooter
{
float:left;
padding-left:20px;
}
div#fotterDiv
{
border-bottom: 1px solid #B4B4AA;
}
section#FooterLeft
{
float:left;
color:#CCCCCC;
}
section#FooterRight
{ padding-top:2px;
float:Right;
}
#project-content {
padding: 5px 0 40px 0px;
margin-left: auto;
margin-right: auto;
position: relative;
width: 800px;
}
.projCol1
{
float:left;
width:330px;
padding-left:10px;
}
.projCol1footer
{
border-top: 1px solid #B4B4AA;
}
.image-list
{
float:right;
margin-top:0px;
display:block;
list-style:none;
}
section {
display: block;
}
.image-round-1 {
border: 1px solid #EEEEEE;
padding: 2px;
}
/* project preview */
.projects-preview
{
margin: 20px 0 0;
padding: 0;
}
.projects-preview li
{
float:left;
margin: 20px 17px 0 0;
width: 180px;
list-style-type: none;
}
.projects-preview figure
{
position:relative;
}
.projects-preview figcaption
{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
color: #FFFFFF;
display: block;
font-family: 'AvantGarde Bk BT',Verdana,Arial,sans-serif;
font-size: 1.14em;
line-height: 1.0em;
padding: 6px 0;
left: 0;
overflow: hidden;
position: absolute;
text-align: center;
text-shadow: 0 1px 1px #333333;
width: 180px;
height: 14px;
top: 155px;
}
ol, ul {
margin-left: 25px;
}
ul {
list-style-type: disc;
}
.menuboard
{
/* border-top: 1px dotted #F1F1F1; */
border-bottom: 1px dotted #F1F1F1;
color: #666666;
font-size: 0.8em;
font-weight: 700;
margin: 0 0 20px 0;
padding: 0 0 0 0;
text-transform: uppercase;
}
blockquote {
background: url(../images/close-quote.gif) no-repeat right bottom ;
font: italic 1em/1.6em Georgia, "Times New Roman", Times, serif;
color: #999999;
padding-left: 18px;
text-indent: -18px;
width:300px;
/*quotes: "\201C" "\201D"; */
}
blockquote:first-letter {
background: url(../images/open-quote.gif) no-repeat left top;
padding-left: 18px;
font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}
/* blockquote:before { transparent url(images/open-quote.gif) no-repeat left top; }
blockquote:after { content: close-quote; font-weight: bold; }
*/