body { margin:0; background: url("/images/bodyBG-bl.gif") repeat-x top #8593a5; font-family:verdana, arial, sans-serif; color:#666; }
body#home { background: url("/images/bodyBG-home.gif") repeat-x top #8593a5; }
body#portfolio, body#portfolio-e, body#portfolio-i, body#portfolio-a, body#portfolio-main { background: url("/images/bodyBG-grn.gif") repeat-x top #8593a5; }
body#contact { background: url("/images/bodyBG-ylw.gif") repeat-x top #8593a5; }
* { margin:0; padding:0; }
h1, h2, h3, h4 { font-family:georgia, verdana, sans-serif; font-size:1em; }
h2 { font-size:1em; color:#a4b366; }
h3 { font-size:.9em; color:#8593a5; }
h4 { font-size:.75em; }
p { font-size:.7em; line-height:1.5em; margin-bottom:1em; }
ul { font-size:.7em; list-style-type:none; }
ul li ul { font-size:1em; margin-left:30px; margin-bottom:1em; }
a { color:#687789; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:0; }

#container { margin:0 auto; width:800px; }
#branding { position:relative; height:100px; width:800px; background: url("/images/pagetop-bl.gif") no-repeat bottom #b0bbca; vertical-align:top; }
#branding div { float:left; display:inline; }
#logo { background: url("/images/logo_sm.gif") no-repeat top right; height: 65px; width:78px; text-indent:-9999px; }

body#portfolio div#branding, body#portfolio-main div#branding, body#portfolio-e div#branding, body#portfolio-a div#branding, body#portfolio-i div#branding { background: url("/images/pagetop-grn.gif") no-repeat bottom #c8d497; }
body#contact div#branding { background: url("/images/pagetop-ylw.gif") no-repeat bottom #e0db8c; }


/* home */
body#home div#container { position:relative; margin:70px auto 0 auto; width:800px; height:280px; background: url("/images/pageBG-home.gif") no-repeat; } 
body#home div#branding { position:absolute; top:20px; left:22px; height:228px; width:228px; background: url("/images/logo_lg.gif") no-repeat; text-indent:-9999px; }
img#season { position:absolute; top:20px; left:260px; height:228px; width:132px; }
body#home div#nav_home { position:absolute; top:20px; left:402px; height:228px; width:370px; }
body#home ul li { height:57px; padding-bottom:0; margin-bottom:0; }
body#home div#content_main div { width:380px; background-color:#b0bbca; }
body#home div#content_main div h2 { background-color:#627183; height:40px; color:#fff; font-size:12px; line-height:40px; padding-left:20px; }
body#home div#content_main div#callout01 { position:absolute; top:305px; left:12px; }
body#home div#content_main div#callout01 p { color:#4f5e71; font-size:11px; margin: 10px 20px; }
body#home div#content_main div#callout01 h2 + p { font-family:georgia, verdana, sans-serif; font-weight:bold; }
body#home div#content_main div#callout02 { position:absolute; top:305px; left:402px; }
body#home div#content_main div#callout02 p { margin:20px; color:#212121; }
body#home div#content_main div#callout02 p span a { color:#4f5e71; font-size:1.1em; }
body#home div#content_main div#callout02 p span a:hover { text-decoration:none; color:#344253; }
div#callout02 img { margin:20px 20px 0 20px; }
div#callout01 a, div#callout02 a { color:#fff; }
body#home #site_info { position:absolute; top:610px; left:0; }

#navigation { position:absolute; top:32px; right:18px; text-align:right; }
#navigation ul li { display:inline; list-style-type:none; border-right:1px solid #8593a5; padding:0 10px 0 6px; font-family:georgia, verdana, sans-serif; font-size:1.1em; font-weight:bold; }
#navigation ul li a { color:#4f5e71; font-family:georgia, verdana, sans-serif; font-size:1.1em; font-weight:bold; }
#navigation ul li a:hover { color:#687789; text-decoration:none; }
#navigation ul li.On a { color:#fff; font-size:2em; }
#navigation ul li.last { border-right:0; padding:0 0 0 6px; }
#navigation_sub { clear:both; margin:10px 0 0 12px; }
#navigation_sub ul li { display:inline; list-style-type:none; border-right:1px solid #e0db8c; padding:0 8px 0 10px; font-family:georgia, verdana, sans-serif; font-size:1.1em; font-weight:bold; }
#navigation_sub ul li a { color:#8593a5; font-family:georgia, verdana, sans-serif; font-size:1.1em; font-weight:bold; }
#navigation_sub ul li a:hover { color:#687789; text-decoration:none; }
#navigation_sub ul li.On { font-size:1.5em; color:#aead9c; }
#navigation_sub ul li.On a { color:#aead9c; }
#navigation_sub ul li.last { border:0; padding:0 0 0 10px; }

div#content_holder { background: url("/images/pageBG.gif") repeat-y; height:400px; }
.contentFull { width:750px; margin:0 28px 10px 22px; padding-top:20px; }

.content_sub { width:275px; background-color:#d1d8e1; margin:0 10px 10px 22px; height:395px; }
.content_sub ul { padding:24px 0; }
.content_sub ul li { list-style-type:none; font-family:georgia, verdana, sans-serif; font-weight:bold; line-height:2em; padding: 0 5px; }
.content_sub ul li.On { background-color:#e1e7ee; color:#9eb34a; }
.content_sub ul li a { color:#666; }
.content_sub ul li a:hover { color:#384e6a; text-decoration:none; }
ul#navigation_section { padding:5px 0 10px 5px; margin:0; background-color:#e1e7ee; }
ul#navigation_section li { font-family: verdana, sans-serif; font-size:11px; font-weight:normal; line-height:20px; }
ul#navigation_section li a:hover { text-decoration:underline; }
ul#navigation_section li.On { font-weight:bold; color:#687789; text-decoration:none; }
ul#navigation_section li span { color:#808080; font-weight:normal; font-style:italic; }

body#portfolio-e div#content_holder { height:450px; }
body#portfolio-e div.content_sub { height:445px; }
body#portfolio-i div#content_holder { height:500px; }
body#portfolio-i div.content_sub { height:495px; }
body#portfolio-a div#content_holder { height:465px; }
body#portfolio-a div.content_sub { height:460px; }

body#portfolio-main dl { float:left; width:365px; }
body#portfolio-main dt { padding:3px; margin-bottom:5px; background-color:#d1d8e1; font-family:georgia, verdana, sans-serif; font-weight:bold; font-size:1em; color:#4f5e71; }
body#portfolio-main dd { font-size:.7em; }
body#portfolio-main dd img { margin:5px 10px 5px 0; vertical-align:middle; }

.content { float:right; width:465px; margin-right:28px; }
body#portfolio-main div.content { width:750px; margin:0 28px 10px 22px; }
.item_head { height:16px; padding:4px 5px; background-color:#8593a5; margin-bottom:10px; font-size:.7em; color:#fff; }
div.item_head h3 { font-size:1em; display:inline; color:#fff; }
div.item_head a { color:#e0ebb5; }
#screens img { display:inline; border:1px solid #ccc; vertical-align:top; }
#screens2 img { display:inline; vertical-align:top; }
#descrip { margin:10px 0; }
#descrip h4 { font-size:.7em; display:inline; }

/* company */
ul.services { width:355px; }
ul.services li { line-height:1.5em; padding:.25em 0 .25em 0; font-weight:bold; }
ul.services li ul li { font-weight:normal; }
body#company #content_holder h1 { background-color:#c8d497; color:#fff; padding:5px; margin-bottom:.5em; }


#pageBtm { width:800px; height:25px; background: url("/images/pagebtm.gif") no-repeat top; }
#site_info { color:#bfc8d4; font-size:11px; margin-left:12px; }
#site_info a { color:#fff; }


.left { float:left; margin-right:10px; }
.right { float:right; margin-left:10px; }