/*
Theme Name: Wordpress PSD
Theme URI: http://www.pagesmithdesign.com/
Description: The infamous theme created for the <a href="http://www.pagesmithdesign.com/">Page Smith Design</a> 3.0 website implementation.
Version: 2.0
Author: Page Smith Design
Author URI: http://www.pagesmithdesign.com/
Tags: Page Smith Design, Des Moines Web Design, Iowa Web Design, PageSmith Designs, Page Smith, Page Smith Des Moines, Page Smith Designs
*/

* {
outline : none;
}
html, body {
margin : 0;
padding : 0;
background : #3a3a3a;
min-height:100%;
min-width:1200px;
}
body {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #646464;
font-size : 12px;
}
p, ul, ol {
margin : 0 0 24px;
padding : 0;
}
ul, ol {
list-style-position : inside;
}
a:link, a:visited, a:active {
color : #6fbc00;
text-decoration : underline;
font-style : italic;
}
a:hover {
text-decoration : none;
}
a img {
border : 0;
}
.text {
display : block;
}
.text input, .textarea textarea {
display : block;
border : 0;
margin : 0;
padding : 0;
background : url(layout/blank.gif);
width : 100%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #656565;
}
.button {
overflow : hidden;
position : relative;
top : 0;
left : 0;
display : block;
cursor : pointer;
}
.button input {
background : url(layout/blank.gif);
margin : 0;
padding : 0;
border : 0;
width : 300px;
height : 300px;
position : absolute;
bottom : -10px;
right : -10px;
cursor : pointer;
}
.general-button {
width : 111px;
height : 35px;
margin : 0 auto;
color : #fff;
font-weight : bold;
}
.general-button span.bg {
background : url(layout/button.png);
display : block;
width : 111px;
height : 70px;
position : absolute;
top : 0;
left : 0;
}
.general-button:hover span.bg {
margin-top : -35px;
}
.general-button a:link, .general-button a:visited, .general-button a:hover, .general-button a:active {
position : relative;
top : 0;
left : 0;
z-index : 1;
font-size : 12px;
font-weight : bold;
font-style : normal;
display : block;
text-align : center;
line-height : 31px;
padding : 0 0 4px;
color : #fff !important ;
text-decoration : none;
}
.inner {
position : relative;
top : 0;
left : 0;
z-index : 1;
min-height : 1px;
width : 982px;
margin : 0 auto;
overflow : visible;
}
.inner:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
#header {
background : #f1f1f1 url(layout/header_bg4.jpg) repeat-x;
}
#header .inner {
z-index : 2;
}
#header #logo_main-menu .inner {
z-index : 10;
}
#header-inner {
background : url(layout/header_bg2.jpg) repeat-x 0% 90px;
}
#logo_main-menu {
background : #555;
height : 90px;
position : relative;
top : 0;
left : 0;
z-index : 10;
}
#header .hr {
display : block;
height : 10px;
overflow : hidden;
background : url(layout/logo_main-menu.png);
}
.hr hr {
display : none;
}
#logo {
width : 299px;
height : 55px;
overflow : hidden;
float : left;
margin : 16px 0 0 11px;
position : relative;
top : 0;
left : 0;
}
#logo a {
width : 299px;
height : 55px;
position : absolute;
top : 0;
left : 0;
background : url(layout/logo.jpg) no-repeat;
text-indent : -3000px;
overflow : hidden;
display : block;
}
#main_menu {
float : right;
padding : 24px 0 0 0;
font-family : 'Trebuchet Ms';
}
#main_menu ul {
margin : 0;
padding : 0;
list-style : none;
float : left;
list-style-position : outside;
}
#main_menu li {
float : left;
text-align : center;
margin : 0;
padding : 0;
position : relative;
top : 0;
left : 0;
}
#main_menu li.last {
background : transparent;
}
#main_menu a:link, #main_menu a:visited, #main_menu a:active {
float : left;
display : block;
min-width : 109px;
padding : 5px 10px;
height : 36px;
white-space : nowrap;
color : #646464;
text-decoration : none;
font-weight : bold;
font-style : normal;
font-size : 9px;
position : relative;
top : 0;
left : 0;
}
* html #main_menu .bg a {
width : 109px;
}
#main_menu a.middle:link, #main_menu a.middle:visited, #main_menu a.middle:active {
float : left;
display : block;
min-width : 160px;
padding : 5px 10px;
height : 36px;
white-space : nowrap;
color : #646464;
text-decoration : none;
font-weight : bold;
font-style : normal;
font-size : 9px;
position : relative;
top : 0;
left : 0;
}
* html #main_menu .bg a.middle {
width : 160px;
}
#main_menu li .bg {
display : block;
float : left;
}
#main_menu li .bg .bg_l {
display : block;
float : left;
}
#main_menu li .bg .bg_r {
display : block;
float : left;
}
#main_menu li .bg .bg_m {
display : block;
float : left;
}
#main_menu li:hover a, #main_menu a:hover {
text-align : center !important ;
}
#main_menu li:hover a strong {
color : #6fbc00 !important ; font-size:18px !important;
}
#main_menu a:hover strong {
display : block;
font-size : 18px;
font-weight : normal;
color : #6fbc00;
line-height : 23px;
}
#main_menu a:link strong, #main_menu a:visited strong, #main_menu a:active strong {
display : block;
font-size : 18px;
font-weight : normal;
color : #aaa;
line-height : 23px;
}
#main_menu em {
display : block;
font-style : normal;
line-height : 15px;
color : #ddd;
}
#main_menu .home:link, #main_menu .home:visited, #main_menu .home:active {
width : 56px;
height : 37px;
background : transparent url(layout/home.jpg) no-repeat;
overflow : hidden;
position : absolute;
top : 27px;
left : 475px;
}
#main_menu .home:hover {
width : 56px;
height : 37px;
background : transparent url(layout/homegreen.jpg) no-repeat;
overflow : hidden;
position : absolute;
top : 27px;
left : 475px;
}
#main_menu .selected:link strong, #main_menu .selected:visited strong, #main_menu .selected:hover strong, #main_menu .selected:active strong {
color : #b5b5b5;
}
#main_menu a.selected span {
display : block;
}
.submenu {
position : absolute;
top : -10000px;
left : -10000px;
width : 149px;
padding : 11px 0 0;
}
li:hover .submenu {
top : 42px;
left : -10px;
}
.submenu-top {
display : block;
background : url(layout/dropdown_top.png);
height : 7px;
overflow : hidden;
}
.submenu-bottom {
display : block;
background : url(layout/dropdown_bottom.png);
height : 3px;
overflow : hidden;
}
.submenu-inner {
background : url(layout/dropdown_middle.png);
padding : 2px 0 3px;
width : 149px;
}
#main_menu .submenu ul {
margin : 0;
float : none;
}
#main_menu .submenu li {
float : none;
background : transparent;
display : inline;
}
#main_menu .submenu a:link, #main_menu .submenu a:visited, #main_menu .submenu a:active {
float : none;
height : auto;
width : auto;
background : url(layout/blank.gif);
font-weight : normal;
font-size : 11px;
color : #333 !important ;
padding : 7px 14px;
line-height : 13px;
}
#main_menu .submenu a:hover {
background-color : #fff;
}
#breadcrumbs_search {
padding : 12px 0 13px;
min-height : 1px;
}
* html #breadcrumbs_search {
height : 1px;
}
#breadcrumbs_search:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
#breadcrumbs {
margin : 0;
padding : 0;
float : left;
color : #b9b9b9;
font-size : 10px;
line-height : 31px;
}
#breadcrumbs dt {
float : left;
font-weight : bold;
margin : 0;
padding : 0;
}
#breadcrumbs dd {
float : left;
margin : 0;
padding : 0 0 0 6px;
}
#breadcrumbs ul {
list-style : none;
float : left;
margin : 0;
padding : 0;
color : #6fbc00;
font-weight : bold;
}
#breadcrumbs li {
float : left;
padding : 0 9px 0 0;
margin : 0 6px 0 0;
background : url(layout/breadcrumbs_bg.gif) no-repeat right 12px;
}
#breadcrumbs li.last {
background : transparent;
}
#breadcrumbs li span {
text-decoration : underline;
}
#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active {
color : #fff;
text-decoration : none;
font-style : normal;
}
#breadcrumbs a:hover {
text-decoration : underline;
}
#search {
float : right;
position : relative;
top : 0;
left : 0;
width : 327px;
height : 31px;
}
#search form {
position : relative;
top : 0;
left : 0;
z-index : 1;
}
#search form, #search fieldset {
margin : 0;
padding : 0;
border : 0;
width : 100%;
overflow : hidden;
}
#search .bg {
display : block;
background : url(layout/search_bg.png);
width : 327px;
height : 31px;
position : absolute;
top : 0;
left : 0;
}
#search .text {
float : left;
padding : 10px 0 0 13px;
width : 267px;
}
#search .text input {
color : #9d9d9d;
font-size : 10px;
}
#search .button {
width : 34px;
height : 31px;
float : right;
}
#search .button em {
background : url(layout/search_btn.png);
text-indent : -3000px;
overflow : hidden;
width : 34px;
height : 62px;
display : block;
position : absolute;
top : 0;
left : 0;
}
#search .button:hover em {
margin-top : -31px;
}
#content {
background : #fff url(layout/content_bg.gif) repeat-x;
line-height : 24px;
padding : 15px 0 0;
}
#content .second-section {
background : #555;
color : #fff;
}
#content .third-section {
background : #9e9e9e;
color : #fff;
}
.foto-link {
display : block;
}
.foto-link img {
display : block;
border : 5px solid #dcdcdc;
}
.second-section .foto-link img {
border-color : #646464;
}
.third-section .foto-link img {
border-color : #c8c8c8;
}
.columns {
width : 100%;
overflow : hidden;
}
.columns_inner {
width : 1000px;
float : left;
}
.column {
width : 281px;
float : left;
padding : 0 46px 0 0;
display : inline;
}
.first-section .inner {
padding-bottom : 20px;
background : url(layout/inner_bg.gif) no-repeat 58% 70%;
}
.second-section {
border : solid #646464;
border-width : 0 0 8px;
}
.second-section h3 {
line-height : 24px;
font-size : 16px;
background : url(layout/sep_2.gif) repeat-x left bottom;
margin : 0 0 10px;
padding : 0 0 15px;
}
.second-section h3 .title {
padding : 0 2px 0 35px;
margin : 0 0 -2px;
position : relative;
top : 0;
left : 0;
min-height : 1px;
}
* html .second-section h3 .title {
height : 1px;
}
.second-section h3 .title .bg {
display : block;
overflow : hidden;
width : 23px;
height : 27px;
position : absolute;
left : 0;
top : 1px;
}
.second-section h3 .title .bg span {
width : 23px;
height : 54px;
background : url(layout/second-section-title.png) no-repeat;
display : block;
overflow : hidden;
position : absolute;
top : 0;
left : 0;
}
.second-section .column:hover h3 .title .bg span {
margin-top : -27px;
}
.second-section h3 .subtitle {
font-size : 14px;
font-weight : normal;
color : #d4d4d4;
}
.second-section .list {
padding : 0 0 0 14px;
list-style : none;
list-style-position : outside;
}
.second-section .list li {
background : url(layout/list_1.gif) no-repeat 0% 7px;
padding : 0 0 0 23px;
}
.second-section .inner {
padding : 35px 0 21px;
background : url(layout/second_section_pointer.gif) no-repeat center bottom;
}
.second-section a:link, .second-section a:visited, .second-section a:active {
color : #6fbc00;
text-decoration : underline;
font-weight : bold;
}
.second-section a:hover {
text-decoration : none;
}
.address {
margin : 0 0 24px;
}
.address dl {
margin : 0;
padding : 0;
width : 100%;
overflow : hidden;
}
.address dt {
width : 62px;
margin : 0;
padding : 0;
float : left;
font-weight : bold;
}
.address dd {
width : 208px;
float : right;
margin : 0;
padding : 0;
}
.social-networking {
background : #4d4d4d url(layout/social-middle.gif);
margin : 0 -48px 0 0;
}
.social-networking-inner {
background : url(layout/social_top.gif) no-repeat;
}
.social-networking dl {
margin : 0;
padding : 0;
background : url(layout/social-bottom.gif) no-repeat left bottom;
width : 100%;
overflow : hidden;
}
.social-networking dt {
float : left;
font-size : 12px;
font-weight : bold;
margin : 0;
padding : 0 0 0 12px;
line-height : 31px;
}
.social-networking dd {
float : right;
margin : 0;
padding : 8px 0 0;
width : 224px;
}
.social-networking a, .social-networking img {
float : left;
}
.social-networking a {
margin : 0 8px 7px 0;
}
.third-section {
border : solid #909090;
border-width : 3px 0 0;
}
.third-section .inner {
padding : 21px 0 29px;
}
.third-section h3 {
font-size : 18px;
font-weight : normal;
color : #6fbc00;
margin : 0 0 21px;
padding : 11px 0 0 50px;
background-repeat : no-repeat;
min-height : 35px;
position : relative;
top : 0;
left : 0;
}
* html .third-section h3 {
height : 35px;
}
.third-section h3 .bg {
display : block;
width : 41px;
height : 46px;
position : absolute;
top : 0;
left : 0;
overflow : hidden;
}
.third-section h3 .bg span {
display : block;
width : 82px;
height : 46px;
position : absolute;
top : 0;
left : 0;
}
.third-section .column:hover .bg span {
margin-left : -41px;
}
h3.blogger .bg span {
background-image : url(layout/blogger_h3.png);
}
h3.personal .bg span {
background-image : url(layout/personal_h3.png);
}
h3.twitter .bg span {
background-image : url(layout/twitter_h3.png);
}
h3.myspace .bg span {
background-image : url(layout/myspace_h3.png);
}
h3.youtube .bg span {
background-image : url(layout/youtube_h3.png);
}
h3.facebook .bg span {
background-image : url(layout/facebook_h3.png);
}
h3.wordpress .bg span {
background-image : url(layout/wordpress_h3.png);
}
h3.linkedin .bg span {
background-image : url(layout/linkedin_h3.png);
}
.third-section a:link, .third-section a:visited, .third-section a:hover, .third-section a:active {
color : #fff;
}
.gallery-list {
width : 100%;
overflow : hidden;
padding : 0 0 16px;
}
.gallery-list ul {
margin : 0;
padding : 0;
list-style : none;
float : left;
width : 310px;
}
.gallery-list li {
float : left;
padding : 0 20px 18px 0;
margin : 0;
}
.gallery-list img {
display : block;
}
.dls dl, .dls dt, .dls dd {
margin : 0;
padding : 0;
}
.text-dls dt {
font-size : 10px;
font-weight : bold;
background : url(layout/dt_bg.gif) no-repeat right 2px;
line-height : normal;
padding : 0 0 5px;
}
.text-dls dd {
padding : 0 0 31px;
}
.third-section .list li {
padding : 0 0 5px;
}
.third-section .more {
display : block;
width : 100%;
overflow : hidden;
background : url(layout/more-separator.gif) repeat-x;
padding : 14px 0 0;
margin : -17px 0 0;
}
.third-section .more a:link, .third-section .more a:visited, .third-section .more a:active {
display : block;
float : right;
font-weight : bold;
color : #6fbc00;
white-space : nowrap;
text-decoration : none;
font-style : normal;
background : url(layout/s3-more.gif) no-repeat right center;
padding : 0 30px 0 0;
line-height : 17px;
}
#content .third-section .more a:hover {
text-decoration : underline;
}
.third-section .list {
list-style : none;
list-style-position : outside;
}
.page {
width : 610px;
float : left;
}
.portfolio {
float : left;
position : relative;
width : 982px;
}
.full_page .page {
float : none;
width : auto;
}
.fotos_wrapper ul {
margin : 0;
padding : 0;
list-style : none;
width : 100%;
overflow : hidden;
font-family : 'Trebuchet Ms';
color : #fff;
}
.fotos_wrapper li {
float : left;
padding : 0 0 15px;
margin : 0;
}
.fotos_wrapper p {
margin : 0;
}
strong.foto_title {
display : block;
font-size : 18px;
font-weight : normal;
margin : 10px 0 0 15px;
}
.fotos_wrapper li p.foto_description {
padding : 0 0 0 15px;
font-weight : bold;
}
.slideshow img {
display : block;
}
.page_header {
min-height : 1px;
position : relative;
top : 0;
left : 0;
}
html .page_header:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
* html .page_header {
height : 1px;
}
.pagination_wrapper {
min-height : 1px;
}
.pagination_wrapper:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
* html .pagination_wrapper {
height : 1px;
}
.pagination {
margin : 0;
padding : 0;
list-style : none;
float : left;
list-style-position : outside;
}
.pagination li {
float : left;
background : url(layout/pag_bg.gif) no-repeat right 4px;
padding : 0 4px 0 0;
margin : 0 3px 0 0;
height : 25px;
}
.pagination li.last {
background : transparent;
margin : 0;
padding : 0;
}
.pagination a:link, .pagination a:visited, .pagination a:active {
display : block;
width : 21px;
text-align : center;
font-style : normal;
text-decoration : none;
color : #646464;
font-weight : bold;
font-size : 10px;
line-height : 21px;
}
.pagination a:hover {
text-decoration : underline !important ;
}
.pagination .selected:link, .pagination .selected:visited, .pagination .selected:hover, .pagination .selected:active {
width : 21px;
height : 25px;
background : url(layout/pag.png) no-repeat;
color : #fff;
}
.page_header .pagination_wrapper {
position : absolute;
top : -3px;
right : 0;
}
h1 {
margin : 0 0 11px;
padding : 0 0 17px;
font-size : 24px;
font-weight : bold;
font-family : 'Trebuchet MS';
color : #6fbc00;
line-height : 22px;
background : url(layout/sep_1.gif) repeat-x left bottom;
position : relative;
top : 0;
left : 0;
}
.title, .subtitle {
display : block;
}
h1 .subtitle {
font-size : 18px;
color : #b5b5b5;
font-style : normal;
}
h1.ico {
min-height : 44px;
padding-left : 40px;
}
* html h1.ico {
height : 44px;
}
.ico .important {
display : block;
width : 24px;
height : 29px;
overflow : hidden;
position : absolute;
top : -3px;
left : 0;
}
.ico .important span {
background : url(layout/important_ico2.png);
display : block;
width : 24px;
height : 58px;
position : absolute;
top : 0;
left : 0;
}
.ico:hover .important span {
margin-top : -28px;
}
h2 {
margin : 0;
padding : 0 0 7px;
color : #6fbc00;
font-size : 18px;
font-family : 'Trebuchet MS';
font-weight : normal;
text-transform : uppercase;
line-height : normal;
}
h2 a:link, h2 a:visited, h2 a:active {
text-decoration : none;
font-style : normal;
}
#content h2 a:hover {
text-decoration : underline;
}
.first-section h3 {
font-size : 16px;
margin : 0;
padding : 0 0 8px;
color : #6fbc00;
line-height : normal;
}
.first-section h4 {
margin : 0;
padding : 0 0 7px;
font-size : 14px;
font-weight : bold;
line-height : normal;
}
.first-section h5 {
margin : 0 0 17px;
padding : 0;
font-size : 12px;
line-height : normal;
}
.first-section h6 {
font-size : 10px;
margin : 0 0 4px;
padding : 0;
color : #b5b5b5;
line-height : normal;
}
.block-em {
display : block;
font-style : normal;
font-weight : bold;
font-size : 10px;
color : #b5b5b5;
}
.sidebar .box {
width : 327px;
}
.box {
margin : 0 0 24px;
}
.box p, .box ul, .box ol {
margin : 0;
}
.box-middle {
min-height : 1px;
}
* html .box-middle {
height : 1px;
}
.box-middle:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.sidebar .box-top {
display : block;
background : url(layout/block_lk_top.png);
height : 3px;
overflow : hidden;
}
.sidebar .box-bottom {
display : block;
background : url(layout/block_lk_bottom.png);
height : 3px;
overflow : hidden;
}
.sidebar .box-middle {
background : url(layout/block_lk_middle.png);
padding : 7px 12px;
width : 303px;
}
.page .box {
width : 609px;
}
.page .box-top {
display : block;
background : url(layout/block_lk_top2.png);
height : 3px;
overflow : hidden;
}
.page .box-bottom {
display : block;
background : url(layout/block_lk_bottom2.png);
height : 3px;
overflow : hidden;
}
.page .box-middle {
background : url(layout/block_lk_middle2.png);
padding : 17px 19px 3px;
width : 571px;
}
.download-widget:link, .download-widget:visited, .download-widget:active {
display : block;
background : url(layout/download.jpg) no-repeat;
width : 329px;
height : 117px;
overflow : hidden;
text-indent : -3000px;
position : relative;
top : 0;
left : 0;
color : #fff;
text-decoration : none;
font-weight : bold;
font-family : 'Trebuchet Ms';
font-style : normal;
}
.download-widget:hover {
background-position : 0% -117px;
}
.download-widget span {
display : block;
text-indent : 0;
width : 200px;
position : absolute;
top : 71px;
left : 116px;
line-height : normal;
}
.box .download-widget {
float : right;
margin : 0 0 0 18px;
}
.box .title {
font-size : 14px;
color : #6fbc00;
margin-top : -6px;
}
.box .subtitle, .box .subtitle:link, .box .subtitle:visited, .box .subtitle:hover, .box .subtitle:active {
font-weight : bold;
font-size : 10px;
color : #646464;
display : inline-block;
}
.rss {
display : block;
background : url(layout/rss_ico.png) no-repeat 0% 0%;
padding : 4px 0 6px 40px;
line-height : 27px;
min-height : 1px;
}
* html .rss {
height : 1px;
}
.rss:hover {
background-position : 0% -169px;
}
.intro {
color : #6fbc00;
font-size : 16px;
font-family : 'Trebuchet Ms';
}
.floated-left {
float : left;
margin : 0 20px 0 0;
}
.table {
border : solid #dedede;
border-width : 1px 0 0 1px;
margin : 0 0 24px;
}
.full-table table {
width : 100%;
}
.table table {
border-collapse : collapse;
}
.table th {
background : #dedede;
color : #6fbc00;
font-weight : bold;
}
.table th, .table td {
padding : 5px 7px;
text-align : left;
vertical-align : top;
border : solid #dedede;
border-width : 0 1px 1px 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
.table th {
border-color : #fff;
}
.table th.last {
border-color : #fff #dedede #fff #fff;
}
.first-section .list {
margin-left : 9px;
}
.list .title {
display : inline;
font-weight : bold;
color : #6fbc00;
}
.first-section strong a:link, .first-section strong a:visited, .first-section strong a:active {
font-weight : bold;
color : #6fbc00;
font-style : normal;
text-decoration : none;
}
#content .first-section strong a:hover {
text-decoration : underline;
}
.first-section .more {
display : block;
width : 100%;
overflow : hidden;
}
.first-section .more a:link, .first-section .more a:visited, .first-section .more a:active {
display : block;
float : right;
font-weight : bold;
color : #6fbc00;
white-space : nowrap;
text-decoration : none;
font-style : normal;
background : url(layout/box-more.gif) no-repeat right center;
padding : 0 30px 0 0;
line-height : 17px;
}
.first-section .more a:hover {
text-decoration : underline;
}
.first-section .dls {
margin : 24px 0;
line-height : 18px;
}
.photo-dls dl {
min-height : 1px;
margin : 0 0 16px;
}
* html .photo-dls dl {
height : 1px;
}
.photo-dls dl:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.photo-dls dd {
width : 238px;
float : right;
}
.photo-dls dt {
float : left;
width : 82px;
}
.photo-dls .title {
font-weight : bold;
color : #6fbc00;
}
.photo-dls dt img {
display : block;
margin : 0 auto;
}
.photo-dls .user-ico {
display : block;
overflow : hidden;
width : 42px;
height : 83px;
margin : 0 auto;
}
.photo-dls dl:hover img {
margin-top : -83px;
}
.first-section .hr {
height : 0;
margin : 7px 0 9px;
overflow : hidden;
border : solid;
border-width : 1px 0;
border-color : #dedede #dedede #fff;
}
.gallery {
width : 100%;
overflow : hidden;
}
.gallery ul {
list-style : none;
width : 1010px;
overflow : hidden;
margin : 0;
padding : 0;
}
.gallery li {
float : left;
width : 230px;
margin : 0 20px 14px 0;
}
.gallery .foto-link {
position : relative;
top : 0;
left : 0;
margin : 0 0 10px;
}
.gallery p {
margin : 0;
}
.gallery .feature {
display : block;
overflow : hidden;
width : 98px;
height : 99px;
text-indent : -3000px;
position : absolute;
top : 5px;
left : 127px;
}
.gallery .feature span {
display : block;
background : url(layout/feature.png);
width : 98px;
height : 198px;
text-indent : -3000px;
position : absolute;
top : 0;
left : 0;
}
.gallery li:hover .feature span {
margin-top : -99px;
}
.blog_entries {
margin : 0 0 -7px;
padding : 8px 0 0;
}
.blog_entry {
min-height : 1px;
padding : 0 0 38px;
}
* html .blog_entry {
height : 1px;
}
.blog_entry:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.blog_entry .blog_foto {
display : block;
float : left;
}
.blog_entry .blog_text {
display : block;
float : right;
width : 382px;
}
.blog_text h2 {
margin : -5px 0 0;
}
.blogstats {
line-height : 17px;
font-size : 10px;
}
.blogstats_top {
display : block;
overflow : hidden;
height : 5px;
background : url(layout/blogstats_top.png);
}
.blogstats_bottom {
display : block;
overflow : hidden;
height : 5px;
background : url(layout/blogstats_bottom.png);
}
.blogstats_middle {
background : url(layout/blogstats_middle.png);
width : 382px;
}
.blogstats ul {
margin : 0;
padding : 0;
list-style : none;
width : 100%;
overflow : hidden;
list-style-position : outside;
}
.blogstats .first {
float : left;
color : #b5b5b5;
font-weight : bold;
padding : 0 0 0 10px;
}
.blogstats .last {
float : right;
padding : 0 10px 0 0;
}
.blogstats a:link, .blogstats a:visited, .blogstats a:active {
font-style : normal;
text-decoration : none;
}
#content .blogstats a:hover {
text-decoration : underline;
}
.blogstats {
margin : 3px 0 7px;
}
.blogposted {
font-size : 10px;
line-height : 17px;
}
.blogposted_top {
background : url(layout/blogposted_top.png);
height : 5px;
overflow : hidden;
display : block;
}
.blogposted_bottom {
background : url(layout/blogposted_bottom.png);
height : 5px;
overflow : hidden;
display : block;
}
.blogposted_middle {
background : url(layout/blogposted_middle.png);
padding : 0 10px;
width : 362px;
}
.blogposted a:link, .blogposted a:visited, .blogposted a:active {
font-style : normal;
text-decoration : none;
}
#content .blogposted a:hover {
text-decoration : underline;
}
.blog_preview p {
margin : 0;
}
.blog_preview {
min-height : 100px;
}
.blog_preview {
margin : 0 0 17px;
}
.blog_body .foto-link {
float : left;
margin : 7px 34px 25px 0;
}
.blogdate {
line-height : 17px;
font-size : 10px;
font-weight : bold;
color : #b5b5b5;
padding : 3px 0 9px;
}
.blogdate_top {
display : block;
overflow : hidden;
background : url(layout/blogdate_top.png);
height : 5px;
}
.blogdate_bottom {
display : block;
overflow : hidden;
background : url(layout/blogdate_bottom.png);
height : 5px;
}
.blogdate_middle {
background : url(layout/blogdate_middle.png);
padding : 0 10px;
width : 590px;
}
.blogposted2 {
margin : -15px 0 0;
}
.blogposted2 .blogposted_top {
background : url(layout/blogposted_top2.png);
}
.blogposted2 .blogposted_bottom {
background : url(layout/blogposted_bottom2.png);
}
.blogposted2 .blogposted_middle {
background : url(layout/blogposted_middle2.png);
width : 590px;
}
.blog_comments h3 {
padding-top : 34px;
}
.replies {
margin : -9px 0 0;
}
.replies dl {
margin : 0;
padding : 19px 0 0;
min-height : 1px;
}
* html .replies dl {
height : 1px;
}
.replies dl:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.replies dt {
float : left;
margin : 0;
padding : 0;
}
.replies dd {
float : right;
width : 478px;
margin : 0;
padding : 0;
}
.replystats_top {
background : url(layout/replystats_top.png);
height : 5px;
overflow : hidden;
display : block;
line-height : 17px;
}
.replystats_bottom {
background : url(layout/replystats_bottom.png);
height : 5px;
overflow : hidden;
display : block;
}
.replystats_middle {
background : url(layout/replystats_middle.png);
width : 458px;
padding : 0 10px;
}
.replystats {
margin : 0 0 10px;
}
.replystats ul {
margin : 0;
padding : 0;
overflow : hidden;
width : 100%;
list-style : none;
line-height : 17px;
}
.replystats li.first {
float : left;
}
.replystats li.last {
float : right;
}
.replystats a:link, .replystats a:visited, .replystats a:hover, .replystats a:active {
font-style : normal;
}
.form form, .form fieldset {
margin : 0;
padding : 0;
border : 0;
}
.form .form-item {
min-height : 1px;
padding-bottom : 20px;
}
* html .form .form-item {
height : 1px;
}
.form .form-item:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.form label {
display : block;
float : left;
padding : 0 0 7px;
}
.form label .left {
display : block;
background : url(layout/input_left.png);
width : 10px;
overflow : hidden;
float : left;
}
.form label .right {
display : block;
width : 10px;
overflow : hidden;
float : left;
}
.form label .middle {
display : block;
float : right;
float : left;
}
label.text .left {
height : 31px;
background : url(layout/input_left.png);
}
label.text .right {
height : 31px;
background : url(layout/input_right.png);
}
label.text .middle {
height : 31px;
background : url(layout/input_middle.png);
}
label.textarea .left {
height : 200px;
background : url(layout/textarea_left.png);
}
label.textarea .right {
height : 200px;
background : url(layout/textarea_right.png);
}
label.textarea .middle {
height : 200px;
overflow : hidden;
background : url(layout/textarea_middle.png);
}
.form .text input {
width : 396px;
color : #656565;
padding : 7px 0 0;
}
.form .textarea textarea {
margin : 7px 0;
height : 186px;
overflow : auto;
width : 396px;
}
.first-section .general-button span.bg {
background : url(layout/button2.png);
}
.form .button-wrapper {
overflow : hidden;
width : 295px;
float : right;
}
.form .button {
float : right;
}
.blog_comments .form {
padding : 10px 0 33px;
}
.form {
padding : 0 0 33px;
}
.form .mandatory {
display : block;
float : right;
width : 186px;
font-size : 10px;
color : #b5b5b5;
line-height : 17px;
padding : 7px 0 0;
}
.map_wrapper {
padding : 13px 0 0;
}
.map {
border : 1px solid #646464;
}
.map img {
display : block;
}
.sidebar {
width : 327px;
float : right;
}
.comments_stats ul {
margin : 0;
padding : 0;
list-style : none;
width : 100%;
overflow : hidden;
line-height : 17px;
}
.comments_stats .box-middle {
padding : 2px 12px;
}
.comments_stats .first {
float : left;
}
.comments_stats .last {
float : right;
}
.comments_stats a:link, .comments_stats a:visited, .comments_stats a:active {
font-style : normal;
text-decoration : none;
}
#content .comments_stats a:hover {
text-decoration : underline;
}
.comments-no {
display : block;
width : 47px;
height : 57px;
position : relative;
top : 0;
left : 0;
overflow : hidden;
margin : 3px 0 0;
}
.comments-no .bg {
width : 47px;
height : 114px;
display : block;
background : url(layout/comment_no.png) no-repeat;
position : absolute;
top : 0;
left : 0;
}
dl:hover .comments-no .bg {
margin-top : -57px;
}
.comments-dls .number {
position : relative;
top : 0;
left : 0;
z-index : 1;
color : #fff;
display : block;
text-align : center;
font-size : 24px;
line-height : 47px;
}
.comments-dls .comments_stats {
margin : 0 0 18px;
}
.comments-dls dl {
margin : 0 0 14px;
}
#footer {
background : #3a3a3a;
height : 89px;
color : #848484;
position : relative;
}
#footer a:link, #footer a:visited, #footer a:active {
color : #7b7b7b;
font-style : normal;
text-decoration : none;
font-weight : bold;
}
#footer a:hover {
color : #6fbc00;
text-decoration : underline;
}
.footer-content {
float : left;
width : 400px;
}
.footer-menu {
margin : 0;
padding : 25px 0 0;
width : 100%;
overflow : hidden;
list-style : none;
font-weight : bold;
}
.footer-menu .bg {
display : none;
width : 7px;
height : 4px;
background : url(layout/footer_selected.gif);
position : absolute;
top : -25px;
left : 50%;
margin-left : -5px;
overflow : hidden;
}
.footer-menu li {
float : left;
padding : 0 11px 0 0;
margin : 0 10px 0 0;
background : url(layout/footer-menu.gif) no-repeat right center;
position : relative;
top : 0;
left : 0;
}
.footer-menu li.selected .bg {
display : block;
}
.footer-menu a:link, .footer-menu a:visited, .footer-menu a:hover, .footer-menu a:active {
position : relative;
top : 0;
left : 0;
display : block;
white-space : nowrap;
float : left;
}
#footer li.selected a:link, #footer li.selected a:visited, #footer li.selected a:hover, #footer li.selected a:active {
color : #b5b5b5;
font-weight : bold;
text-decoration : none;
}
.footer-menu li.last {
background : transparent;
}
.footer-content p {
margin : 0;
padding : 12px 0 0;
}
#go_top {
display : block;
position : absolute;
top : -32px;
right : 0;
font-size : 9px;
white-space : nowrap;
padding : 82px 0 0;
}
#go_top .go_top_bg {
display : block;
overflow : hidden;
width : 57px;
height : 85px;
position : absolute;
top : 0;
left : 50%;
margin : 0 0 0 -28px;
}
#go_top .go_top_bg span {
background : url(layout/back_top2.png);
width : 57px;
height : 170px;
position : absolute;
top : 0;
left : 0;
display : block;
}
#go_top:hover .go_top_bg span {
top : -85px;
}
.sidebar_titles {
min-height : 52px;
position : relative;
top : 0;
left : 0;
}
* html .sidebar_titles {
height : 52px;
}
.sidebar_titles_inner {
width : 100%;
position : absolute;
bottom : 0;
left : 0;
}
#preload {
display : none;
}
#bookmarks {
position : relative;
float : left;
padding-left : 75px;
}
#main_menu a strong.selected, #main_menu a strong.selected, #main_menu a strong.selected, #main_menu a strong.selected {
color : #6fbc00 !important ;
}
h1.contact {
background : url(layout/header_contact.png) no-repeat;
height : 82px;
width : 610px;
text-align : center;
}
.alignright {
text-align : right;
}
.alignleft {
text-align : left;
}
#portfolio-container {
position : relative;
}
.portfolio-menu {
height : auto;
z-index : 15;
position : absolute;
right : 0;
top : -100px;
list-style : none;
}
.portfolio-menu ul {
margin : 0;
padding : 0;
list-style : none;
}
.portfolio-menu li {
float : left;
margin-right : 5px;
}
.portfolio-menu img {
float : left;
}
#web_section, #logo_section, #print_section {
width : 780px;
display : block;
margin : 0 auto;
text-align : center;
}
.slide {
width : 780px;
}
.slide .galleryImage {
float : left;
margin : 0 40px 25px 0;
position : relative;
overflow : hidden;
border : 1px solid #666666;
}
.slide .alt {
float : left;
margin : 0 0 25px 0;
}
.slide .galleryImage .zoomButton {
width : 380px;
height : 300px;
display : block;
position : absolute;
left : 0;
top : 0;
background : transparent url(layout/galleryButtonLeft2.png) no-repeat;
}
.slide .galleryImage .descriptionButton {
width : 380px;
height : 300px;
display : block;
position : absolute;
right : 0;
top : 0;
background : transparent url(layout/galleryButtonRight2.png) no-repeat;
}
#description {
background : #0a0a0a url(layout/backgroundTile.png) repeat 50% 0%;
width : 580px;
overflow : hidden;
margin : 0 auto;
padding : 45px 45px 30px;
}
#description img.alignleft {
float : left;
margin : 0 25px 25px 0;
}
#description img.alignright {
margin : 0 0 25px 25px;
}
#description h5 {
color : #333333;
font-size : 1.33em;
font-weight : bold;
padding : 0;
margin : 0;
}
#description h5, #description p {
float : left;
width : 350px;
}
#description a {
font-size : 12px;
font-weight : bold;
text-decoration : underline;
}
#description a:hover {
text-decoration : none;
}
.thanks {
font-size : 20px;
color : #6fbc00;
font-weight : bold;
}
label.error {
color : red;
vertical-align : bottom;
z-index : 100;
float : none;
margin-top : 10px;
}
.submitbutton {
background : url(layout/grn.jpg);
background-repeat : no-repeat;
border : none;
outline : none;
color : #fff;
font-weight : bold;
width : 100px;
height : 30px;
}
.submitbutton:hover {
background : url(layout/grnhover.jpg);
background-repeat : no-repeat;
border : none;
outline : none;
color : #fff;
font-weight : bold;
width : 100px;
height : 30px;
}
.about {
float : left;
width : 600px;
}
.about span {
color : #6fbc00;
}
ul.about {
padding-left : 50px;
list-style : none;
}
.checkmark {
width : 17px;
height : 16px;
border : none;
outline : none;
padding-right : 7px;
background-repeat: no-repeat;
}
#clear {
clear : both;
padding : 0;
margin : 0;
border : none;
}