/* @group Basics */

* {
padding: 0;
margin: 0;
}

body {
font:14px Tahoma, Geneva, sans-seri;
color:#3c8dcd;
line-height:1.25em;
background: #015fab url('../assets/background.gif') repeat-x;
min-width:1024px;
margin:0;
padding:0;
font-weight: normal;
}

p {
font:12px Tahoma, Geneva, sans-seri;
margin: 19px 0 0 0;
line-height:1.35em;
color:#015fab;
letter-spacing: 0.07em;	
font-weight: lighter;
}

h1 {
font-size:16px;
/* font-size:1.40em; */
color:#015fab;
margin:0;
padding:0;
font-family: Tahoma, Geneva, sans-seri;
font-weight:normal;
letter-spacing: 0.05em;	
line-height:1.15em;
}

h2 {
font-size:12px;
color: #f46f22;
margin:5px 0 0 0;
padding:0;
font-family: Tahoma, Geneva, sans-seri;
font-weight:normal;
letter-spacing: 0.035em;	
line-height:1.15em;
text-transform: none;
}

h2 a:link, h2 a:visited {
color:#f46f22; 
text-decoration: none;
border-bottom:none;
}

h2 a:hover {
color:#f46f22;
text-decoration: none;
border-bottom:1px dotted #f46f22;
}

h3 {
font-size:16px;
margin:10px 0 0 0;
color:#FFFFFF; 
padding:0;
text-transform: lowercase;
}

h3 a:link, h3 a:visited {
color:#014983; 
text-decoration: none;
border-bottom:none;
}

h3 a:hover {
color:#d95403;
text-decoration: none;
border-bottom:1px dotted #014983;
}

h4 {
font-size:14px;
color:#333;
margin:8px 0;
padding:0;
}

a:link, a:visited{
color: #015fab;
text-decoration:none;
border-bottom:1px dotted #015fab;
}

a:hover {
color:#f46f22;
text-decoration: none;
border-bottom:none;
}

ul, ol {
margin: 0 0px;
padding: 0;
}

#horizontal-thumbs ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

li {
margin: 0;
padding: 0;
}

blockquote {
margin: 10px 20px;
}

img {
border: none;
margin:0;
padding:0;
}

/* @end */

/* @group Structure Basics */

#wrapper {
width: 1024px;
min-width:1024px;
margin: 0 auto;
padding:0;
border:0px solid red;
}

#bar {
position: relative;
margin: 0;
background: #f46f22;
width:845px;
height:6px;
}

#white_space {
position: relative;
margin: 0;
background: #FFFFFF;
width:845px;
height:26px;
}

#logo {
position:absolute;
margin:35px 0 0 56px;
z-index:1000;
border:0px solid red;
}

#logo a {
text-decoration: none;
border-bottom:none;
}

#flower {
position: absolute;
margin:447px 0 0 102px;
border:0px solid #ccc;
background: none;
z-index: 2000;
}

#content {
position:absolute;
margin:0;
padding:0;
width: 845px;
height: 445px;
border: 0px solid blue;
}

#description {
position:absolute;
margin:92px 0 0 32px;
padding:0;
text-align: right;
width:212px;
height:290px;
overflow: hidden;
border: 0px solid blue;
}

#right-description {
position:absolute;
float:left;
padding:110px 0 0 300px;
text-align: left;
width:500px;
}

#thumbnails {
position:absolute;
margin:90px 0 0 0;
padding:0;
width:550px;
height:310px;
border:0px solid #CCCCCC;
}

.thumbnail {
margin:0;
padding:0;
width:90px;
height:75px;
border:0px solid #CCCCCC;
}

.thumbnail a:link, .thumbnail a:visited, .thumbnail a:hover {
text-decoration: none;
border-bottom:none;
}

.teaser-title {
color: #015fab;
margin:5px 0 0 0;
font:12px Tahoma, Geneva, sans-seri;
}

.teaser-title a:link, .teaser-title a:visited {
color: #015fab;
text-decoration: none;
border-bottom:none;
}

.teaser-title a:hover {
color:#f46f22;
text-decoration: none;
border-bottom:none;
}

#slideshow {
position:absolute;
margin:0 0 0 295px;
padding:0;
width:550px;
height:385px;
border: 0px solid blue;
border-bottom:0px solid #ededed;
}

#slideshow .portfolio {
border-bottom:1px solid #ededed;
}

.slideshow_controller {
position:relative;
margin:0px 0 0px 235px;
padding:2px 0 0 0;
float: right;
text-align: center;
}

.slideshow_controller a:link {
text-decoration: none;
border-bottom: none;
}

.slideshow_notification {
position: absolute;
height: 75px;
width: 100%;
top: 20px;
}

#contact_info {
float:left;
margin:0;
padding:0;
border:0px solid red;
}

#contact_info h1 {
margin:0;
padding:0;
font:11px Tahoma, Geneva, sans-seri;
color:#f36e1f;
font-weight:normal;
word-spacing: 0em;	
letter-spacing: 2px;		
}

#contact_info ul {
margin:4px 0 0 1px;
padding:0;
font:11px Tahoma, Geneva, sans-seri;
color:#005496;
list-style:none;
}

#contact_info li {
margin:0;
padding:0;
}

#contact_info li a:link, #contact_info li a:visited {
color:#005496;
text-decoration:none;
border-bottom:1px dotted #005496;
}

#contact_info li a:hover {
color:#f36e1f;
text-decoration:none;
border-bottom:none;
}

#inner_wrapper {
background: url('../assets/left_bg.gif') repeat-y left top;
width:1024px;
margin:0;
padding:0 0 0 15px;
border:0px solid green;
clear:both;
}

#inner_wrapper2 {
background: url('../assets/right_bg.gif') repeat-y right top;
margin:0 0 0 0;
padding:0 15px 0 0;
border:0px solid blue;	
clear:both;
}

#left_column { 
position: absolute;
display: inline; /* IE Hack */
width: 200px;
float: left;
text-align: right;
font-family:Tahoma, Geneva, sans-seri;
color: #FFFFFF;
font-size:12px;
font-weight: lighter;
padding:0;
margin:123px 0 0 0;
border:0px solid green;
letter-spacing: 0.05em;
line-height:1.15em;
}

#left_column h2 {
color:#151515;
margin:20px 0 0 0;
}

#left_column ul, #left_column ol {
margin:0px 0 0 20px;
padding: 0;
list-style:none;
}

#left_column li {
margin: 6px 0px;
padding: 0 0 0 6px;
}

#left_column li a:link, #left_column li a:visited {
color:#53a3d1;
font-weight: lighter;
text-decoration:none;
border-bottom:1px dotted #53a3d1;
}

#left_column li a:hover {
color:#53a3d1;
font-weight: lighter;
text-decoration:none;
border-bottom:none;
}

#left_column li a.active {
color:#53a3d1;
font-weight: lighter;
text-decoration:none;
border-bottom:1px dotted #53a3d1;
}

#center_column { 
position: absolute;
margin:0 0 0 179px;
padding:0;
display: inline; /* IE Hack */
float: right;
width:845px;
min-height: 460px;
border:0px solid blue;
}

#white_top {
margin:0;
padding:0;
width:845px;
height:449px;
min-height: 449px;
background: #FFFFFF;
}

#orange_bottom {
margin:0;
padding:0;
width:845px;
min-height: 200px;
background: #53a3d1;
/* background: #7abd48; */
/* background: #f46f22; */
}

#orange_bottom h2 {
font-size:16px;
/* font-size:1.2em; */
color: #FFFFFF;
margin:0 0 5px 0;
padding:0;
font-family: Tahoma, Geneva, sans-seri;
font-weight:lighter;
letter-spacing: 0.07em;	
line-height:1.15em;
background: url('../assets/leaf.png') left no-repeat;
text-indent: 22px;
}

#orange_bottom h3 {
font-size:16px;
/* font-size:1.2em; */
color: #FFFFFF;
margin:0 0 5px 0;
padding:0;
font-family: Tahoma, Geneva, sans-seri;
font-weight:lighter;
letter-spacing: 0.07em;	
line-height:1.15em;
text-transform: capitalize;
}

#orange_bottom p {
font:12px Tahoma, Geneva, sans-seri;
margin: 0px 0 21px 22px;
color:#FFFFFF;
font-weight: lighter;
line-height:1.35em;
letter-spacing: 0.07em;	
}

#green_bottom {
margin:0;
padding:0;
width:845px;
min-height: 200px;
background: #a1c763;
/* background: #b5d04d; */
}

#green_bottom h2 {
font-size:16px;
/* font-size:1.2em; */
color: #FFFFFF;
margin:0 0 5px 0;
padding:0;
font-family: Tahoma, Geneva, sans-seri;
font-weight:lighter;
letter-spacing: 0.07em;	
line-height:1.15em;
background: url('../assets/leaf.png') left no-repeat;
text-indent: 22px;
}

#green_bottom h3 {
font-size:16px;
/* font-size:1.2em; */
color: #FFFFFF;
margin:0 0 5px 0;
padding:0;
font-family: Tahoma, Geneva, sans-seri;
font-weight:lighter;
letter-spacing: 0.07em;	
line-height:1.15em;
text-transform: capitalize;
}

#green_bottom p {
font:12px Tahoma, Geneva, sans-seri;
margin: 0px 0 21px 22px;
color:#FFFFFF;
font-weight: lighter;
line-height:1.35em;
letter-spacing: 0.07em;	
}

#filler {
margin:-3px 0 0 0;
padding:0;
}

#details {
margin:0 50px 50px 272px;
padding:0;
}

#details a:link, #details a:visited {
color:#FFFFFF;
text-decoration:none;
border-bottom:1px dotted #FFFFFF;
}

#details a:hover {
color:#FFFFFF;
text-decoration:none;
border-bottom:none;
}

#features {
position:absolute;
margin:0 0 0 145px;
text-align:right;
text-transform: capitalize;
}

/* vertical navigation group */

#navigation {
font:12px Tahoma, Geneva, sans-seri;
color: #FFFFFF;
width:210px;
text-transform: lowercase;
line-height:1.05em;
margin:0px 0 -5px -55px;
letter-spacing: 0.085em;
}

#navigation img {
margin:0px 0 -5px 0;
}

#navigation a:link {
color: #82bedd;
text-decoration:none;
border-bottom:none;
}

#navigation a:hover {
color: #FFFFFF;
text-decoration:none;
border-bottom:none;
}

#left_column ul.vertical_merged li a {
color: #82bedd;
text-decoration:none;
border-bottom:none;
}

#left_column ul.vertical_merged li.current_page_item a {
color: #F46F22;
text-decoration:none;
border-bottom:none;
}

#left_column ul.vertical_merged li.current_page_item ul li a {
color: #82bedd;
text-decoration:none;
border-bottom:none;
}

#left_column ul.vertical_merged ul.noActiveChild {
display: none;
text-decoration:none;
border-bottom:none;
}

/* @end */

.portfolio_box {
clear:both;
}

.portfolio_thumb {
float:right;
margin:0 0 20px 20px;
border:1px solid #ccc;       
clear:both;
}

#right_column {
margin: 0px 0px 0px 20px;
padding:12px 0 0 0px;
display: inline; /* IE Hack */
float: left;
width:132px;
font-size:11px;
border:0px solid red;
}

#right_column h2 {
color:#666666;
margin:20px 0 0 0;
}

#right_column ul, #right_column ol {
margin:0px 0 0 20px;
padding: 0;
}

#right_column li {
margin: 6px 0px;
padding: 0;
}

.portfolio_piece {
margin:0;
padding:0;
width:152px;	
}

.portfolio_piece p {
margin:0;
padding:0;
text-align:center;
}

.portfolio_piece img {
margin:0;
padding:0;
border:1px solid #ededed;
}

#footer {
text-align:left;
font-size:11px;
margin:-21px 0 0 0;
letter-spacing: 0.085em;
padding:0;
color: #53a3d1;
line-height: 1.35;
}

#footer a:link, #footer a:visited {
color: #53a3d1;
letter-spacing: 0.085em;
text-decoration:none;
border-bottom:none;
}

#footer a:hover {
color:#FFFFFF;
letter-spacing: 0.085em;
text-decoration:none;
border-bottom:none;
}

#copyright {
font-size:9px;
}

.page-category {
font-size:14px;
color:#53a1dd;
letter-spacing: 0.07em;
margin:0 0 7px 0;
/* text-transform: lowercase; */
}

#projects {
position:absolute;
margin:0;
padding:20px 0;
width:125px;
border-left:0px solid #3c8dcd;
min-height: 180px;
}

#services {
position:absolute;
margin:0 0 0 130px;
padding:20px 0;
width:125px;
border-left:0px solid #3c8dcd;
min-height: 180px;
}

#about {
position:absolute;
margin:0 0 0 292px;
padding:20px 0;
width:125px;
border-left:0px solid #3c8dcd;
min-height: 180px;
border-right:0px solid #3c8dcd;
}

#help {
position:absolute;
margin:0 0 0 420px;
padding:20px 0;
width:125px;
border-left:0px solid #3c8dcd;
min-height: 180px;
border-right:0px solid #3c8dcd;
}

#legal {
position:absolute;
margin:0 0 0 550px;
padding:20px 0;
width:125px;
border-left:0px solid #3c8dcd;
min-height: 180px;
border-right:0px solid #3c8dcd;
}

#company {
position:absolute;
margin:0 0 0 665px;
padding:15px 0;
width:175px;
border-left:0px solid #3c8dcd;
min-height: 180px;
border-right:0px solid #3c8dcd;
}

.company {
color: #53a3d1;
margin:0;
padding:0;
font-size: 11px;
letter-spacing: 0.035px;
}

#phone {
color:#53a3d1;
}

#bottom {
margin:0;
padding:0;
height:20px;
background: url('../assets/bottom_bg.gif') no-repeat center top;
border:0px solid blue;
}

#site_credits {
width: 754px;
margin: 0 auto;
margin-top: 10px;
text-align: center;
}

#site_credits p {
font-size: 10px;
color: #999999;
}

#site_credits p a:link, #site_credits p a:visited {
color: #FFFFFF;
text-decoration: none;
border-bottom:1px dotted #FFFFFF;
}

#site_credits p a:hover {
color: #333333;
text-decoration: none;
border-bottom:none;
}

#site_credits .pipe {
color: #CCCCCC;
}

/* @end */


/*  CONTACT PAGE  */

#contact_area_box {
margin:0;
padding:0px;
border:0px solid #ededed;

}
#contact_area_box ul {
list-style:none;
margin:6px 0px;
padding:0;
}

#contact_area_box ul li {
list-style:none;
margin:2;
padding:0;
}

#contact_area_box fieldset {
padding:20px;
}

#contact_area_box label {
font: 9pxTahoma, Geneva, sans-seri;
color: #000000;
}

#contact_area_box p label {
display: block;
text-align: left;
padding: 5px 5px 5px 0;
}


/*  SHOWCASE/PORTFOLIO GALLERY  */

ul.showcase_thumbs {
list-style-type: none;
margin:0;
padding:0;
overflow: hidden;
clear:both;
border:0px solid red;
}
ul.showcase_thumbs li, ul.showcase_thumbs li a {
float: left;
margin:0;
padding:0;
color: #333333;
}

ul.showcase_thumbs li img {
display: block;
margin:0;
padding:0;
border: 1px solid #ededed;
margin: 0 15px 15px 0;
}

.clear_both {
padding:0;
margin:0;
clear:both;
}


/* portfolio slideshow */

.slideshow_frame {
margin: 0 auto;
width: 550px;
height:385px;
overflow: auto;
position: relative;
border:0px solid red;
}

.slideshow_frame img {
padding: 0; margin: 0; display: block; float:left;
}
/* wide enough to contain all of the li's */

.portfolio_slideshow {
width: 550px;
margin: 0px; padding: 0px;
}

.slideshow_image {
width: 550px;
height:385px;
}

.slideshow_controller .control:hover {
color: #F46F22;
}

.slideshow_controller .control:active {
color: #0f5db1;
}

.slideshow_controller {
width: 100%;
text-align: center;
margin-top: 5px;
font-size: 24px;
line-height: 18px;

}

.slideshow_controller .control {
color: #6eacdc; 
text-decoration: none;
}

.slideshow_controller .selected {
color: #0f5db1 !important;
}
/* end portfolio slideshow */



/* @group Global Navigation
*/

/* vertical navigation group */

#navigation {
font-family:Tahoma, Geneva, sans-serif;
color: #FFFFFF;
}

#left_column ul.vertical_merged li a:link, #left_column ul.vertical_merged li a:visited {
color:#53a3d1;
}

#left_column ul.vertical_merged li a:hover, #left_column ul.vertical_merged li a:active {
color:#FFFFFF;
}

#left_column ul.vertical_merged li.current_page_item a:link, #left_column ul.vertical_merged li.current_page_item a:visited {
color: #F46F22;
}

#left_column ul.vertical_merged li.current_page_item_green a:link, #left_column ul.vertical_merged li.current_page_item_green a:visited {
color: #a1c763;
}

#left_column ul.vertical_merged li.current_page_item a:hover {
color: #FFFFFF;
}

#left_column ul.vertical_merged li.current_page_item ul li a:link, #left_column ul.vertical_merged li.current_page_item ul li a:visited {
color: #3c8dcd;
}

#left_column ul.vertical_merged li.current_page_item ul li a:hover, #left_column ul.vertical_merged li.current_page_item ul li a:active {
color: #FFFFFF;
}

#left_column ul.vertical_merged ul.noActiveChild {
display: none;
}

/* @end */

#global_navigation {
display: block;
text-align: center;
margin: 0 0 20px 0;
padding: 0;
height:25px;
background:#005496 url('../assets/nav_bg.gif') repeat-x left;
border:0px solid red;
}

/* LEFT COLUMN SUB-NAVIGATION */

ul.sub_nav ul {
display:none;
list-style-type: none;
}

ul.sub_nav li.current_page_item ul, ul.sub_nav ul.hasActiveChild {
display:block;
position:absolute;
top:200px;
left:-438px;
width:150px;
margin-left: 50%; 
padding:0;
}

ul.sub_nav ul li {
padding:0;
margin:0;
border-bottom:0px solid #e9e9e9;	
width:150px;
color: #68a1cf;
}

ul.sub_nav ul li a:link, ul.sub_nav ul li a:visited {
margin: 0;
padding: 0;
text-decoration:none;
color: #68a1cf;
}

ul.sub_nav ul li a:hover {
color:#FFFFFF;
background:none;
text-decoration:none;
border-bottom:none;
}

ul.sub_nav ul li.subNavActive a {
color:#f36f21;
text-decoration:none;
border-bottom:none;
}

/* @group Login */

div#login {
margin:20px auto;
margin-top:100px;
width: 450px;
border: 0px solid #ccc;
padding: 30px;
background: #fff;
text-align: left;
font-family:Tahoma, Geneva, sans-seri;
}

#login img {
margin: 0 0 30px 0px;
border:0px solid #ededed;
}

#login p {
margin: 5px;
margin-left: 0;
padding: 0;
color: #333333;
font: 9px Tahoma, Geneva, sans-seri;
}

#login p a:link, #login p a:visited {
font-size: 10px;
text-decoration: none;
}

#login p a:hover {
font-size: 10px;
text-decoration: underline;
}

#login p.loginSubmit{
margin:6px 0;
}

#login p.loginForgot {
margin:10px 0 0 0;
}

#login .error {
color:#CC0000;
}

#login input {
padding: 3px;
margin-top:4px;
}

#login p.loginReminderText {
margin: 10px 0;
padding:4px;
color:#333333;
border:1px solid #ededed;
background: #ffc;
}

#login input.loginUserBox, #login input.loginPassBox {
margin:0;
border:1px solid #CCCCCC;
}

div.login-link {
margin: 10px;
}

div.login-link a:link, div.login-link a:visited {
font-size: x-small;
text-decoration: underline;
}

#subscribe {
text-align:right;
padding:21px;
}

#subscribe input.textbox-tiny {
width: 51px;
padding: 1px;
color: #FFFFFF;
background: #29292d;
border: 1px solid #666666;
}

#subscribe input.textbox-small {
width: 70px;
padding: 1px;
color: #FFFFFF;
background: #29292d;
border: 1px solid #666666;	
}

#subscribe input.textbox-medium {
width: 130px;
padding: 1px;
color: #FFFFFF;
background: #29292d;
border: 1px solid #666666;
}

#subscribe p label {
width: 158px;
text-align: right;
font: 10px Tahoma, Geneva, sans-seri;
color: #666666;
margin: 0 0 2px 0;
padding: 0;
display: block;
}


#subscribe-form {
text-align:left;
padding:0;
margin:0;
font-size: 10px;
}

#subscribe-form p {
margin:12px 0 0 0;
}

#subscribe-form input.textbox-tiny {
width: 75px;
height:16px;
padding: 1px;
color: #015fab;
background: #FFFFFF;
border: 1px solid #82bedd;
}

#subscribe-form input.textbox-small {
width: 100px;
height:16px;
padding: 1px;
color: #015fab;
background: #FFFFFF;
border: 1px solid #82bedd;	
}

#subscribe-form input.textbox-medium {
width: 182px;
height:16px;
padding: 1px;
color: #015fab;
background: #FFFFFF;
border: 1px solid #82bedd;
}

#subscribe-form input.textbox-textarea {
width: 182px;
height:16px;
padding: 1px;
color: #015fab;
background: #FFFFFF;
border: 1px solid #82bedd;
}

#subscribe-form p label {
width: 500px;
text-align: left;
font: 10px Tahoma, Geneva, sans-seri;
color: #015fab;
margin: 0 0 5px 0;
padding: 0;
display: block;
}








#centerColumn { 
margin: 0;
padding:0;
display: inline; /* IE Hack */
float: left;
width:745px;
color: #b9bf97;
min-width: 745px;
line-height: 170%;
font-weight: normal;
}

#centerColumn #header_images ul {
height: 442px;
float: left;
list-style: none;
}

#centerColumn #header_images li {
list-style: none;
}

#center_column .portfolio_images li {
width: 148px;
height: 148px;
display: block;
float: left;	
border-bottom: 1px solid blue;
border-right: 1px solid blue;
}

#center_column .portfolio_images li.top {
border-top: 1px solid blue;
}
#center_column .portfolio_image {
margin: 22px 44px 0 0;
border: 1px solid blue;
}

#centerColumn .main_image {
margin: 0px;
height: 442px;
width: 743px;
}

#centerColumn #content {
clear: both;
padding-top: 10px;
width: 846px;
height: 450px;
border: 1px solid blue;
}

#center_column .portfolio_images li {
display: inline;
list-style: none;
padding: 0;
margin: 0;
float: left;
}

#centerColumn h1, #centerColumn h2 {
color:#FFFFFF;
font: 11px normal Georgia, "Times New Roman", Times, serif;
margin:30px 10px 20px 30px;
padding:0;
text-transform:uppercase;
}

#centerColumn h3, #centerColumn h4, #centerColumn h5, #centerColumn h6  {
margin-left:30px
}


#centerColumn h4 {
color: #FFFFFF;
}
#centerColumn p {
font-family: Tahoma, Geneva, sans-seri;
line-height: 1.4em;
margin:10px 30px 20px 30px;
padding:0;
letter-spacing:1.2px;
font-weight: normal;
font-size: 97%;
}

/* @end */