/* beginning joe code */


input.btn { 
	  color:#050; 
	  font: bold 84%'trebuchet ms',helvetica,sans-serif; 
	  background-color: #fed; 
	
} 


*xxxxxxxxx {
margin:0;
padding:0;

}


a.three:link {color: #000000}
a.three:visited {color: red}
a.three:hover {color: black}

#container{
width:800px;
margin-left:auto;
margin-right:auto;
position:relative;
}


#copyright_contact{
width:700px;
font-size:11px;
top:950px;
left: 190px;
position:relative;
}


#footer{
width:650px;
font-size:10px;
top:0px;
left: -80px;
position:relative;
}


 #headerleft
  {
  width:800px;
  top:17px;
  left:0px;
  padding:0px;
/*  background-color: #F3E4B2;  */
  position:absolute;
  }

 #headerright
  {
  left:600px;
    top:74px;
    padding:10px;
  /*background-color: #F3E4B2; */
  position:absolute;
  }


#left_frame{
font-family:arial narrow;
font-size:16px;
font-weight: 700;
width:185px;
height:520px;
top:160px;
left:0px;
position:absolute;
border-right:1px solid  #302787;
z-index:15;
}

#left_frame_yap{
font-family:arial narrow;
font-size:16px;
font-weight: 700;
width:185px;
height:650px;
top:160px;
left:0px;
position:absolute;
border-right:3px solid  #302787;
z-index:15;
}

#left_frame_col{
font-family:arial narrow;
font-size:16px;
font-weight: 700;
width:185px;
height:780px;
top:160px;
left:0px;
position:absolute;
border-right:3px solid  #302787;
z-index:15;
}


/*contact */

#contact_left_frame{
font-family:arial narrow;
font-size:16px;
font-weight: 700;
width:185px;
height: 750px;
top:160px;
left:0px;
position:absolute;
border-right:3px solid  #302787;
z-index:15;
}













/*specials */


#specials_left_frame{
font-family:arial narrow;
font-size:16px;
font-weight: 700;
width:185px;
height:850px;
top:160px;
left:0px;
position:absolute;
border-right:3px solid  #302787;
z-index:15;
}


#specials_upper_txt{
left:195px;
top:210px;
font-family:arial;
font-size:14px;
font-weight:400;
width:600px;
padding:10px;
position:absolute;
}

#specials_mid_txt{
/*letter-spacing: .1px;*/
left:195px;
margin-top:600px;
height:400px;
font-family:arial;
font-size:14px
font-weight:400;
/*background-image:url(../images/starburst.jpgxx);	
background-repeat:no-repeat;
background-position:right top;*/
width:680px;
/*padding:10px;*/
position:absolute;
}



#specials_headerleft
  {
  width:800px;
  top:17px;
  left:0px;
  padding:0px;
/*  background-color: #F3E4B2;  */
  position:absolute;
  }

 #specials_headerright
  {
  left:600px;
    top:74px;
    padding:10px;
  /*background-color: #F3E4B2; */
  position:absolute;
  }






/* web info page */

#web_upper_text1{
left:195px;
top:210px;
font-family:arial;
font-size:13px;
font-weight:400;
width:600px;
padding:10px;
position:absolute;
}


#web_design_popup{
float:right;
/*position:absolute;*/
visibility:hidden;
background:none;
width: 60px;
height: 60px;
left: -145px;  
top:900px;
z-index:41;
}


#body_upper_webxx{
left:195px;
top:210px;
font-family:arial;
font-size:13px;
font-weight:400;
width:460px;
padding:10px;
position:absolute;
}


#web_left_frame{
font-family:arial narrow;
font-size:16px;
font-weight: 700;
width:185px;
height:850px;
top:160px;
left:0px;
position:absolute;
border-right:3px solid  #302787;
z-index:15;
}


/* web pricing page */

#webpricing_blue_bar_yap{
top:150px;
left:0px;
background:#302787; 
width:815px;
height:7px;
position:absolute;
}

#webpricing_blue_bar_thick_yap{
padding-left:11px;
top:155px;
left:185px;
background:#302787; 
width:620px;
height:49px;
font-family:arial black;
font-size:17px;
color:white;
line-height:210%;
position:absolute;
}





#web_price_left_frame{
font-family:arial narrow;
font-size:16px;
font-weight: 700;
width:185px;
height:00px;
top:160px;
left:0px;
position:absolute;
border-right:3px solid  #302787;
z-index:15;
}


#web_price_starter{
border: 5px;
border-style:ridge ridge ridge ridge; 
border-color: beige beige beige
font-family:arial;
font-size:16px;
background-color:gainsboro;
font-family:arial;
font-weight:400;
width:605px;
left:187px;
top:205px;
padding-left:10px;
position:absolute;
z-index:112;
}


#web_price_basic{
border: 5px;
border-style:ridge ridge ridge ridge; 
border-color: beige beige beige
font-family:arial;
font-size:16px;
background-color:AliceBlue;
font-family:arial;
font-weight:400;
width:605px;
left:187px;
top:530px;
padding-left:10px;
position:absolute;
z-index:112;
}

#web_price_intermediate{
border: 5px;
border-style:ridge ridge ridge ridge;
border-color: palegreen palegreen palegreen;
font-family:arial;
font-size:16px;
background-color:seashell;
left:187px;
top:1120px;
font-family:arial;
font-weight:400;
width:595px;
padding:10px;
position:absolute;
z-index:12;
}


#web_price_advanced{
border: 5px;
border-style:ridge ridge ridge ridge;
border-color: mintcream mintcream mintcream mintcream;
padding:5%;
font-family:arial;
font-size:16px;
background-color:mintcream;
left:185px;
top:1010px;
font-family:arial;
font-weight:400;
width:585px;
padding:10px;
position:absolute;
z-index:12;
}




#web_price_hosting{
margin-top:0;
background-image:url(../images/earth_ani.gifx);	
border:1px solid black;
height:150px;
width:150px;
float:right;
z-index:14;
/*position:absolute; */

}


#web_pricing_basic
{
padding:5%;
top:0px;
background-color:pink;
font-family:arial;
font-size:16px;
position:absolute;
z-index:10;
}

#web_hosting{
margin-top:0;
background-image:url(../images/earth_ani.gifx);	
border:1px solid black;
height:150px;
width:150px;
float:right;

/*position:absolute; */

}

#web_hosting1{
margin-top:0;
border:1px solid black;
height:100px;
width:150px;
float:right;
/*position:absolute; */

}




#web2_left_frame{
font-family:arial narrow;
font-size:16px;
font-weight: 700;
width:185px;
height:1000px;
top:160px;
left:0px;
position:absolute;
border-right:3px solid  #302787;
z-index:15;
}


#color_piece_web{
top:-5px;
left:468px; 
position:absolute;
}

#color_piece_web2{
float:right;;
padding-left:5px;
}


#body_upper_web2{
left:195px;
top:210px;
font-family:arial;
font-size:14px;
font-weight:400;
width:600px;
padding:10px;
position:absolute;
}



#web_ani_earth{
top:61px;
left:461px; 
position:absolute;
}

#web_upper_text{
left:195px;
top:330px;
font-family:arial;
font-size:13px;
line-height:111%;
font-weight:400;
width:560px;
padding:10px;
position:absolute;
}




/* end web page info */

/* port2 folio page */


#port2_main{
font-family:arial narrow;
font-size:16px;
font-weight: 700;
width:585px;
height:1000px;
background-image: url(../images/screen.png); 
background-repeat: no-repeat;
background-position:00px  90px;
top:160px;
left:250px;
position:absolute;
z-index:45;
}

#intro_slide{
border:none;
background:none;
visibility:visible;
left:270px;
top:280px;
/*float:right;  */
position:absolute;
overflow:visible;
z-index:46;

}






#slide_one{
border:none;
background:none;
visibility:hidden;
left:270px;
top:280px;
/*float:right;  */
position:absolute;
overflow:visible;
z-index:46;

}

#slide_two{
border:none;
background:none;
visibility:hidden;
left:350px;
top:270px;
/*float:right;  */
position:absolute;
overflow:visible;
z-index:46;

}

#slide_three{
border:none;
background:none;
visibility:hidden;
left:310px;
top:270px;
/*float:right;  */
position:absolute;
overflow:visible;
z-index:46;

}

#slide_four{
border:none;
background:none;
visibility:hidden;
left:310px;
top:280px;
/*float:right;  */
position:absolute;
overflow:visible;
z-index:46;

}

#slide_five{
border:none;
background:none;
visibility:hidden;
left:280px;
top:280px;
/*float:right;  */
position:absolute;
overflow:visible;
z-index:46;

}

#slide_six{
border:none;
background:none;
visibility:hidden;
left:320px;
top:280px;
/*float:right;  */
position:absolute;
overflow:visible;
z-index:46;

}





#slide_proj{
top:220px;
left:250px;
position:absolute;
z-index:47

}

/* port new folio page */




#port_container{
width:880px;
margin-left:auto;
margin-right:auto;
position:relative;
}


#new_port_all {
top:270px;
left:250px;
width:640px;
height:595px;
background-image:url(../images/port/all_portwo_txt.png); 
background-position: 0px 0px;
background-repeat: no-repeat;
position:absolute;
z-index: 151;
}


#port_new_headerleft
  {
  width:800px;
  top:17px;
  left:0px;
  padding:0px;
/*  background-color: #F3E4B2;  */
  position:absolute;
  }



#port_new_headerright
  {
  left:700px;
    top:74px;
    padding:10px;
  /*background-color: #F3E4B2; */
  position:absolute;
  }


#port_new_blue_bar_thick_yap{
padding-left:11px;
top:155px;
left:0px;
background:#302787; 
width:909px;
height:49px;
font-family:arial black;
font-size:16px;
color:white;
line-height:210%;
position:absolute;
}

#port_rack{
font-family:arial;
font-weight:700;
left:50px;
top:20px;
position:relative;
}

#port_post{
width:150px;
font-family:arial;
font-weight:700;
left:330px;
top:-10px;
position:relative;
}

#port_broch{
width:140px;
font-family:arial;
font-weight:700;
left:255px;
top:25px;
position:relative;
}

#port_letterhead{
width:190px;
font-family:arial;
font-weight:700;
left:40px;
top:210px;
letter-spacing:-.1px;
position:relative;
}

#port_perf{
width:180px;
font-family:arial;
font-weight:700;
left:330px;
top:270px;
letter-spacing:-.1px;
position:relative;
}

#port_promo{
width:150px;
font-family:arial;
font-weight:700;
left:490px;
top:340px;
letter-spacing:-.1px;
position:relative;
}


#new_port_blue_text {
font-family:arial;
font-size:17.5px;
color:#302787;
width:850px;
top:215px;
left:0px;
position:absolute;
z-index: 11;
}


#new_port_sidebar_text {
font-family:helvetica ;
font-size:18px;
font-weight:800;
letter-spacing:-1.1px;
width:245px;
top:300px;
left:5px;
position:absolute;
z-index: 11;
}














/* port4 folio page */

#port_blue_bar_yap{
top:150px;
left:0px;
background:#302787; 
width:1105px;
height:7px;
position:absolute;
}




#karda {
top:220px;
left:200px;
position:absolute;
}

#flue {
top:220px;
left:450px;
position:absolute;
}

#dd {
top:220px;
left:710px;
position:absolute;
z-index:10;
}

#cc {
top:400px;
left:710px;
position:absolute;
z-index:20;
}


#nn {
top:375px;
left:860px;
position:absolute;
z-index: 11;
}

#brown_bar{
background-color:#F5F0CF;
width:900px;
top:450px;
left:200px;
padding:1%;
font-family: arial;
font-size:14px;
position:absolute;
z-index:1;
}


#yoga {
top:550px;
left:200px;
position:absolute;
z-index: 11;
}

#at1 {
top:557px;
left:360px;
position:absolute;
z-index: 15;
}


#at2 {
top:520px;
left:580px;
position:absolute;
z-index: 11;
}


#rd {
top:720px;
left:720px;
position:absolute;
z-index: 11;
}






















/* portfolio page */

#port_header{
top:220px;
left:760px;
position:absolute;
}


#port_dd{
position:absolute;
top:210px;
left:190px;
}

#port_dd_pop{
border:ridge;
background:white;
visibility:hidden;
left:290px;
top:150px;
/*float:right;  */
position:absolute;
overflow:auto;
z-index:20;

}

#terr_card{
position:absolute;
top:210px;
left:490px;
}

#ter_card_pop{
border:ridge;
background:white;
visibility:hidden;
left:20px;
top:150px;
/*float:right;  */
position:absolute;
overflow:auto;
z-index:20;
}


#yog_card{
position:absolute;
top:360px;
left:190px;
}

#yog_card_pop{
border:ridge;
visibility:hidden;
left:390px;
top:250px;
/*float:right;  */
position:absolute;
overflow:auto;
z-index:20;
}

#flue_card{
border:ridge;
position:absolute;
top:360px;
left:490px;
}

#flue_card_pop{
border:ridge;
visibility:hidden;
left:190px;
top:150px;
/*float:right;  */
position:absolute;
overflow:auto;
z-index:20;
}



#rbd_card{
border:ridge;
position:absolute;
top:520px;
left:190px;
}

#rbd_card_pop{
visibility:hidden;
left:390px;
top:300px;
/*float:right;  */
position:absolute;
overflow:auto;
z-index:20;
}


#nd_card{
position:absolute;
top:520px;
left:490px;
}

#nd_card_pop{
visibility:hidden;
left:90px;
top:150px;
/*float:right;  */
position:absolute;
overflow:auto;
z-index:20;
}






#rbd_left_frame{
font-family:arial narrow;
font-size:16px;
font-weight: 700;
width:185px;
height:750px;
top:160px;
left:0px;
position:absolute;
border-right:3px solid  #302787;
z-index:15;
}



#blue_bar{
top:150px;
left:0px;
height:11px;  
background:#29166F; 
width:800px;
position:absolute;
}


#contain_abox{
margin-top:160px;
left:630px;
width:170px;
/*color:#F3E4B2;  */
/*background:#302787;  */
background:#29166F;
position:absolute;
height:500px;
z-index:1;
}

#a_box
{
font-color:white;
font-family:arial;
font-size: 12px;
font-weight: bold;
padding: 5px;
top:5px;
left:12px;
width:112px;
background:#B81A2C; 
position:absolute;
z-index:4;
}

#utube_job{
/*border:ridge;*/
top:365px;
left:640px;
position:absolute;
z-index:10;
}

#interview_title{
font-family:arial;
padding-top:6px;
padding-left:4px;
font-size:12px;
height:36px;
width:145px;
background-color:black;
color:white;
/*border:ridge;*/
top:320px;
left:640px;
position:absolute;
z-index:12;
}

#dude{
top:347px;
left:20px;
position:absolute;
}

#inspire{
width:400px;
font-family: arial;
line-height:100%;
font-size:15px;
top:170px;
left:218px;
position:absolute;
z-index:20;
}


#eye{
top:250px;
left:225px;
position:absolute;
z-index:10;
}

#quotation
{
top:570px;
left:215px;
padding:4px;
width:350px;
height:100px;
border-style:none;
overflow:visible;
position:absolute;
font-family: arial;
font-size:10pt;
z-index:19;
 /* background-image: url(../images/hydrange.jpg); 
 background-repeat: no-repeat;
background-position: center; */
/*background-attachment:fixed; */
}


/* effective section */

#effective_left_frame{
font-family:arial narrow;
font-size:16px;
font-weight: 700;
width:185px;
height:610px;
top:160px;
left:0px;
position:absolute;
border-right:3px solid  #302787;
z-index:15;
}


#effective_body_upper_web{
left:195px;
top:210px;
font-family:arial;
font-size:13px;
font-weight:400;
width:460px;
padding:10px;
position:absolute;

}





/*the process section  */

#process_left_frame{
font-family:arial narrow;
font-size:16px;
font-weight: 700;
width:185px;
height:770px;
top:160px;
left:0px;
position:absolute;
border-right:3px solid  #302787;
z-index:15;
}



#process_upper_text{
left:195px;
top:210px;
font-family:arial;
font-size:13px;
font-weight:400;
width:540px;
padding:10px;
position:absolute;
}

/*branding page begins */

#branding_upper_text{
left:195px;
top:210px;
font-family:arial;
font-size:13px;
font-weight:400;
width:660px;
padding:10px;
position:absolute;
}


#branding_left_frame{
font-family:arial narrow;
font-size:16px;
font-weight: 700;
width:185px;
height:870px;
top:160px;
left:0px;
position:absolute;
border-right:3px solid  #302787;
z-index:15;
}


/* know section begins */

#know_left_frame{
font-family:arial narrow;
font-size:16px;
font-weight: 700;
width:185px;
height: 800px;
top:160px;
left:0px;
position:absolute;
border-right:3px solid  #302787;
z-index:15;
}


#know_upper_text{
background-image: url('../images/yellow1.png') ;
background-repeat: no-repeat;
background-position:0px  0px;
left:195px;
top:220px;
font-family:arial;
font-size:14px;
font-weight:400;
width:600px;
padding:10px;
position:absolute;
z-index:59;
}

#know_middle_text{
background-image: url('../images/yellow1.png') ;
background-repeat: no-repeat;
background-position: 0px  -5px;
left:195px;
top:420px; 
font-family:arial;
font-size:14px;
font-weight:400;
width:600px;
padding:10px;
position:relative;
z-index:60;
}










#yell_cir1{
width:100px;
height:100px;
top:210px;
left:190px;
position:absolute;
z-index 15;
}

#yell_cir2{
-moz top:380px;
top:390px;
left:190px;
position:relative;
z-index 15;
}

/* yap section begins  */

#yap_body_upper{
left:200px;
top:210px;
font-family:arial;
font-size:13px;
width:420px;
position:absolute;
}

#yap_body_lower{
left:200px;
top:440px;
font-family:arial;
font-size:13px;
width:600px;
position:relative;
}

#yap_lady{
top:-7px;
left:451px; 
position:absolute;
}

#blue_bar_yap{
top:150px;
left:0px;
background:#302787; 
width:805px;
height:7px;
position:absolute;
}

#blue_bar_thick_yap{
padding-left:11px;
top:155px;
left:185px;
background:#302787; 
width:609px;
height:49px;
font-family:arial black;
font-size:17px;
color:white;
line-height:210%;
position:absolute;
}




#flashy_yap_text{
font-family:arial narrow;
font-size:14px;
font-weight: 700;
width:190px;
top:675px;
left:450px;
position:absolute;
}


/* color page */



#color_body_upper_yellow{
background:#FAF021;
left:195px;
top:210px;
font-family:arial;
font-size:15px;
font-weight:700;
width:460px;
padding:10px;
position:absolute;
}





#color_top_text{
left:195px;
top:320px;
font-family:arial;
font-size:14px;
font-weight:400;
width:425px;
padding:10px;
position:absolute;
}

#color_upper_text{
left:195px;
top:440px;
font-family:arial;
font-size:14px;
font-weight:400;
width:460px;
padding:10px;
position:absolute;
}


#col_balls{
top:282px;
margin-left:429px;
position:absolute;
z-index:100;
}


#color_lady{
top:27px;
left:449px; 
position:absolute;
}







#rbd_color_piece{
padding-left:10px;
top:-5px;
left:454px; 
position:absolute;
}


#rbd_upper_text{
left:195px;
top:210px;
font-family:arial;
font-size:13px;
font-weight:400;
width:440px;
padding:10px;
position:absolute;
}

#rbd_body_text{
left:195px;
top:380px;
font-family:arial;
font-size:13px;
line-height:111%;
font-weight:400;
width:610px;
padding:10px;
position:absolute;
}

#sample_upper_text{
left:195px;
top:230px;
font-family:arial;
font-size:13px;
line-height:111%;
font-weight:400;
width:560px;
padding:10px;
position:absolute;
}



#alltech_design_popupxxx
{
left:500px;
top:100px;
position:absolute;
}

#alltech_design_popup{
font-size:14px;
border-style: ridge;
padding:2% 3% 3% 3%;
top:120px;
right:20px;
/*/left:250px; */
visibility:hidden;
background:beige;
width: 200px;
height: 302px;
position:absolute;
z-index:41;
}




#rbd_footer{
left:-5px;
font-family:arial;
font-size:60%;
font-weight:400;
width:610px;
padding:10px;
position:absolute;
}

.question
{
color:white;	
font-weight: bold;
font-size:14px;
height:100px;
background-image: url('question.gif');
background-repeat: no-repeat;
background-position: 15px 2px;
}

.type_control
{
letter-spacing: -3px;
word-spacing:17px;
font-family:Kunstler Script;
font-size:56px;
font-weight: normal;
}

.xinput
{
   /*background-color: #ececec;  */
   background-color: white;
   opacity:0.9;
   font-family: arial;
   font-size: 10pt;
   color: #000000;
   border-style:ridge;
/*   background-image: url('question.gif');  */
   	/* for IE  
  filter:alpha(opacity=60);
/* CSS3 standard 
  	opacity:0.8;  */
  }
  
 
  
/* 
  
ul.joe
{
list-style-type: none;
padding: 0;
margin: 0;
text-align: left;
}

li.joe
{
/*line-height: 150%; 
background-image: url(../images/blue_bullet.gif);
background-repeat: no-repeat;
background-position: 0% 1.10em;
padding-right: .0em;
padding-left:1.8em;
padding-top:.84em;
}
*/
#color_ul{
left:0px;
background-color:none;
line-height: 110%; 
font-family: arial;
font-size:13px;
weight:500px;
width:700px;
height:400px;
position:absolute;
z-index: 1;
}





.p.big {
line-height: 500%;
}

.cssnav {
position: relative;
font-family: arial, helvetica, sans-serif;
background-image:  url(../homepage/buttonOver.gif);
background-repeat: no-repeat;
white-space: nowrap;
/*display: block; */
width: 129px;
height: 39px;
margin: 0;
padding: 0;
}

.cssnav a
{
/*display: block; */
color: #000000;
font-size: 14px;
width: 129px;
height: 39px;
display: block;
float: left;
font-weight:bold;
color: yellow;
text-decoration: none;
}

.cssnav img
{
width: 129px;
height: 41px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 22px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.place
{
position:absolute;
margin-left:800px;
margin-top:0px;
}


/* portfolio */

#portfolio_upper_text{
left:150px;
top:210px;
font-family:arial;
font-size:13px;
font-weight:400;
width:540px;
padding:10px;
position:absolute;
}

#bottom{
left:150px;
top:750px;
position:absolute;
}



/* web_port.asp  */

#web_port{
font-family:arial;
font-size:14px;
top:250px;
left:220px;
position:absolute;
}

/*brenda_goes_hollywood.asp */

#hollywood_port{
font-family:arial;
font-size:14px;
top:250px;
left:220px;
position:absolute;
}