/*________________________GROUND RULES__________________________________*/

html { /*height:100%; 
        overflow:hidden; *get rid of scroll bars in IE*/
     }

body{ 
    font: 12px/1.7em arial, sans-serif;
    color:#76797c;
    font-weight:normal;
    }

#bottom_bar {
	visibility: hidden;
	background:#fff url(../images/bg_stripes.gif) center bottom no-repeat;
	height: 20px;
}

/* this style sets a minimum height, using an IE6/7 hack on the content div so that on shorter pages the little jack-in-the-box doesn't move up the page */
#minHeightDiv {
	min-height:315px;
	height:auto !important;
	height:315px;
}

body, p, li, ul, h1, h2, h3, h4, h5, form, html, img, a { /*Starts you off with no padding or margin which you can add later on a more specialized basis.*/
    margin:0; 
    padding:0;
    border:none;
    } 
    
h1 {font-style: normal}
h1 {font-size: 11px}
h1 {font-weight: normal} 


table, td { margin:0; padding:0; border-spacing: 0px; border-collapse:collapse; text-align:left;} /*This equates too: <table cellspacing="0" cellpadding="0" border="0"> thus, in your HTML your table tags can look like this <table>... </table>. Warning: if you're accommodating IE MAC use: <table cellspacing="0">... </table> */

/*DEFAULT LINK STYLES*/

a:link, a:visited { color: #990000; text-decoration: none;}
a:hover, a:visited:hover { color: #333; text-decoration: underline;}

p {padding-bottom: 8px;}

/*________________________GLOBAL STYLES__________________________________*/

ul {
	padding-left:25px;
	}

#top_stripe {
     background: #006699;
     height:14px;
    }

#wrap {
    background: #fff;
    }

#content {
    width:980px;
    margin:0 auto;
    }

 /*||||| LOGO |||||||*/
/*||||||||||||||||||*/

#logo {
    position:absolute;
    background: url(../images/logo.gif) no-repeat;
    width:166px;
    height:112px;
    text-indent: -2100px;
    margin-top: 26px;
    margin-left: 17px;
    z-index:1;
    }

#logo_link {
    position:absolute;
    background: url(../images/logo.gif) no-repeat;
    width:166px;
    height:79px;
    margin-top: 26px;
    margin-left: 17px;
    z-index:1;
    }

#tag {
    position:absolute; 
    z-index:2; 
    width:172px;
    margin-top: 112px; 
    margin-left: 15px;
    }

 /*||||| NAV |||||*/
/*|||||||||||||||*/

#nav {
    position:absolute;
    width: 663px;
    height: 35px;
    margin-top: 0;
    padding-left: 300px;
    z-index:1000;
    }

/*
#contact {
    color:#FF9900;
    }
*/

#contact, #news, #copyright, #what_does span.fab {
    color:#9f9f9f;
    }

#hm_pos {
    widht:980px;

    }
 
#hm_boxes, #in_wrap {
    clear:both;
    background: #fff url(../images/boxes.jpg) bottom right no-repeat;
    width:980px;
    height:531px;
    border:none;
    }

/*yeah, the background is set to none for an override of the above cass - don't remove*/
#in_wrap {
    background:none;
    }


/* Blue Header on "empower" tag that begin the paragraph */
h3, .blue_header {
    color: #006699;
    font: 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    /*font: 17px "century gothic", arial, sans-serif;*/
    font-weight:100;
    }

/* Breadcrumbs --- This should NOT go on the tool*/
h4 {
    color: #919191;
    font: 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    /*font: 14px "century gothic", arial, sans-serif;*/
    letter-spacing:1px;
    }
 
 
/* 1st Level sub-header - Green Header */
h5, .green_header {
    color: #0C7A53;
    font: 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    /*font: 15px "century gothic", arial, sans-serif;*/
    letter-spacing:1px;
    }
    
/* 2nd Level sub-header - Yellow Header */
h6, .yellow_header{
    color: #FF9900;
    font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
    /*font: 12px "century gothic", arial, sans-serif;*/
    letter-spacing:1px;
    }
 
 
 
/*________________________HOME ONLY STYLES__________________________________*/


#flash_pos {
    position:absolute;
    width:840px;
    height:450px;
    margin-top:3px;
    margin-left:83px;
    z-index:0;
    }

 /*|||| contact |||||*/
/*||||||||||||||||||*/


#contact {
    position:absolute;
    width:270px;
    height:25px;
    margin-top:512px;
    margin-left:17px;
    background:none;
    z-index:1;
    font-size: 11px;
    }

#contact a:link, #contact a:visited { color: #999; text-decoration: none;}
#contact a:hover, #contact a:visited:hover { color: #990000; text-decoration: none;}

#copyright 
		{
		
		
    position:absolute;
    margin-top:534px;
    margin-left:0px;
    padding:0 0 0 17px;
    font-size: 11px;
    background:#fff;
    }

#copyright a:link, #copyright a:visited { color: #999; text-decoration: none;}
#copyright a:hover, #copyright a:visited:hover { color: #990000; text-decoration: underline;}

 /*|||| Tabs ||||*/
/*||||||||||||||*/

.tab_head {
    font:normal 13px verdana, sans-serif; color:#AA0006;
    /*font:normal 13px 'century gothic', verdana, sans-serif; color:#AA0006;*/
    }
 /*|||| what does John Say? ||||*/
/*|||||||||||||||||||||||||||||*/

#what_does {
    position:absolute;
    width:211px;
    margin-top:461px;
    margin-left:284px;
    z-index:1;
    border:none;
    }

#what_does a:link, #what_does a:visited {padding:0 0 0 35px; background:url(../images/btn_next.png) 1.3em .2em no-repeat;}
#what_does a:hover, #what_does a:visited:hover {padding:0 0 0 35px; background:url(../images/btn_up.png) 1em .2em no-repeat; }

#what_does span.fab {
    padding-left:35px;
    padding-top:5px;
    display:block;
    font: 12px/1.5em arial, sans-serif;
    }


#what_does span.fab:hover{ color: #990000; text-decoration: underline;}

#testimonials {
    position:absolute;
    width:211px;
    height:264px;
    margin-top:198px;
    margin-left:284px;
    background: url(../images/bg_testi.jpg) no-repeat;
    display:none; 
    z-index:4;
    }

#testimonials p {
    color: #333;
    padding: 22px 14px 0 35px;
    font: oblique 11px/1.5em arial, helvetica;
    }


 /*|||| news ||||*/
/*||||||||||||||*/

#news {
    position:absolute;
    width:420px;
    margin-top:461px;
    margin-left:520px;
    z-index:1;
    }

.news_item {
	padding-top:5px;
    padding-bottom:8px;
    line-height:1.5em;

    }
.news_item a:link, .news_item a:visited { color: #990000; text-decoration: none; border-bottom:1px solid #9f9f9f;}
.news_item a:hover, .news_item a:visited:hover { color: #990000; text-decoration: none; border-bottom:1px solid #990000;}


/*________________________INSIDE ONLY STYLES__________________________________*/

#content_pos {
    position:absolute;
    width:690px;
    margin-top: 82px;
    margin-left: 280px;
    background:none;
    }

#top_text {
    padding-left:136px;
    border:none;
    }

#top_text_folio {
    padding-left:31px;
    }

#top_text h3 {
    padding-bottom:4px;
    }


#content_table {
    margin-top:15px;
    }

#content_table td {
    vertical-align:top;
    }

#subnav_td {
    border-right:1px solid #cccccc;
    padding-right:17px;
    font:13px/1.9em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    /*font:13px/1.6em "century gothic", arial, sans-serif; 
    letter-spacing:1px;*/ 
    white-space: nowrap;
    padding-top:none;
	text-align:right;
	width:101px;
    }

#subnav_td a:link, #subnav_td a:visited { color: #990000; text-decoration: none; padding-left:12px;}
#subnav_td a:hover, #subnav_td a:visited:hover { color: #333; text-decoration: underline; padding-left:12px;}

#subnav_td_faces {
    border-right:1px solid #cccccc;
    padding-right:17px;
    font:13px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    /*font:13px "century gothic", arial, sans-serif;
    letter-spacing:1px;*/
    white-space: nowrap;
    padding-top:none;
	text-align:right;
	width:101px;
    }

#subnav_td_faces a:link, #subnav_td_faces a:visited { padding-bottom:6px; padding-top:2px; color: #990000; text-decoration: none; padding-left:12px; display:block;}
#subnav_td_faces a:hover, #subnav_td_faces a:visited:hover { padding-bottom:6px; padding-top:2px; color: #333; text-decoration: underline; padding-left:12px; display:block;}

.faces_rollover { padding-bottom:0px; padding-top:0px; border: 0px solid red;}

#on_page_faces {
    background: url(../images/bullet.png) left center no-repeat;
    padding-left:12px; 
    color:#FF9900;
    text-align:right;
    }

#on_page_faces_div {
	padding:2px 0 6px 0;
	}

#on_page {
    background: url(../images/bullet.png) left center no-repeat;
    padding-left:12px; 
    color:#FF9900;
    }


#subtext_td {
    padding-left:16px;
	font-size:12px;
	letter-spacing:0em;
	line-height:1.7em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	/*font-family:"century gothic", arial, sans-serif;*/
    }

#folio_td {
    padding-left:2px;
    line-height:1em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    /*font-family:"century gothic", arial, sans-serif;*/
    }

#subtext_td a:link, #subtext_td a:visited { color: #990000; text-decoration: none; border-bottom:dotted 1px #ccc;}
#subtext_td a:hover, #subtext_td a:visited:hover { color: #770000; text-decoration: none; border-bottom:none;}

#mini_boxes {
	background: url(../images/final_boxes_sm.jpg) no-repeat;
    /* position:absolute; */
    width:220px;
    height:117px;
    margin-left: 455px;
    }

#box_pos, #box_bg_faces, #box_bg_company, #box_bg_services, #box_bg_sites  {
    position:absolute;
	margin-left:0;
	margin-top:120px;
	width:335px;
	height:435px;
	}

#box_bg_faces {
	background:url(../images/bg_ourfaces.jpg) no-repeat;
	}

#box_bg_company {
	background:url(../images/bg_company.jpg) no-repeat;
	}

#box_bg_services {
	background:url(../images/bg_services.jpg) no-repeat;
	}

#box_bg_sites {
	background:url(../images/bg_sites.jpg) no-repeat;
	}

.text_name {
	font-size:16px;
	color:#006699;
	font-weight:100;
	padding-bottom:0px;
	letter-spacing:1px;
    }

.text_title {
	font-size:12px;
	color:#006699;
	}

#minHeightDiv ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    }

#minHeightDiv li {
    background-image: url(../images/bullet_blue.png);
    background-repeat: no-repeat;
    background-position: 0 .4em;
    padding-left: 1.2em;
    padding-bottom: .6em;
    }

/*________________________PORTFOLIO STYLES__________________________________*/

#prev_next { 
    text-align:right;
    color:#999; 
    font: normal 11px arial,helvetica; 
    height:15px;
    padding-right:18px;
    }

.count {
    padding: 0 7px;
    font-size:12px;
    }

#next a:link, #next a:visited{
    background: url(../images/btn_next.png) center right no-repeat;
    padding-right: 10px;
    }

#next a:hover, #next a:visited:hover, #next_disabled{
    background: url(../images/btn_next_f2.png) center right no-repeat;
    padding-right: 10px;
    color:#999;
    }

#prev a:link, #prev a:visited{
    background: url(../images/btn_prev.png) center left no-repeat;
    padding-left: 10px;
    }

#prev a:hover, #prev a:visited:hover, #prev_disabled{
    background: url(../images/btn_prev_f2.png) center left no-repeat;
    padding-left: 10px;
    color:#999;
    }

#work_holder {
	width:559px;
	padding-left:10px;
    }

.thumb {
    float:left;
    padding:13px 8px 5px 14px;
    line-height:1em;
    border:0px solid green;
    }

.thumb_hover {
    position:absolute;
    width:70;
    height:60;
    }

.thumb a:link, .thumb_hover a:visited, .thumb_hover a:hover, .thumb_hover a:visited:hover {border-bottom:none;}

.thumb_hover:hover { 
    background: transparent url(../images/thumb_hover.png);
    }

.year {
    padding-left:10px;
    }
/*___tool tips___*/

.tt_hdr {
    background:#fff;
    font-size:12px;
    font-weight:bold;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    padding:1px 3px;
    position:relative;
    }
         
 .tt_bdy {
    background:#fff;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-size:12px;
    border:none;
    padding:none;
    }

#theToolTip{
    position: absolute;
    left: -300px;
    border: 1px solid #aaa;
    padding: 3px 10px;
    background-color: #fff;
    visibility: hidden;
    z-index: 100;
    font: bold 12px/1.4em arial, helvetica;
    color: #333;
    letter-spacing:none;
    }

#theToolTip p{
    font: normal 12px arial,helvetica;
    color: #555;
    line-height:1.4em;
    margin-top:0;
    padding:0;
}

#ToolTipPointer{
    position:absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
    }

/*
this would be used for yet an additional tooltip style if needed. Put this class in a div in the title tag  
.ToolTipTextWrap {
    font-weight:bold;
    font-size: 1.2em;
    color: #592C16;
    margin:0;
    }
*/

/*__HighSlide popups__*/

.highslide-html-content {
	position: absolute;
    display: none;
    padding: 0;
    margin-left:auto;
    margin-right:auto;
    }

.highslide-html-content img {
    cursor:hand;
    border-top:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    }

.highslide-html {
    background-color: white;
    height:311px;
    }

.highslide-html-blur {
    }

.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    }
    
.highslide-display-block {
    display: block;
    }
    
.highslide-display-none {
    display: none;
    }

.highslide-close-me {
    height: 23px;
    padding-bottom:5px;
    }
    
.highslide-close-me img {
    border:none;
    }

.highslide-close-me .close {
	float:right;
    }

.hs_overlay_position {
    position:absolute;
    }

.website_content {
	font-size:13px;
	color:#006699;
	padding:5px 0 5px 10px;
    }

.info {
    font-size:11px;
	color:#333;
	}

.website_content img {
    }

.website_content a:link { color: #990000; text-decoration: none; font-size:11px}
.website_content a:hover { color: #990000; text-decoration: underline; font-size:11px}
.website_content a:visited { color: #990000; text-decoration: none; font-size:11px}
.website_content a:visited:hover { color: #990000; text-decoration: underline; font-size:11px}




/*__3D Modeling Styles__*/

.thumb_3d {
    float:left;
    padding:0;
    line-height:1em;
    border:none;
    }

.thumb_3d_hover {
    position:absolute;
    width:556px;
    height:180px;
    }

.thumb_3d a:link, .thumb_hover a:visited, .thumb_hover a:hover, .thumb_hover a:visited:hover {border-bottom:none;}

.thumb_3d_hover:hover { 
    background: transparent url(../images/3d_thumb_over.png);
    }


/*__3D Animation Styles__*/

.thumb_anim {
    float:left;
    padding:0 10px 9px 0;
    line-height:1em;
    border:none;
    }

.thumb_anim_hover {
    position:absolute;
    width:132px;
    height:109px;
    }

.thumb_anim a:link, .thumb_hover a:visited, .thumb_hover a:hover, .thumb_hover a:visited:hover {border-bottom:none;}

.thumb_anim_hover:hover { 
    background: transparent url(../images/anim_thumb_over.png);
    }


/*__Logos Styles__*/

.thumb_logo {
    float:left;
    padding:0;
    line-height:1em;
    border:none;
    }


/*__Virtual Tours Styles__*/

.thumb_virtual {
    float:left;
    padding:0 2px 2px 0;
    line-height:1em;
    border:none;
    }

.thumb_virtual_hover {
    position:absolute;
    width:277px;
    height:162px;
    }

.thumb_virtual a:link, .thumb_hover a:visited, .thumb_hover a:hover, .thumb_hover a:visited:hover {border-bottom:none;}

.thumb_virtual_hover:hover { 
    background: transparent url(../images/virtual_thumb_over.png);
    }


/*__Photography Styles__*/

.thumb_photo {
    float:left;
    padding:0 1px 1px 0;
    line-height:1em;
    border:none;
    }

.thumb_photo_hover {
    position:absolute;
    width:185px;
    height:160px;
    }

.thumb_photo a:link, .thumb_hover a:visited, .thumb_hover a:hover, .thumb_hover a:visited:hover {border-bottom:none;}

.thumb_photo_hover:hover { 
    background: transparent url(../images/photo_thumb_over.png);
    }


/*__Silly Stuff Styles__*/

.thumb_silly {
    float:left;
    padding:0 1px 1px 0;
    line-height:1em;
    border:none;
    }

.thumb_silly_hover {
    position:absolute;
    width:185px;
    height:160px;
    }

.thumb_silly a:link, .thumb_hover a:visited, .thumb_hover a:hover, .thumb_hover a:visited:hover {border-bottom:none;}

.thumb_silly_hover:hover { 
    background: transparent url(../images/silly_thumb_over.png);
    }
    
    

/*__Silly Stuff Smaller Styles__*/

.thumb_silly_sm {
    float:left;
    padding:0 0 0 0;
    line-height:1em;
    border:none;
    }

.thumb_silly_sm_hover {
    position:absolute;
    width:137px;
    height:119px;
    }

.thumb_silly_sm a:link, .thumb_sm_hover a:visited, .thumb_sm_hover a:hover, .thumb_sm_hover a:visited:hover {border-bottom:none;}

.thumb_silly_sm_hover:hover { 
    background: transparent url(../images/silly_thumb_sm_over.png);
    }
    
    
    
    

/*__Print Stuff Styles__*/

.thumb_print {
    float:left;
    padding:0 0 0 0;
    line-height:1em;
    }

.thumb_print_hover {
    position:absolute;
    width:179px;
    height:160px;
    }

.thumb_print a:link, .thumb_print_hover a:visited, .thumb_print_hover a:hover, .thumb_print_hover a:visited:hover {border-bottom:none;}

.thumb_print_hover:hover { 
    background: transparent url(../images/print_thumb_over.png) no-repeat;
    }
    
        


/*__Icons Styles__*/

.thumb_icon {
    float:left;
    padding:0 1px 1px 0;
    line-height:1em;
    border:none;
    }

.thumb_icon_hover {
    position:absolute;
    width:272px;
    height:121px;
    }

.thumb_icon a:link, .thumb_hover a:visited, .thumb_hover a:hover, .thumb_hover a:visited:hover {border-bottom:none;}

.thumb_icon_hover:hover { 
    background: transparent url(../images/icons_thumb_over.png);
    }


/*__HTML emails Styles__*/

.thumb_email {
    float:left;
    padding:0 1px 1px 0;
    line-height:1em;
    border:none;
    }

.thumb_email_hover {
    position:absolute;
    width:182px;
    height:121px;
    }

.thumb_email a:link, .thumb_hover a:visited, .thumb_hover a:hover, .thumb_hover a:visited:hover {border-bottom:none;}

.thumb_email_hover:hover { 
    background: transparent url(../images/email_thumb_over.png);
    }

/*____Chronological & Alphabetical Order page styles ________*/

#big_list_wrap {
    background: #fdFfFf;
    width:546px;
    }

#big_list {
    width:100%;
    font:normal 12px arial, helvetica;
    }

#big_list th {
    font: bold 14px verdana, arial, helvetica;
    letter-spacing:1px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:6px 0 6px 13px;
    background:#fff;
    }

#big_list td {
    padding:7px 0 6px 13px;
    }

 #big_list tr.darker {
    background:#F7f7f7;
    }

#big_list td a:link { border-bottom:none;}
#big_list td a:hover {border-bottom:none; text-decoration:underline; color:#333;}
#big_list td a:visited { border-bottom:none; color:#997D7D;}

#inner_nav_top, #inner_nav_bottom  {
    padding-bottom:16px;
    font: normal 11px arial,helvetica;
    letter-spacing:.2em;
    }

#big_list th.to_top {
    font: normal 11px arial,helvetica;
    color:#990000;
    text-align:right;
    }

#inner_nav_top a:link, #inner_nav_bottom a:link, #inner_nav_top a:visited, #inner_nav_bottom a:visited, #big_list th.to_top a:link, #big_list th.to_top a:visited {padding:0 1px; background:none;}
#inner_nav_top a:hover, #inner_nav_bottom a:hover, #inner_nav_top a:visited:hover, #inner_nav_bottom a:visited:hover, #big_list th.to_top a:hover, #big_list th.to_top a:visited:hover {background:#990000; border-bottom:none; padding:0 1px; color:#fff;}

.pipe {
    padding:0 3px;
    }

#inner_nav_bottom {
    padding:16px 0 2px 0;
    }

/*________________________OUR FACES STYLES__________________________________*/

#locket_faces {
	width:47px;
	height:65px;
	position:absolute;
	margin-top:189px;
	margin-left:138px;
	z-index:1;
    }

/*________________________FORM STYLES__________________________________*/
.formtable {
    margin-bottom:20px;
    }

.formtable td input, .formtable td textarea{
    margin-bottom:15px;
    width:450px;
    }

.right {
    text-align:right;
    padding-right:10px;
    }

#client_wrap {
    padding:30px 0 20px 0;
    border-bottom:solid 18px #FF9900;
    border-top:solid 4px #FF9900;
    height:348px;
    }
    
#client_center {
    width:360px;
    margin-left:auto;
    margin-right:auto;
    padding: 0 30px 0 42px;
    }

.label {
    margin:5px 5px 0 0; 
    display:inline; 
    font-weight:bold;
    }

.input_wrap, .buttons{
    width:275px;
    height:29px;
    text-align:right; 
    vertical-align:top; 
    }

.input_wrap2{
    height:29px;
    text-align:center; 
    vertical-align:top; 
    }

.buttons {
   background:none; 
   padding-bottom:12px;
}

#single_button {
   padding:20px 0;
   width:270px;
   border:none;
   text-align:center;
   background:#efefef;
   margin-top:30px;
   margin-right:auto;
   margin-bottom:70px;
   margin-left:auto;
}

.buttons input, #single_button input {
    background:#ededed;
    color:#990000;
    padding:1px 9px;
    margin-left:5px;
    font-size:13px;
    cursor:pointer;
    }

#single_button input {
    margin-left:0;
    }

.input {
	background-color: #fff;
	font: 13px/16px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 1px;
	border: 1px solid #8595B2;
	background:#fdfdfd;
	width:130px;
}

#error_clients {
    color:#cc0000;
    text-align:center;
    font: normal 12px/1.2em arial,helvetica;
    padding:8px 0;
    background:#efefef;
    }

.textarea {
	border: 1px solid #8595B2;
	background-color: #fff;
	font: 12px/14px Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
}

.copy_r {
    text-align:center;
    font-size:10px;
 }



#program_hdr {
    color: #006699;
    font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    /*font: 12px "century gothic", arial, sans-serif;*/
    letter-spacing:2px;
	margin-bottom:18px;	
    }