html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
font-family : inherit;
vertical-align : baseline;
}
:focus {
outline : 0;
}
body {
line-height : 1;
color : black;
background : white;
}
ol, ul {
list-style : none;
}
table {
border-collapse : separate;
border-spacing : 0;
}
caption, th, td {
text-align : left;
font-weight : normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content : "";
}
blockquote, q {
quotes : "" "";
}
body {
font-family : segoe, sans-serif;
text-align : center;
min-width : 740px;
padding : 0;
margin : 0;
background-color : #ffffff;
background-image : url(../images/thinbg.jpg);
font-size : 10px;
background-repeat : repeat-x;
}
#wrapper {
text-align : left;
width : 782px;
margin-left : auto;
margin-right : auto;
padding : 0;
background-color : #ffffff;
background-image : url(../images/main_bg.jpg);
background-repeat : no-repeat;
}
#wrapperhome {
text-align : left;
width : 782px;
margin-left : auto;
margin-right : auto;
padding : 0;
background-color : #ffffff;
background-image : url(../images/home_bg.jpg);
background-repeat : no-repeat;
}
#container {
width : 782px;
background-image : url(../images/content_bg2.jpg);
background-position : 0% 70%;
background-repeat : no-repeat;
}
#header {
width : 782px;
height : 135px;
}

#homelink {
width : 400px;
height : 135px;
text-align : center;
float : left;
}

#navholder {
width : 200px;
height : 135px;
text-align : center;
float : right;
}
ul#main {
margin : 0;
padding : 0;
list-style : none;
}
ul#main li {
float : left;
margin : 0;
padding : 0;
height : 135px;
}
ul#main li a {
background : url(../images/nav.jpg) no-repeat;
display : block;
height : 135px;
outline : 0;
text-indent : -999em;
}
ul#main li#navindex a:link, ul#main li#navindex a:visited {
background-position : 0 0;
width : 60px;
}
ul#main li#navindex a:focus, ul#main li#navindex a:hover, ul#main li#navindex a:active {
background-position : 0 -135px;
width : 60px;
}
ul#main li#navwork a:link, ul#main li#navwork a:visited {
background-position : -60px 0;
width : 56px;
}
ul#main li#navwork a:focus, ul#main li#navwork a:hover, ul#main li#navwork a:active {
background-position : -60px -135px;
width : 56px;
}
ul#main li#navcontact a:link, ul#main li#navcontact a:visited {
background-position : -116px 0;
width : 77px;
}
ul#main li#navcontact a:focus, ul#main li#navcontact a:hover, ul#main li#navcontact a:active {
background-position : -116px -135px;
width : 77px;
}
img {
border : none;
}
#content {
clear : both;
width : 780px;
min-height : 350px;
margin : 0;
padding : 0;
}
#content .gallery {
margin : 0 33px 33px 21px;
padding : 0;
min-height : 300px;
width : 445px;
float : left;
display : inline;
}
#content .inner {
text-align : left;
margin : 0 33px 33px 33px;
padding : 0;
min-height : 320px;
width : 445px;
float : left;
display : inline;
}
#content .inner h1 {
font-family : "ITC Avant Garde Gothic STD", "Arial Narrow", Arial, Helvetica, sans-serif;
font-size : 31px;
font-weight : lighter;
text-transform : capitalize;
color : #729ca2;
margin : 10px 0 20px 0;
}
#content .inner h2 {
font-family : "ITC Avant Garde Gothic STD", "Arial Narrow", Arial, Helvetica, sans-serif;
font-size : 18px;
font-weight : bold;
color : #7b9402;
}
#content .inner h3 {
font-family : "ITC Avant Garde Gothic STD", "Arial Narrow", Arial, Helvetica, sans-serif;
font-size : 20px;
font-weight : lighter;
color : #ff9800;
}
#content .inner h4 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
color : #555555;
margin-bottom : 10px;
line-height : 15px;
}
#content .inner h4 a {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
color : #ff9800;
margin-bottom : 10px;
line-height : 18px;
}
#content .inner p {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #777777;
margin-bottom : 10px;
line-height : 14px;
}
#content .inner li {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
margin-left : 40px;
color : #333333;
list-style-type : disc;
}
#content .contentright {
margin : 33px 20px 10px 0;
width : 155px;
float : right;
padding : 0 0 10px 0;
display : inline;
}
#content .contentrightg {
margin : 33px 20px 10px 0;
min-height : 300px;
width : 150px;
float : right;
padding : 0;
display : inline;
}
#content .contentright h1 {
font-family : "ITC Avant Garde Gothic STD", "Arial Narrow", Arial, Helvetica, sans-serif;
text-transform : capitalize;
font-size : 20px;
font-weight : lighter;
color : #729ca2;
margin : 10px 0 10px 0;
}
#content .contentright h2 {
font-family : "ITC Avant Garde Gothic STD", "Arial Narrow", Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : bold;
color : #7b9402;
}
#content .contentright p {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
line-height : 14px;
color : #777777;
}
#content .contentright a {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #777777;
}
#content .contentright li {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
line-height : 16px;
margin-left : 20px;
color : #333333;
list-style-type : disc;
}
#content .contentright2 {
text-align : left;
margin : 33px 10px 10px 0;
width : 165px;
float : right;
padding : 0 0 10px 0;
display : inline;
}
#content .contentrightg {
margin : 33px 20px 10px 0;
min-height : 300px;
width : 150px;
float : right;
padding : 0;
display : inline;
}
#content .contentright2 h1 {
font-family : "ITC Avant Garde Gothic STD", "Arial Narrow", Arial, Helvetica, sans-serif;
text-transform : capitalize;
font-size : 20px;
font-weight : lighter;
color : #729ca2;
margin : 10px 0 10px 0;
}
#content .contentright2 h2 {
font-family : "ITC Avant Garde Gothic STD", "Arial Narrow", Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : bold;
color : #7b9402;
}
#content .contentright2 p {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
line-height : 14px;
color : #777777;
}
#content .contentright2 a {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #777777;
}
#content .contentright2 li {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
line-height : 19px;
margin-left : 0px;
padding-left: 6px;
color : #333333;
list-style-type : none;
list-style-position:outside;
background:url(../images/gallist.gif) no-repeat;
}
.accordion_toggle {
display : block;
height : 36px;
width : 425px;
background : #a9d06a url(../images/webnav_header.gif) no-repeat top right;
padding : 0 10px 0 35px;
line-height : 30px;
color : #ffffff;
font-weight : normal;
text-decoration : none;
outline : none;
font-size : 12px;
color : #000000;
cursor : pointer;
margin : 0 0 0 0;
}
#container h1 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
text-transform : capitalize;
color : #000000;
margin : 0 0 0 0;
}
.accordion_toggle_active {
background : #e0542f url(../images/webnav-active_header.gif) no-repeat top right;
color : #ffffff;
font-size : 12px;
}
.accordion_content {
background-color : #ffffff;
color : #444444;
overflow : hidden;
width : 470px;
}
.accordion_content h2 {
margin : 15px 0 5px 10px;
color : #0099ff;
}
.accordion_content p {
line-height : 150%;
padding : 5px 10px 15px 10px;
}
.vertical_accordion_toggle {
display : block;
height : 30px;
width : 600px;
background : #a9d06a url(../images/accordion_toggle.jpg) no-repeat top right;
padding : 0 10px 0 10px;
line-height : 30px;
color : #ffffff;
font-weight : normal;
text-decoration : none;
outline : none;
font-size : 12px;
color : #000000;
border-bottom : 1px solid #cde99f;
cursor : pointer;
margin : 0 0 0 0;
}
.vertical_accordion_toggle_active {
background : #e0542f url(../images/accordion_toggle_active.jpg) no-repeat top right;
color : #ffffff;
border-bottom : 1px solid #f68263;
}
.vertical_accordion_content {
background-color : #ffffff;
color : #444444;
overflow : hidden;
}
.vertical_accordion_content h2 {
margin : 15px 0 5px 20px;
color : #0099ff;
}
.vertical_accordion_content p {
line-height : 150%;
padding : 5px 10px 15px 10px;
}
.horizontal_accordion_toggle {
float : left;
display : block;
height : 100px;
width : 30px;
background : #a9d06a url(../images/webnav-active_header.gif) no-repeat top left;
color : #ffffff;
text-decoration : none;
outline : none;
border-right : 1px solid #cde99f;
cursor : pointer;
margin : 0 0 0 0;
}
.horizontal_accordion_toggle_active {
background : #e0542f url(../images/webnav-active_header.gif) no-repeat top left;
border-right : 1px solid #f68263;
}
.horizontal_accordion_content {
height : 100px;
float : left;
overflow : hidden;
background-color : #ffffff;
color : #444444;
}
.horizontal_accordion_content p {
width : 450px;
line-height : 150%;
padding : 5px 10px 15px 10px;
}
#horizontal_container {
margin : 20px auto 20px auto;
width : 450px;
height : 100px;
}
#vertical_nested_container {
margin : 20px auto 20px auto;
width : 620px;
}
#box {
width : 450px;
}
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox img {
width : auto;
height : auto;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #577478;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
display : block;
}
#prevLink {
left : 0;
float : left;
background : url(../images/prevlabel.gif) no-repeat left 15%;
}
#nextLink {
right : 0;
float : right;
background : url(../images/nextlabel.gif) no-repeat right 15%;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../images/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #577478;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
}
#imageData {
padding : 0 10px;
color : #ffffff;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
outline : none;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 1000px;
background-color : #9ec0c5;
}
.portfoliotext {
width : 140px;
float : right;
margin : 10px 0 10px 0;
display : inline;
}
.portfoliothumb {
width : 276px;
height : 222px;
padding : 2px;
border : 1px solid #ff9800;
margin : 10px 10px 10px 0;
float : left;
}
.portfoliothumb2 {
visibility : hidden;
width : 0;
height : 0;
float : left;
}
.portfoliothumb img {
border : none;
padding : 2px 2px 2px 2px;
}
.gallerypiece {
width : 450px;
margin : 0;
padding : 10px 0 0 0;
}
#gallerypieces {
width : 450px;
margin : 0;
float : left;
padding : 10px 0 0 0;
}
.gallerypiece a {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
margin-top : 10px;
}
.clearit {
clear : both;
}
.form {
width : 400px;
float : left;
margin : 0 10px 20px 0;
margin-bottom : 50px;
display : inline;
}
#over .error {
color : #ff0000;
}
#captcha {
float : left;
font-size : 12px;
padding : 4px 2px;
border : 1px solid #e1e1e1;
width : 200px;
margin : 2px 0 20px 10px;
}
.form label {
display : block;
font-weight : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-align : right;
width : 95px;
float : left;
}
.formp {
display : block;
font-weight : normal;
font-size : 10px;
text-align : left;
text-transform : uppercase;
line-height : 10px;
width : 275px;
float : left;
margin-left : 10px;
padding-left : 10px;
}
.form .small {
color : #666666;
display : block;
font-size : 11px;
font-weight : normal;
text-align : right;
width : 95px;
}
.form input {
float : left;
font-size : 12px;
font-family : Verdana, Arial, Helvetica, sans-serif;
padding : 4px 2px;
border : 1px solid #e1e1e1;
width : 280px;
margin : 2px 0 20px 10px;
background-color : #fff;
color : #4d6c6f;
}
textarea {
float : left;
font-size : 12px;
font-family : Verdana, Arial, Helvetica, sans-serif;
padding : 4px 2px;
border : 1px solid #e1e1e1;
width : 280px;
margin : 2px 0 20px 10px;
background-color : #ffffff;
color : #4d6c6f;
}
.form .button {
float : right;
font-size : 12px;
padding : 0 2px;
width : 85px;
height : 33px;
margin : 0 10px 40px 10px;
background-color : #ffffff;
color : #4d6c6f;
border : none;
background-image : url(../images/form_submitbg.jpg);
background-repeat : no-repeat;
}
.error {
font-size : 10px;
color : #ff0000;
text-transform : uppercase;
margin-bottom : 10px;
}
.accept {
font-size : 10px;
color : #4d6c6f;
text-transform : uppercase;
margin-bottom : 10px;
}
#pictureright {
clear : both;
text-align : center;
float : right;
margin : 0 0 15px 20px;
font-size : 9px;
border : 1px solid #666666;
padding : 2px 2px 2px 2px;
}
#footer {
clear : both;
text-align : center;
width : 782px;
height : 90px;
background-color : #ffffff;
margin : 40px 0 0 0;
padding : 0;
border-top : 1px solid #999999;
}
#footer .footerlinks {
font : 7px verdana;
color : #ffffff;
padding-top : 10px;
}
#footer .footerlinks a {
text-decoration : none;
color : #aaaaaa;
margin : 0;
}
#footer .footerlinks a:hover {
font : 54px "ITC Avant Garde Gothic STD", "Arial Narrow", Arial, Helvetica, sans-serif;
padding-top : 60px;
text-decoration : none;
color : #ff9800;
}