@charset "UTF-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td {
margin : 0;
padding : 0;
}
.floatLeft {
float : left;
padding-left : 5px;
}
.floatRight {
float : right;
padding-right : 5px;
}
.clear {
clear : both;
}
img {
border : none;
}
html {
background-image : url(../images/paperbg-5.jpg);
background-position : center;
background-repeat : repeat-y;
}
body {
font-family : Century Gothic;
font-size : 100%;
margin : 0;
padding : 0;
text-align : center;
float : inherit;
}
.head-links {
float : left;
margin : 0 auto;
padding : 2px;
}
onclick {
cursor : auto;
}
p {
font-size : 14px;
color : #333;
}
h1 {
color : #930;
font-size : 18px;
font-weight : bold;
}
span.white {
color : #fff;
font-size : 19px;
padding-left : 80px;
padding-top : 10px;
float : left;
font-weight : bold;
}
ul.new {
list-style-image : url(../images/bullet.png);
font-size : 16px;
line-height : 20px;
margin-left : 40px;
color : #333;
}
ul.new-small {
list-style-image : url(../images/arrowright-ico.png);
font-size : 14px;
text-align : left;
line-height : 30px;
padding-left : 50px;
margin-left : 0;
color : #333;
}
a:link {
color : #036;
font-weight : bold;
text-decoration : none;
}
a:visited {
color : #666;
font-weight : bold;
text-decoration : none;
}
a:hover {
color : #930;
font-weight : bold;
text-decoration : none;
}
#container {
width : 965px;
margin : 0 auto;
text-align : left;
background : none;
}
#header {
width : 965px;
background : url(../images/subheader-bg.png) no-repeat center;
height : 132px;
margin : 0 auto;
padding : 0;
}
#header-icons {
width : 120px;
height : 32px;
float : left;
padding-left : 120px;
}
form {
margin : 0 auto;
padding : 0;
}
#sub-header {
width : 965px;
background : url(../images/subheader-bg.png) no-repeat center;
height : 105px;
margin : 0 auto;
padding : 0;
}
#subnav-holderbg {
width : 965px;
height : 58px;
background : none;
margin : 0 auto;
padding : 0;
}
span.phone {
float : right;
clear : both;
font-size : 18px;
color : #930;
font-weight : bold;
}
span.small { font-size:9px; }
#nav-holderbg {
width : 965px;
height : 58px;
background : url(../images/nav.png) no-repeat center;
margin : 0 auto;
padding : 0;
}
#featuredProject {
width : 965px;
height : 270px;
background : url(../images/featured-project.png) no-repeat center;
margin : 0 auto;
padding : 0;
}
#feature {
width : 890px;
height : 220px;
margin : 0 auto;
padding : 20px 20px 20px 20px;
background : url(../images/graphpaper-repeat.png) repeat;
z-index : 0;
}
#feature-message {
width : 450px;
float : right;
}
#moreProjects-top {
width : 965px;
height : 30px;
background : url(../images/secondary-projects-tabs.png) no-repeat center;
margin : 0 auto;
padding : 0;
}
#moreProjects-mid {
width : 965px;
height : 160px;
background : url(../images/secondary-projects.png) no-repeat center;
margin : 0 auto;
padding : 0;
}
#moreProjects-mid p {
font-size : 10px;
font-weight : bold;
text-align : justify;
}
#moreProjects-mid h1 {
padding-left : 11px;
text-decoration : underline;
padding-top : 8px;
}
.view-projectbtnSmall {
padding-left : 80px;
}
.project-thumb {
width : 117px;
height : 117px;
padding : 0 0 0 0;
margin-left : 10px;
float : left;
background : url(../images/thumbnail-bg.png) no-repeat center;
}
#moreProjects-bot {
width : 965px;
height : 45px;
background : url(../images/secondary-projects-bottom.png) no-repeat center;
margin : 0 auto;
padding : 0;
}
#moreProjects-link {
float : right;
padding-right : 20px;
padding-top : 10px;
}
#main-Content {
width : 965px;
height : auto;
min-height : 340px;
background : url(../images/main-home.png) repeat-y center;
margin : 0 auto;
padding : 0;
}
#main-Content2 {
width : 965px;
height : auto;
min-height : 98px;
background : url(../images/secondary-main.png) repeat-y center;
margin : 0 auto;
padding : 0;
}
#main-Content2Content {
padding : 10px;
width : 710px;
height : auto;
float : left;
margin : 0 auto;
}
#main-Content2 h1 {
padding-left : 20px;
font-size : 22px;
}
#main-Content2 h2 {
padding-left : 20px;
color : #036;
font-size : 18px;
}
#main-Content2 p {
font-size : 16px;
margin : 0 auto;
text-align : justify;
}
#side-bar {
float : right;
width : 205px;
height : auto;
margin : 0 auto;
padding : 10px;
}
#main-Content2Bottom {
width : 965px;
height : auto;
min-height : 182px;
background : url(../images/sidebar-bot.png) no-repeat center;
margin : 0 auto;
padding : 0;
}
.content-right {
width : 640px;
height : auto;
margin : 0 auto;
float : right;
}
.content-right h2 {
color : #036;
font-size : 18px;
}
.content-column {
float : left;
width : 319px;
margin : 0 auto;
padding : 0;
}
#joe-holder {
float : right;
width : 319px;
height : 160px;
}
.content-columnRight {
float : right;
width : 319px;
margin : 0 auto;
padding : 0;
}
.content-column p {
margin : 0 auto;
text-align : justify;
padding : 0 10px 10px 10px;
}
#main-Content h1 {
margin : 0 auto;
border-bottom : 1px dotted #036;
padding-left : 10px;
font-size : 22px;
}
span.readmore-btn {
float : right;
padding-right : 20px;
clear : both;
}
#main-Bottom {
width : 965px;
height : 57px;
background : url(../images/main-bottom.png) no-repeat center;
margin : 0 auto;
padding : 0;
}
span.copyright {
font-size : 10px;
line-height : normal;
font-weight : bold;
color : #930;
padding-left : 30px;
}
.link-holder {
float : left;
padding-left : 180px;
padding-top : 230px;
width : 166px;
height : 37px;
}
a.linkbtn {
width : 166px;
height : 37px;
text-indent : -9999px;
display : block;
cursor : default;
}
a.linkbtn.btn {
background : url(../images/btn_viewproject.png) no-repeat 0% 0%;
}
a.linkbtn.btn:hover {
background : url(../images/btn_viewproject.png) no-repeat 0% -37px;
}
a.linkbtn.btn:active {
background : url(../images/btn_viewproject.png) no-repeat 0% -74px;
}
.readmorelink-holder {
float : right;
padding-right : 80px;
width : 166px;
height : 37px;
}
a.readmorelinkbtn {
width : 166px;
height : 37px;
text-indent : -9999px;
display : block;
cursor : default;
}
a.readmorelinkbtn.btn {
background : url(../images/btn_readmore.png) no-repeat 0% 0%;
}
a.readmorelinkbtn.btn:hover {
background : url(../images/btn_readmore.png) no-repeat 0% -37px;
}
a.readmorelinkbtn.btn:active {
background : url(../images/btn_readmore.png) no-repeat 0% -74px;
}
#social-nav-holder {
margin : 0 auto;
background-image : none;
width : 186px;
height : 30px;
float : left;
padding-left : 120px;
padding-top : 10px;
}
#social-nav-holder2 {
margin : 0 auto;
background-image : none;
width : 186px;
height : 30px;
position : relative;
margin-right : 4px;
top : 106px;
}
#social-nav {
background : url(../images/SocialNav.png);
height : 30px;
width : 186px;
margin : 0 auto;
position : relative;
right : 80px;
top : 0;
}
#social-nav li {
list-style-type : none;
float : right;
}
#social-nav a {
height : 30px;
display : block;
}
#social-nav span {
display : none;
}
#social-navlist1 {
width : 38px;
}
#social-navlist2 {
width : 37px;
}
#social-navlist3 {
width : 37px;
}
#social-navlist4 {
width : 39px;
}
#social-navlist5 {
width : 35px;
}
#social-navlist1 a {
background : url(../images/SocialNav.png) no-repeat 0 0;
}
#social-navlist2 a {
background : url(../images/SocialNav.png) no-repeat -38px 0;
}
#social-navlist3 a {
background : url(../images/SocialNav.png) no-repeat -75px 0;
}
#social-navlist4 a {
background : url(../images/SocialNav.png) no-repeat -112px 0;
}
#social-navlist5 a {
background : url(../images/SocialNav.png) no-repeat -151px 0;
}
#social-navlist1 a:hover {
background : url(../images/SocialNav.png) no-repeat 0 -30px;
}
#social-navlist2 a:hover {
background : url(../images/SocialNav.png) no-repeat -38px -30px;
}
#social-navlist3 a:hover {
background : url(../images/SocialNav.png) no-repeat -75px -30px;
}
#social-navlist4 a:hover {
background : url(../images/SocialNav.png) no-repeat -112px -30px;
}
#social-navlist5 a:hover {
background : url(../images/SocialNav.png) no-repeat -151px -30px;
}
#project-nav-holder {
margin : 0 auto;
background-image : none;
width : 225px;
height : 44px;
}
#project-nav {
background : url(../images/WRbutton.png);
height : 44px;
width : 144px;
margin : 0 auto;
position : relative;
top : 0;
}
#project-nav li {
list-style-type : none;
float : right;
}
#project-nav a {
height : 44px;
display : block;
}
#project-nav span {
display : none;
}
#project-navlist1 {
width : 144px;
}
#project-navlist1 a {
background : url(../images/WRbutton.png) no-repeat 0 0;
}
#project-navlist1 a:hover {
background : url(../images/WRbutton.png) no-repeat 0 -44px;
}
.readmore-nav-holder {
margin : 0 auto;
background-image : none;
float : left;
padding-left : 50px;
width : 225px;
height : 44px;
}
.readmore-nav {
background : url(../images/WRbutton2.png);
height : 44px;
width : 144px;
margin : 0 auto;
position : relative;
top : 0;
}
.readmore-nav li {
list-style-type : none;
float : right;
}
.readmore-nav a {
height : 44px;
display : block;
}
.readmore-nav span {
display : none;
}
.readmore-navlist1 {
width : 144px;
}
.readmore-navlist1 a {
background : url(../images/WRbutton2.png) no-repeat 0 0;
}
.readmore-navlist1 a:hover {
background : url(../images/WRbutton2.png) no-repeat 0 -44px;
}
.altreadmore-nav-holder {
margin : 0 auto;
background-image : none;
float : left;
padding-left : 50px;
width : 225px;
height : 44px;
}
.altreadmore-nav {
background : url(../images/WRbutton2.png);
height : 44px;
width : 144px;
margin : 0 auto;
position : relative;
top : 0;
}
.altreadmore-nav li {
list-style-type : none;
float : right;
}
.altreadmore-nav a {
height : 44px;
display : block;
}
.altreadmore-nav span {
display : none;
}
.altreadmore-navlist1 {
width : 144px;
}
.altreadmore-navlist1 a {
background : url(../images/WRbutton2.png) no-repeat 0 0;
}
.altreadmore-navlist1 a:hover {
background : url(../images/WRbutton2.png) no-repeat 0 -44px;
}
#intro {
padding-bottom : 10px;
}
#slider {
width : 800px;
margin : 0 auto;
position : relative;
border : 10px solid #ccc;
font-size : 12px;
}
.scroll {
overflow : hidden;
width : 800px;
margin : 0 auto;
position : relative;
}
.scrollContainer {
position : relative;
}
.scrollContainer div.panel {
padding : 10px;
width : 274px;
height : 318px;
}
#left-shadow {
position : absolute;
top : 0;
left : 0;
width : 12px;
bottom : 0;
background : url(../images/leftshadow.png) repeat-y;
}
#right-shadow {
position : absolute;
top : 0;
right : 0;
width : 12px;
bottom : 0;
background : url(../images/rightshadow.png) repeat-y;
}
.inside {
padding : 10px;
border : 1px solid #999;
font-size : 12px;
}
.inside img {
display : block;
border : 1px solid #666;
margin : 0 0 10px 0;
width : 250px;
}
.inside h2 {
font-weight : normal;
color : #111;
font-size : 16px;
margin : 0 0 8px 0;
}
.inside p {
font-size : 11px;
color : #036;
}
#main-content a {
color : #036;
text-decoration : none;
border-bottom : 1px dotted #036;
}
#main-content a:hover {
border-bottom : 2px solid #036;
}
.scrollButtons {
position : absolute;
top : 127px;
cursor : pointer;
}
.scrollButtons.left {
left : -45px;
}
.scrollButtons.right {
right : -45px;
}
.hide {
display : none;
}
a:focus {
outline : none;
}
#slide-holder {
float : right;
padding-right : 160px;
width : 350px;
height : auto;
margin : 0 auto;
}
#panel {
background : url(../images/panel-bg.png) no-repeat center;
height : 50px;
display : none;
width : 199px;
}
.slide {
margin : 0;
padding : 0;
border-top : 4px solid #930;
background : url(../images/btn-slide.png) no-repeat center top;
width : 200px;
}
.slide a {
color : #930;
}
.slide a:hover {
color : #036;
}
.btn-slide {
background : url(../images/white-arrow.png) no-repeat right -50px;
text-align : center;
width : 144px;
height : 31px;
padding : 10px 10px 0 0;
margin : 0 auto;
display : block;
font : bold 120%/100% Arial, Helvetica, sans-serif;
color : #036;
text-decoration : none;
}
.active {
background-position : right 12px;
}
#anime-box {
background : none;
height : auto;
width : auto;
padding : 10px;
}
.title {
float : left;
padding-left : 0;
background : url(../images/title-bg.png) no-repeat center;
width : 345px;
height : 115px;
margin : 0 auto;
}
.title-txt {
padding : 20px 10px 10px 10px;
}
#mainnav-holder {
width : 965px;
height : 58px;
clear : both;
background : url(../images/navholder-bg.png) no-repeat center bottom;
}
ul#topnav {
margin : 0;
padding : 0;
list-style : none;
position : relative;
top : 0;
left : 2px;
width : 960px;
}
ul#topnav li {
float : left;
margin : 0;
padding : 0;
}
ul#topnav a {
float : left;
display : block;
height : 58px;
text-indent : -99999px;
background-position : left top;
}
ul#topnav a:hover {
background-position : left -58px;
}
ul#topnav li.home a {
background-image : url(../images/home_a.png);
width : 120px;
}
ul#topnav li.about a {
background-image : url(../images/about_a.png);
width : 147px;
}
ul#topnav li.services a {
background-image : url(../images/services_a.png);
width : 157px;
}
ul#topnav li.portfolio a {
background-image : url(../images/portfolio_a.png);
width : 182px;
}
ul#topnav li.contact a {
background-image : url(../images/contact_a.png);
width : 179px;
}
ul#topnav li.blog a {
background-image : url(../images/blog_a.png);
width : 175px;
}
#home li.home a, #about li.about a, #services li.services a, #portfolio li.portfolio a, #contact li.contact a, #blog li.blog a {
background-position : left bottom;
}
#feed-control {
width : 310px;
height : auto;
padding : 5px;
}
.gfg-root {
width : 100%;
height : auto;
position : relative;
overflow : hidden;
text-align : center;
font-size : 12px;
border : 1px solid #930;
}
.gfg-title {
font-size : 14px;
font-weight : bold;
color : #036;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
border-bottom : 1px solid #333;
}
.gfg-title a {
color : #930;
}
.gfg-subtitle {
font-size : 12px;
font-weight : bold;
color : #fff;
background-color : #930;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
margin-bottom : 5px;
}
.gfg-subtitle a {
color : #fff;
}
.gfg-entry {
background-color : white;
width : 100%;
height : 9.9em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 3px;
}
.gfg-root .gfg-entry .gf-result {
position : relative;
background-color : white;
width : auto;
height : 100%;
padding-left : 20px;
padding-right : 5px;
}
.gfg-list {
position : relative;
overflow : hidden;
text-align : left;
margin-bottom : 5px;
}
.gfg-listentry {
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
padding-left : 15px;
padding-right : 5px;
margin-left : 5px;
margin-right : 5px;
}
.gfg-listentry-odd {
background-color : #ccc;
}
.gfg-listentry-highlight {
background-image : url(../images/rssarrow.png);
background-repeat : no-repeat;
background-position : left center;
}
.gfg-root .gfg-entry .gf-result .gf-title {
font-size : 14px;
line-height : 1.2em;
overflow : hidden;
white-space : nowrap;
margin-bottom : 2px;
}
.gfg-root .gfg-entry .gf-result .gf-snippet {
height : 3.8em;
color : #000000;
margin-top : 3px;
}
.gfg-horizontal-container {
position : relative;
}
.gfg-horizontal-root {
height : 1.5em;
position : relative;
white-space : nowrap;
overflow : hidden;
text-align : center;
font-family : "Arial", sans-serif;
font-size : 13px;
border : 1px solid #aaaaaa;
padding : 5px;
margin-right : 80px;
}
.gfg-horizontal-root .gfg-title {
font-weight : bold;
background-color : #ffffff;
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
float : left;
padding-left : 10px;
padding-right : 12px;
border-right : 1px solid #aaaaaa;
}
.gfg-horizontal-root .gfg-title a {
color : #444444;
text-decoration : none;
}
.gfg-horizontal-root .gfg-entry {
width : auto;
height : 1.5em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 0;
margin-left : 0;
padding-left : 10px;
}
.gfg-horizontal-root .gfg-entry .gf-result {
position : relative;
background-color : white;
width : 100%;
height : 100%;
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
}
.gfg-horizontal-root .gfg-list {
display : none;
}
.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet, .gfg-horizontal-root .gfg-entry .gf-result .gf-author {
display : none;
}
.gfg-horizontal-root .gfg-entry .gf-result .gf-title {
color : #0000cc;
margin-right : 3px;
float : left;
}
.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
float : left;
}
.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer, .gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
display : block;
color : #aaaaaa;
}
.gfg-branding {
white-space : nowrap;
overflow : hidden;
text-align : left;
position : absolute;
right : 0;
top : 0;
width : 80px;
}
.gfg-collapse-open, .gfg-collapse-closed {
background-repeat : no-repeat;
background-position : center;
cursor : pointer;
float : right;
width : 17px;
height : 20px;
}
.gfg-collapse-open {
background-image : url('arrow_open.gif');
}
.gfg-collapse-closed {
background-image : url('arrow_close.gif');
}
.gfg-collapse-href {
float : left;
}
.clearFloat {
clear : both;
}
#anime-holder {
width : 965px;
height : 300px;
position : relative;
background : none;
overflow : hidden;
}
#banner-content {
width : 965px;
height : 300px;
top : 30px;
overflow : hidden;
border : none;
background : url(../images/scene_bg.png);
}
#sun {
position : absolute;
top : 151px;
left : 392px;
}
#cloud1 {
position : absolute;
top : 60px;
left : -150px;
z-index : 5;
}
#cloud2 {
position : absolute;
top : 40px;
left : -250px;
z-index : 4;
}
#cloud3 {
position : absolute;
top : 25px;
left : -100px;
z-index : 3;
}
#raft {
	position : absolute;
	top : 195px;
	left : 809px;
	z-index : 20;
	height : 104px;
}
#raftripple {
	position : absolute;
	top : 248px;
	left : 828px;
	z-index : 19;
}
#greetings {
position : absolute;
top : 20px;
left : 65px;
z-index : 21;
}
#stamp {
position : absolute;
top : 18px;
left : 807px;
z-index : 21;
}
.recognition {
text-align : right;
}
.recognition span {
background : #333;
color : white;
position : absolute;
top : -3px;
padding : 3px 4px 1px 4px;
font-size : 11px;
right : 5px;
z-index : 2001;
cursor : pointer;
}

	
		#bird {
	position: absolute;
	width: 210px;
	height: 140px;
	background: transparent url(../images/bird_180x180.png) top left no-repeat;
	z-index:1000;
	left: -81px;
	top: 54px;
		}
	



.print-holder {
float : left;
padding-left:20px;
width : 55px;
height : 58px;
}
a.print {
width : 55px;
height : 58px;
text-indent : -9999px;
display : block;
cursor: pointer;
}
a.print.btn {
background: url(../images/btn_printpg.png) no-repeat 0% 0%;
}
a.print.btn:hover {
background: url(../images/btn_printpg.png) no-repeat 0% -58px;
}
a.print.btn:active {
background: url(../images/btn_printpg.png) no-repeat 0% -58px;
}