* {
margin:0;
padding:0;
}
html {
height: 100%;
}
h2 {
clear:both;
margin-left:40px;
font-size:16px;
font-weight:normal;
}
h3 {
clear:both;
margin-left:40px;
margin-top:10px;
font-weight:normal;
text-decoration:none;
color:#719475;
font-size:14px;
}
h3#core {
clear:both;
margin-left:40px;
margin-top:20px;
font-weight:normal;
text-decoration:none;
color:#719475;
font-size:14px;
}
h3#rcore {
clear:both;
margin-left:20px;
margin-top:20px;
font-weight:normal;
text-decoration:none;
color:#719475;
font-size:14px;
}
h3#subheading {
font-size:10px;
}
ul {
list-style:none;
}
p {
clear:both;
margin-top:20px;
margin-left:20px;
margin-right:20px;
line-height:17px;
}
#nothing {
clear:both;
height:0px;
line-height:0px;
}
p#skills {
clear:both;
margin-left:60px;
margin-top:3px;
margin-bottom:15px;
font-size:10px;
}
p#small {
font-size:10px;
}
body {
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #FFFFFF;
background-color: #000000;
background-image:url(../images/backgrounds/bg_lg.jpg);
background-attachment:fixed;
background-repeat: no-repeat;
background-position: center top;
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size:12px;
height:100%;
}
a {
text-decoration:none;
color:#DE7A08;
}
.container {
width: 1000px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
background-color:#000000;
}
.header {
position:relative;
width:100%;
}
.home {
position:absolute;
width:20px;
height:20px;
left: 979px;
top: 98px;
}
.back {
position:absolute;
width:20px;
height:20px;
left: 946px;
top: 100px;
}
.mainContent {
padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
text-align: center;
margin-top: 50px;
position:relative;
min-height: 100%;
}
.threecol {
position:relative;
width:1000px;
}
/*
border: 1px dotted yellow;
border: 1px dotted green;
border: 1px dotted blue;
*/
.siteTop {
position: absolute;
float: left;
top: 0px;
left: 0px;
line-height: 1em;
width: 99%;
height: 150px;
padding: 0;
margin: 0;
font-size: 1em;
color: gray;
}
.logo {
position: absolute;
height: 100px;
top: 47px;
left: 4px;
}
.menucol {
float:left;
position:relative;
width:195px;
margin-left:5px;
}
.menutitle {
cursor:pointer;
margin-bottom: 5px;
margin-top: 5px;
color:#FFFFFF;
width:200px;
padding:2px;
height:12px;
text-align:left;
font-size:11.5px;
}
.menufake {
cursor:pointer;
margin-bottom: 5px;
margin-top: 5px;
color:#FFFFFF;
width:200px;
padding:2px;
height:12px;
text-align:left;
font-size:11.5px;
}
.submenu {
margin-bottom:0.5px;
margin-left:25px;
font-size:12px;
line-height:18px;
}
.leftcol {
float:left;
position:relative;
width:400px;
}
.rightcol {
float:left;
position:relative;
width:400px;
}
.contactcol {
float:left;
position:relative;
width:800px;
}
.howrow {
float:left;
position:relative;
width:800px;
}
.footer {
clear:both;
position:relative;
width:1000px;
height:15px;
padding-top:20px;
background-color:#000000;
}
.news_footer {
clear:both;
position:relative;
width:100%;
height:10px;
}
.leftfootercol {
float:left;
position:relative;
width:50%;
}
.rightfootercol {
float:left;
position:relative;
width:50%;
}
.leftfootercon {
text-align:left;
height:15px; !important
width:100%;
top:0px;
position:relative;
font-size:10px;
border-bottom: 8px #DE7A08 solid;
}
.rightfootercon {
text-align:right;
height:15px; !important
width:100%;
top:0px;
position:relative;
font-size:10px;
padding-right:3px;
border-bottom: 8px #DE7A08 solid;
}
.news_leftfootercol {
float:left;
position:relative;
width:50%;
}
.news_rightfootercol {
float:left;
position:relative;
width:50%;
}
.news_leftfootercon {
text-align:left;
height:10px; !important
width:100%;
position:relative;
padding-left:20px;
}
.news_rightfootercon {
text-align:right;
height:10px; !important
width:100%;
position:relative;
padding-right:20px;
}
.downloads {
position:relative;
width:100%;
height:auto;
padding-top:10px;
padding-right:10px;
text-align:right;
}
.footerline {
position:relative;
width:100%;
height:8px;
top:10px;
}
.breadcrumb {
margin-left:3px;
width:100%;
vertical-align:text-bottom;
}
.leftcon .rightcon .menucon .contactcon .howcon {
position:relative;
width:100%;
margin-top:40px;
}
.leftcon p {
margin-left:40px;
}
.rightcon h3 {
margin-left:20px;
margin-top:10px;
}
#addresscol{
position:relative;
width:100%;
height:120px;
}
#address{
position:relative;
float:left;
margin-left:40px;
}
#emailplus{
position:relative;
float:left;
margin-left:40px;
}
#google{
position:relative;
float:left;
margin-left:40px;
}
#formcol{
position:relative;
width:100%;
margin-left:40px;
}
.orange {
color:#DE7A08;
}
.green {
color:#719475;
}
.white {
color:#FFFFFF;
}
.noborder {
border: none;
}
hr.mediumwhite {
width: 100%;
height: 1px;
border: none;
border-top: 1px white solid;
position: relative;
text-align: center;
margin: 0 auto;
margin-top: 4px;
margin-bottom: 4px;
}
hr.submediumwhite {
width: 195px;
height: 1px;
border: none;
border-top: 1px white solid;
position: relative;
text-align:left;
margin-top: 4px;
margin-bottom: 4px;
margin-left:-26px;
}
hr.mediumgrey {
width: 100%;
height: 1px;
border: none;
border-top: 1px #1A1A1A solid;
position: relative;
text-align: center;
margin: 0 auto;
margin-top: 4px;
margin-bottom: 4px;
}
hr.eightmediumgrey {
width: 800px;
height: 1px;
border: none;
border-top: 1px #1A1A1A solid;
position: relative;
text-align: center;
margin: 0 auto;
margin-top: 4px;
margin-bottom: 4px;
}
.leftmediumgrey {
margin: 20px 0 20px 0;
width:100%;
height:auto;
border: none;
border-left: 1px #1A1A1A solid;
position:relative;
}
.rightmediumgrey {
margin: 20px 0 20px 0;
width:100%;
height:auto;
border: none;
border-right: 1px #1A1A1A solid;
position:relative;
}
hr.mediumorange {
width: 1000px;
height: 8px;
border: none;
border-top: 8px #DE7A08 solid;
position: relative;
text-align: center;
margin: 0 auto;
margin-bottom: 1em;
}
hr.mediumorangefoot {
width: 1000px;
height: 8px;
border: none;
border-bottom: 8px #DE7A08 solid;
position:absolute;
text-align: center;
margin-top:2px;
}
.orangedot {
padding-left: 20px;
margin-left: 10px;
border: none;
background-image: url(../images/orangedot2.gif);
background-repeat: no-repeat;
background-position: 0 4px;
color:#DE7A08;
cursor:pointer;
}
.greendot {
padding-left: 20px;
margin-left: 10px;
border: none;
background-image: url(../images/greendot2.gif);
background-repeat: no-repeat;
background-position: 0 4px;
color:#719475;
}
.pdot {
padding-left:22px;
margin-top:8px;
}
.homelink {
position:relative;
cursor:pointer;
padding-left:5px;
}
input.orange {
color:#DE7A08;
border:none;
background:none;
cursor:pointer;
font-size:12px;
text-align:right;
}
.keyimage {
padding-left:40px;
padding-top:10px;
}
/* Gallery Classes */
#cross {position:relative; float:right; top:15px; z-index:1000; cursor:pointer;}
#galleryBackDrop {
position: absolute;
top: 0px;
left: 0px;
height: 200%;
width: 100%;
background-color: black;
z-index: 900;
visibility:hidden;
}
#gallery {
position: absolute;
display: none;
overflow: hidden;
background-color: black;
height: 530px;
width: 900px;
top: 50%;
margin-top: -275px;
left: 50%;
margin-left: -460px;
z-index: 990;
padding:20px;
}
#gallery .header {
padding: 5px 0px 5px 0px;
}
#gallery .header, #gallery .header a {
color: #FF9933;
}
#galleryImgContainer {
position: absolute;
width:4750px;
top: 50px;
left: 0px;
z-index: 991;
}
#galleryImgContainer img {
margin-left: 50px;
margin-right: 0px;
}
#shuffleLeftContainer {
position: absolute;
background-color: black;
top: 50px;
left: 500px;
height: 405px;
width: 450px;
z-index: 998;
}
#shuffleRightContainer {
position: absolute;
background-color: black;
top: 50px;
left: 50px;
height: 405px;
width: 450px;
z-index: 999;
}
#shuffleLeft {
position: absolute;
cursor: pointer;
background-image: url(../images/orangerightarrow.gif);
background-position: center center;
background-repeat: no-repeat;
width: 100px;
height: 100px;
top: 50%;
margin-top: -50px;
left: 100%;
margin-left: -275px;
}
#shuffleRight {
position: absolute;
cursor: pointer;
background-image: url(../images/orangeleftarrow.gif);
background-position: center center;
background-repeat: no-repeat;
width: 100px;
height: 100px;
top: 50%;
margin-top: -50px;
left: 0;
margin-left: 175px;
}
/* end:Gallery Classes */