/* Site by Keystone Click, LLC
 * (c) Keystone Click -- http://www.keystoneclick.com/
 * 
 */

body {
background: #ffffff url(/images/shared/backdrop.jpg) top left repeat-x;
margin: 0px;
color: #333;
font-size: 12px;
font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
line-height: 19px; } 

img { border: 0; }	

div { }
    
div.spacer {
clear: both;
margin: 0px;
padding: 0px; } 
    
a:link, a:active { 
color:#ff0000;
text-decoration: underline; }

a:visited{
color:#666666;
text-decoration: underline; }

a:hover{
color:#ff0000;
text-decoration: none; }

p {
width: 520px;
margin: 5px 0px 25px 0px; }

/* --------- email list - ASF 091909 ----------- */

#email_list {
height: 120px;
padding-top: 15px;
border-top: 1px solid #eaeaeb; }

#email_block h4 { 
margin-top: 20px;
margin-bottom: 0;
font-size: 22px;
padding: 4px 0px 5px 30px;
width: 200px;
background: url(/images/shared/green_arrow.gif) top left no-repeat; } 

#email_list p.email_txt { margin-left: 30px; width: 300px; }

#email_block { float: left; width: 320px; padding-left:33px; }
#email_block2 { float: left; width: 355px; margin-top: 15px; }
#email_block3 { float: left; width: 50px; margin-top: 35px; }


#emailform label {
display: block;
margin-top: 10px;
margin-bottom: .3em;
font-weight: normal; font-size: 14px; }

#emailform label.loud {
margin: 0 1em 0 0;
color: #333;
padding-top: .3em;
padding-bottom: .3em; }

#emailform input.float  {  
padding: 4px;
border: 1px solid #c9c9c9;
font-size: 1em;
width: 300px;
line-height: 2em;
font-family: Arial, Verdana, Helvetica, sans-serif;
background: #fff url(/images/contact/background_input.gif) no-repeat 0 0;
 }

#emailform ol { background: none !important; list-style: none; list-style-type: none; margin: 0px; padding: 0px; }

#emailform li { clear: left; background: none !important; list-style: none; list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px !important; }

#emailform p { font-size: 11px; color: #333; margin: 0px 0px 0px 0px !important; padding: 0px 0px 10px 0px; }

#emailform em { margin: 9px 0px 0px 5px; color:#CC0000; font-weight: bold; font-size: 22px; font-style: normal; }

/* --------- rotating headers - ASF 091909 ---------- */

#headerBtns ul { list-style-type: none; margin:0; padding:0; 
position:absolute;
top:360px;
margin-left:570px;
}
#headerBtns ul li {  float:left; width: 15px; height: 14px; margin-right:2px; }
#headerBtns ul li a { text-decoration: none; width: 16px; height: 14px; text-indent: -2000px; display:block; }
#headerBtns ul li.hb1 { background: url('/images/home/camp1.jpg'); }
#headerBtns ul li.hb1a { background: url('/images/home/camp1_.jpg'); }
#headerBtns ul li.hb2 { background: url('/images/home/camp2.jpg'); }
#headerBtns ul li.hb2a { background: url('/images/home/camp2_.jpg'); }
#headerBtns ul li.hb3 { background: url('/images/home/camp3.jpg'); }
#headerBtns ul li.hb3a { background: url('/images/home/camp3_.jpg'); }
#headerBtns ul li.hb4 { background: url('/images/home/camp4.jpg'); }
#headerBtns ul li.hb4a { background: url('/images/home/camp4_.jpg'); }
#headerBtns ul li.hb5 { background: url('/images/home/camp5.jpg'); }
#headerBtns ul li.hb5a { background: url('/images/home/camp5_.jpg'); }
#headerBtns ul li.hb6 { background: url('/images/home/camp6.jpg'); }
#headerBtns ul li.hb6a { background: url('/images/home/camp6_.jpg'); }


/* ---------  structure --------- */

#container { 
margin: auto;
width: 882px; }

#headerContainer { height: 270px; padding-top: 3px; }

.header1 { display: none; }
.header2 { display: none; }
.header3 { display: none; }
.header4 { display: none; }
.header5 { display: none; }
.header6 { display: none; }

#header { 
padding: 39px 0px 45px 0px;
background: url(/images/shared/header_graphic.jpg) top left no-repeat;
margin: auto;
overflow: hidden; }

#header p.redarrow {
display: block;
margin: 15px 0px 0px 0px; }

#header p.redarrow_small {
display: block;
width: 100px;
margin: 15px 0px 0px 0px; }

#first_body {
display: block;
width: 520px; }

#sub_nav h4 { 
margin-top: 55px;
font-size: 22px;
padding: 4px 0px 5px 30px;
background: url(/images/shared/green_arrow.gif) top left no-repeat; } 


#sub_nav p.date {
color: #999999;
width: 220px;
font-size: 9px;
margin: 25px 0px 0px 0px;
text-transform: uppercase;
}

#sub_nav_container { width: 295px; float: right; }

#sub_nav {
float: right;
margin-top: 23px;
padding-right: 30px;
margin-bottom: 50px;
background:url(/images/shared/corner_shadow.jpg) top right no-repeat; }

#sub_nav ul {
width: 245px;
list-style: none;
margin-left: 0px;
padding-left: 0px;
margin-right: 10px; }

#sub_nav li a {
display: block;
list-style: none;
padding: 12px 24px 12px 24px;
border-top: 1px solid #e3e3e3;
text-decoration: none;
 }
 
#sub_nav li a:hover { background: #e9fed4; text-decoration: underline; }
#sub_nav li a.current { background: #e9fed4; color: #ff0000; }
#sub_nav li a:visited { color: #ff0000; }

#sub_nav li.last { border-bottom: 1px solid #e3e3e3; }


#sub_nav li.checks {
background:url(/images/portfolio/check_mark2.gif) top left no-repeat;
display: block;
list-style: none;
margin: 0px;
padding: 12px 24px 12px 24px;
border-top: 1px solid #e3e3e3;
text-decoration: none;
 }

#sub_nav li.checks_last { border-bottom: 1px solid #e3e3e3; }

#iframe_sub_nav {
float: right;
margin-top: 23px;
padding-right: 30px;
width: 265px;
 }




#horizontal_rule {
width: 520px;
display: block;
margin: 15px 0px 20px 0px;
border-bottom: 1px solid #e3e3e3;
}

#learn_more a {
display: block;
width: 124px;
text-indent: -5000px;
height: 36px;
background: url(/images/home/learn_more_btn.gif) top left no-repeat; }

#learn_more a:hover {
background: url(/images/home/learn_more_btn_on.gif) top left no-repeat; }


/* ---------  h tags --------- */

h1 { 
display: block; 
width: 495px;
height: 101px;
margin: 0px;
background: url(/images/shared/logo_glow.jpg) top left no-repeat; }

h1 a { 
display: block;
width: 252px;
height: 76px;
text-decoration: none;
text-indent: -5000px;
background: url(/images/shared/logo.jpg) bottom left no-repeat; } 

h2 { margin: 0px; color: #ff3735; font-size: 36px; letter-spacing: -2px; }

h2.services, h2.services a, h2.services a:link { text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: normal; color: #369; font-size: 19px; font-weight: lighter; }

h2.services a:hover { text-decoration: underline; }

h3 { margin: 18px 0px 90px 0px; color: #356789; font-size: 21px; letter-spacing: -1px; font-weight: lighter; }  

h3.homey { margin: 18px 0px 50px 0px; } 

h4 { 
margin: 0px 0px 25px 0px;
color: #223D51;
font-weight: normal;
font-size: 24px;
font-family: Georgia, "Times New Roman", Times, serif; }

h5 { margin: 0px; color: #ff0000; font-weight: normal; font-size: 14px; }

h5 a, h5 a:visited { text-decoration: none; color:#ff0000; }
h5 a:hover { text-decoration: underline; }

h6 { margin: 15px 0px 10px 0px; font-weight: normal; font-size: 14px; }


/* ---------  main navigation --------- */
#main_nav {
list-style:none;/* remove the left style */ 
width: 922px;
overflow: hidden; }

#main_nav ul {
margin-top: 0px;
padding-left: 0px;
margin-left: 0px; }

#main_nav li {
float: left;
display: inline;
list-style: none; 
text-align: center;
margin: 0px; }

#main_nav li a { color: #345a0e; padding-top: 16px; height: 38px; text-decoration: none; }
 
#main_nav li.home, #main_nav li.home a, #main_nav li.home a:link {
background:url(/images/nav/home_off.jpg) top left no-repeat;
display: block;
width: 124px; }

#main_nav li.home a:hover, #main_nav li.home a.current { background: url(/images/nav/home_on.jpg) top left no-repeat; color: #ff3735; }

#main_nav li.services, #main_nav li.services a, #main_nav li.services a:link {
display: block;
background: url(/images/nav/services_off.jpg);
width: 123px; }

#main_nav li.services a:hover, #main_nav li.services a.current { background: url(/images/nav/services_on.jpg) top left no-repeat; color: #ff3735; }

#main_nav li.portfolio, #main_nav li.portfolio a, #main_nav li.portfolio a:link {
display: block;
background: url(/images/nav/portfolio_off.jpg);
width: 123px; }

#main_nav li.portfolio a:hover, #main_nav li.portfolio a.current { background: url(/images/nav/portfolio_on.jpg) top left no-repeat; color: #ff3735; }

#main_nav li.about, #main_nav li.about a, #main_nav li.about a:link {
display: block;
background: url(/images/nav/about_off.jpg);
width: 123px; }

#main_nav li.about a:hover, #main_nav li.about a.current { background: url(/images/nav/about_on.jpg) top left no-repeat; color: #ff3735; }

#main_nav li.blog, #main_nav li.blog a, #main_nav li.blog a:link {
display: block;
background: url(/images/nav/blog_off.jpg);
width: 123px; }

#main_nav li.blog a:hover, #main_nav li.blog a.current { background: url(/images/nav/blog_on.jpg) top left no-repeat; color: #ff3735; }

#main_nav li.contact, #main_nav li.contact a, #main_nav li.contact a:link {
display: block;
background: url(/images/nav/contact_off.jpg);
width: 123px; }

#main_nav li.contact a:hover, #main_nav li.contact a.current { background: url(/images/nav/contact_on.jpg) top left no-repeat; color: #ff3735; }

#main_nav li.sitemap, #main_nav li.sitemap a, #main_nav li.sitemap a:link {
display: block;
background: url(/images/nav/sitemap_off.jpg);
width: 124px; }

#main_nav li.sitemap a:hover, #main_nav li.sitemap a.current { background: url(/images/nav/sitemap_on.jpg) top left no-repeat; color: #ff3735; }


/* ---------  testimonial blockquote --------- */

blockquote {
width: 415px;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 2em; /* 24px */
padding-top: 2em;
margin: 0px 0px 50px 50px;
background: url('/images/shared/quote_open.gif') no-repeat left 5px;
}

blockquote p {
display: block;
width: 375px;
padding: 0px 20px 20px 20px;
background: url(/images/shared/quote_closed.gif) bottom right no-repeat; }


/* ---------  bullet lists --------- */

#checkmark ul {  
width: 450px;
margin: 10px 0px 25px 0px; }

#checkmark li {
display: block;
padding: 15px 0px 0px 20px; 
background: url(/images/shared/check_mark.gif) top left no-repeat; }


/* ---------  portfolio images --------- */

#porto {
padding: 5px;
width: 530px;
border: 1px solid #ccc; }


#port_belly {
width: 882px;
overflow: hidden;
padding-top: 45px;
background:url(/images/portfolio/thmbs/top_corners.jpg) top left no-repeat; }

#port_belly ul { list-style:none;}

#port_belly li {
float: left;
display: inline;
width: 277px;
}

#port_belly li.veil a.img { 
display: block;
text-indent: -5000px;
width: 241px;
border: 1px solid #ccc;
height: 176px; 
background:url(/images/portfolio/thmbs/veil_thmb.jpg) center no-repeat;
padding: 2px; 
text-indent: -5000px;}

#port_belly li.veil a:hover { border: 1px solid #666666;}

#port_belly li.awc a.img { 
width: 241px;
display: block;
border: 1px solid #ccc;
height: 176px; 
background:url(/images/portfolio/thmbs/awc_thmb.jpg) center no-repeat;
padding: 2px; 
text-indent: -5000px;}

#port_belly li.awc a:hover { border: 1px solid #666666;}

#port_belly li.rh a.img { 
width: 241px;
display: block;
border: 1px solid #ccc;
height: 176px; 
background:url(/images/portfolio/thmbs/rh_thmb.jpg) center no-repeat;
padding: 2px; 
text-indent: -5000px;}

#port_belly li.rh a:hover { border: 1px solid #666666;}

#port_belly li.yp a.img { 
display: block;
text-indent: -5000px;
width: 241px;
border: 1px solid #ccc;
height: 176px; 
background:url(/images/portfolio/thmbs/yp_thmb.jpg) center no-repeat;
padding: 2px; 
text-indent: -5000px;}

#port_belly li.yp a:hover { border: 1px solid #666666;}

#port_belly li.abc a.img { 
width: 241px;
display: block;
border: 1px solid #ccc;
height: 176px; 
background:url(/images/portfolio/thmbs/abc_thmb.jpg) center no-repeat;
padding: 2px; 
text-indent: -5000px;}

#port_belly li.abc a:hover { border: 1px solid #666666;}

#port_belly li.citi a.img { 
width: 241px;
display: block;
border: 1px solid #ccc;
height: 176px; 
background:url(/images/portfolio/thmbs/citi_thmb.jpg) center no-repeat;
padding: 2px; 
text-indent: -5000px;}

#port_belly li.citi a:hover { border: 1px solid #666666;}

#port_belly li.iou a.img { 
display: block;
text-indent: -5000px;
width: 241px;
border: 1px solid #ccc;
height: 176px; 
background:url(/images/portfolio/thmbs/iou_thmb.jpg) center no-repeat;
padding: 2px; 
text-indent: -5000px;}

#port_belly li.iou a:hover { border: 1px solid #666666;}

#port_belly li.connect a.img { 
width: 241px;
display: block;
border: 1px solid #ccc;
height: 176px; 
background:url(/images/portfolio/thmbs/connect_thmb.jpg) center no-repeat;
padding: 2px; 
text-indent: -5000px;}

#port_belly li.connect a:hover { border: 1px solid #666666;}

#port_belly li.gals a.img { 
width: 241px;
display: block;
border: 1px solid #ccc;
height: 176px; 
background:url(/images/portfolio/thmbs/ag_thmb.jpg) center no-repeat;
padding: 2px; 
text-indent: -5000px;}

#port_belly li.gals a:hover { border: 1px solid #666666;}

#port_belly li p { font-size: 14px; padding: 0px; margin: 8px 0px 0px 0px; }

#port_belly li p.small { font-size: 11px; margin: 0px; padding: 0px;}

#port_belly li p.linker a, #port_belly li p.linker a:link  { text-decoration: underline; border: 0px; width: 130px; height: 15px; background:url(/images/portfolio/thmbs/arrow.gif)top right no-repeat; text-indent: 0px; margin: 12px 0px 34px 0px; font-size: 12px; color: #ff0000; display:block; }

#port_belly li p.linker a:hover { border: 0px solid #666666; text-decoration: none; }

/* ---------  home page stuff --------- */

#blog_iframe {
float: left;
padding: 0px 0px 0px 0px;} 


#hm_boxes { 
float: left;
margin-top: 20px;
color: 666;
line-height: 25px;
padding: 45px 45px 15px 15px;
width: 234px;
background: url(/images/home/home_corner.gif) top right no-repeat; }

#hm_boxes h4 {
font-size: 22px;
padding: 4px 20px 5px 30px;
background: url(/images/shared/green_arrow.gif) top left no-repeat;  }

#hm_boxes p.date {
color: #999999;
width: 220px;
font-size: 10px;
margin: 25px 0px 0px 0px;
padding: 0px;
text-transform: uppercase;
}

#hm_boxes p.linker { width: 220px; line-height: 16px; margin: 0px; padding: 0px; }

#hm_boxes p {
width: 150px;
margin: 5px 0px 25px 0px; }

#porto_tmb a {
display: block;
padding: 3px;
margin-bottom: 5px;
border: 1px solid #ccc;
}

#porto_tmb a:hover {
border: 1px solid #666;
}

#hm_boxes ul { margin-top: 20px; }

#hm_boxes li {
background:url(/images/portfolio/check_mark2.gif) top left no-repeat;
display: block;
list-style: none;
margin-left: -40px;
padding: 5px 0px 5px 20px;
border-top: 1px solid #e3e3e3;
text-decoration: none; }
 
 #hm_boxes li.nocheck {
display: block;
background: none;
list-style: none;
margin-left: -40px;
padding: 5px 0px 5px 20px;
border-top: 1px solid #e3e3e3;
text-decoration: none; }

 

/* --------- footer --------- */ 

#footer_nav { 
width: 882px;
margin: auto;
padding: 80px 0px 30px 0px;
background: url(/images/shared/bottom_shadow.jpg) top center no-repeat; }

#footer_nav ul, #footer_nav_home ul {
text-align: center; }

#footer_nav li, #footer_nav_home li {
display: block;
border-right: 1px solid #ccc;
list-style: none;
padding: 0px 20px 0px 20px;
margin: 0px;
display: inline; }

#footer_nav li, #footer_nav li a, #footer_nav li a:link, #footer_nav_home li, #footer_nav_home li a, #footer_nav_home li a:link { color: #579228; text-decoration: none; }
#footer_nav li a:hover, #footer_nav_home li a:hover { text-decoration: underline; }
#footer_nav li.last, #footer_nav_home li.last { border-right: 0px solid #333333; }

#footer_nav p, #footer_nav_home p { color: #999; text-align: center; font-size: 10px; width: 882px; }



/* Contact Form
---------------------------------------------------------- */
#contactform label {
display: block;
margin-top: 10px;
margin-bottom: .3em;
font-weight: normal; font-size: 14px; }

#contactform label.loud {
margin: 0 1em 0 0;
color: #333;
padding-top: .3em;
padding-bottom: .3em; }

#contactform input.float  {  
padding: 4px;
border: 1px solid #c9c9c9;
font-size: 1em;
width: 300px;
line-height: 2em;
font-family: Arial, Verdana, Helvetica, sans-serif;
background: #fff url(/images/contact/background_input.gif) no-repeat 0 0;
 }

#contactform ol { background: none !important; list-style: none; list-style-type: none; margin: 0px; padding: 0px; }

#contactform li { clear: left; background: none !important; list-style: none; list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px !important; }

#contactform textarea  {
width: 100%;
width: 420px;
border: 1px solid #c9c9c9;
background: #fff url(/images/contact/background_input.gif) no-repeat 0 0; }

#contactform input.checkbox { clear: left; color: #333; margin: 0px 3px 0px 0px; }

#contactform p { font-size: 11px; color: #333; margin: 0px 0px 0px 0px !important; padding: 0px 0px 10px 0px; }

#contactform em { margin: 9px 0px 0px 5px; color:#CC0000; font-weight: bold; font-size: 22px; font-style: normal; }

/* Stylin' ;)
------------------------------------------------ */

li.aslist {
	width: 150px;
	height: 150px;
	float: left;
}