/*  
CSS Written by Larry Han

*/

@charset "utf-8";
/* CSS Document */

/*Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%;}
/*because legend doesn't inherit in IE */
del,ins{text-decoration:none;}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

p {
	margin: 0 0 10px 0;
}

/*General*/

body.homepage  {	
		background: url(../images/bg_main.png) #d8d8d8 no-repeat top center;
		display:table;
		font-family:Verdana, Geneva, sans-serif;
		width:100%;
	  }

body.homepage-index  {	
		background: url(../images/bg_main3.png) #d8d8d8 no-repeat top center;
		display:table;
		font-family:Verdana, Geneva, sans-serif;
		width:100%;
	  }

body.page  {	
		background: url(../images/bg_page.png) no-repeat top center #d8d8d8 ;
		display:table;
		font-family:Verdana, Geneva, sans-serif;
		width:100%;
	  }
	  
#wrap {
		margin:0px auto 0px auto;
		position:relative;
		width:921px;
		
	  }
	  
#header {position:relative; height:475px;}

#header-index {position:relative; height:577px;}

#logo {
	    position:absolute;
		height:97px;
		width:337px;
		padding-top:15px;
		top:0px;
		left:0px;
		
 	  }
	  
#slogan-call {
		position:absolute;
		
		top:30px;
		right:0;
		padding-right:15px;
		text-align:right;
		width:500px;
		
	    
			  }

.slogan {
		font-family:Georgia, "Times New Roman", Times, serif; 
		font-size:23px; 
		font-style:italic;
		color: #777;
		font-weight:bold;
		position:relative;
		width:100%;
		
		
		}

#call {position:absolute; top:100px; left:-1px; background:url(../images/bg_call.jpg) repeat-x 0px -20px; width:300px; height:37px; border-top:1px dashed  #09F; padding-top:5px; padding-left:5px;}

ul#menu {
		left:230px;
		top:100px;
		position:absolute;
		width:693px;
		z-index:99999;
		
		
		}
		
 a:link{ text-decoration:none; color:#036;}

 a:active{ text-decoration: underline; color: #C00;}
 a:visited{color:#036; }
 a:hover{ text-decoration: underline; color: #C00;}

ul#menu {

margin:0;
margin-right:0px;
list-style-type:none;

height:42px;
}
ul#menu li {
float:left;
}
ul#menu li a {
background: url(../images/but_menu_bg.png) repeat-x;
display:block;
padding:11px 8px 11px;
font:bold 16px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#fff;
border-right:1px #009 solid;
}


ul#menu li a:hover {
background:  url(../images/but_menu_bg.png) repeat-x 0px -47px;
}

ul#menu li  a.left {
background:  url(../images/but_menu_left.png) no-repeat;
display:block;
padding:11px 8px 11px;
font:bold 16px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#fff;
border-right:1px #009 solid;
}

ul#menu li a.left:hover {
background:  url(../images/but_menu_left.png) no-repeat 0px -45px;
}
ul#menu li  a.right {
background:  url(../images/but_menu_right.png) no-repeat;
display:block;
padding:11px 8px 11px;
font:bold 16px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#fff;
border-right:1px #009 solid;
}

ul#menu li a.right:hover {
background:  url(../images/but_menu_right.png) no-repeat 0px -45px;
}


ul#menu li a#current {
background:url(/tutorials/web20_css_bar/current.gif) no-repeat center bottom;
color:#98CB00;
}	
	
h1#services{background: url(../images/services.gif)  no-repeat;  height:25px; text-indent:-9999px; margin:0px; margin-bottom:15px; position:relative; top:10px; left:15px;}	
h1#franchise{background: url(../images/franchiseopportunities.gif)  no-repeat;  height:25px; text-indent:-9999px; margin:0px; margin-bottom:15px; }
h1#college{background: url(../images/college.gif)  no-repeat;  height:54px; text-indent:-9999px; margin:0px; margin-bottom:5px; margin-top:10px; margin-left:15px;}
h1#contactus{background: url(../images/contactus.gif)  no-repeat;  height:25px; text-indent:-9999px; margin:0px; margin-bottom:15px;}
h1#index{background: url(../images/h1index.gif)  no-repeat;  height:25px; text-indent:-9999px; margin:0px; margin-bottom:15px;}

#top-content { position:relative;}

.call {font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; position:relative; width:210px; bottom:11px; color: #C00; font-weight:bold; letter-spacing:-1px;}

#intro-text { 
		position:absolute;
		top:143px;
		font-size:16px;
		padding:17px 0px 0px 10px;
		z-index:9999;
		
		
			
			}
#intro-text h1 {}
#intro-text p {display:block; width:440px;}

ul.allcontact {position:absolute; top:365px; width:445px; right:10px;  z-index:999999; font-size:16px;}

ul.allcontact li {
	display:block;
	padding:3px;
	border-bottom:1px solid #f3f2e8;
	overflow:hidden;
}

ul.allcontact li.current {

	border-bottom:1px solid  #999;

}
ul.allcontact li.callsentence {
	font-weight:bold;
	padding-top:10px;
	
}
ul.allcontact li:last-child {border-bottom:none;}

ul.allcontact li span {
	float:left;}

ul.allcontact li.current span {
	color:#900;
	font-size:105%;
}



ul.allcontact li em {
	float:right;}
	
ul.allcontact li.current em {
	color: #06C;
	 font-size:1.5em;
}
#intro-car {
		   background:url(../images/car.jpg) no-repeat 0px -10px;
		   
		   height:265px; 
		   margin-bottom:10px;
		   padding-right:35px;
		   
		   width:450px;
		   position:absolute;
		   top:130px;
		   right:10px;
		   
		   }

#intro-contact {
		   background:  url(../images/contact.jpg) no-repeat 20px -0px;
		  
		   height:250px;
		   margin-right:5px;
		   padding-right:35px;
		   width:450px;
		       position:absolute;
		   top:145px;
		   right:0px;
		   }

#intro-franchise {
		   background: url(../images/map.jpg) no-repeat 0px 0px;
		 
		   height:250px;
		   
		   margin-right:4px;
		   width:480px;
		    position:absolute;
		   top:145px;
		   right:0px;
		   
		   }

#intro-services {
		   background: url(../lowres/FotoliaComp_402099_j4RFCzIEXyHZWxlZMo7PhVxkYMIjXq.jpg) no-repeat 50px -30px;
		 
		   height:238px;
		  
		   padding-right:25px;
		   width:380px;
			 position:absolute;
		   top:160px;
		   right:0px;
		  
		   }

#intro-college {
		   background: url(../lowres/FotoliaComp_5862533_wQ6IJRVm6vLtub3aqirHc0AsUK3EfloS.jpg) no-repeat 10px -30px;
		 
		   height:200px;
		
		   width:335px; 
		   position:absolute;
		   top:180px;
		   right:20px;
		   
		   }


ul#introservices {
	
	margin-left:20px;
	
	float:left;
	width:260px;
	font-size:90%;
	
	
	}

ul#introservices li{
    padding-left:20px;
	background:url(../images/check.gif) no-repeat;
	margin-bottom:6px;

			}
				

ul#introcollege {
	margin-top: 10px;
	margin-left:20px;
	margin-bottom:10px;
	float:left;
	width:250px;
	font-size:90%;
	
	
	}

ul#introcollege li{
    padding-left:20px;
	background:url(../images/check.gif) no-repeat;
	margin-bottom:9px;

			}





#main-highlights {
			background:url(../images/bg_top_highlight.jpg) repeat-y;
			border-top:1px dashed #999;
			
			height:78px;
			width:919px;
			position:absolute;
			top:397px;
				}
				
#main-highlights-index {
			background:url(../images/bg_top_highlight.jpg) repeat-y;
			border-top:1px dashed #999;
			border-right:1px dashed #999;
			
			width:459px;
			position:absolute;
			top:897px;
				}

#main-highlights-index .main-highlight{
	display:block;
			height:65px;
			padding:15px 0px 10px 0px;
			text-align:center;
			width:459px;
}

#main-highlights .main-highlight {
			float:left;
			height:53px;
			padding:15px 0px 10px 0px;
			text-align:center;
			width:459px;
				}
				
#main-highlights-index .main-highlight p {
	
			
			padding:15px 0px 0px 15px;
			
			
	
}
#main-highlights  .main-highlight p {
			display:block;
			float:left;
			padding:15px 0px 0px 15px;
			
			margin-bottom:50px;
			
				}
#content { 
			background:url(../images/bg_content.jpg) repeat-x #fff;
			border-left:#FFF solid 2px;
			border-right:#FFF solid 2px;
			margin-top:11px;
			padding:25px 15px 0px 10px;
			width:890px;
			
	
	
		 }

#content p {font-size:90%; padding-bottom:10px; margin-bottom:0;}

h1.title {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; font-size:150%; padding-bottom:10px; padding-top:5px; padding-left:0px; color: #039}

#content h2 {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; font-size:140%; padding-bottom:10px; padding-top:15px; color: #039}

#content h3 {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; font-size:100%; padding-bottom:10px; padding-top:15px; color: #039; margin-left:15px;}

#content-page { 
			background:url(../images/bg_content.jpg) repeat-x #fff;
			
			margin-top:11px;
			padding:0px 15px 0px 15px;
			width:885px;
			margin-left:2px;
			
	
	
		 }

ul.lists {
	
	float:left;
	width:200px;
	font-size:90%;
	margin-right:20px;
	
	}

ul.lists li{
    padding-left:30px;
		
	background:url(../images/key.gif) no-repeat;
	
	border-bottom:1px dashed #CCC;

			}
ul.lists li a { display:block;padding:6px 10px 6px 10px;}			
ul.lists li a:hover {background-color: #F2F2F2;}
			
ul.lists2 {
	
	float:left;
	width:400px;
	font-size:85%;
	margin-right:20px;
	margin-left:20px;
	
	
	}

ul.lists2 li{
    padding-left:20px;
	background:url(../images/check.gif) no-repeat;
	margin-bottom:10px;
   
			}


.features {
	
	width:440px;
	margin:0px 0 30px 0px;
	border-right:1px dashed #CCC;
	float:left;
			}
.features2 {
	padding-left:15px;
	width:430px;
	float:left;
}
.heading {
	
	display:block;
	margin-bottom:20px;
}

.column {width:390px; float:left; margin-left:35px;}

#contact {}
#contact label { float:left;  width:130px; }
#contact input { float:left; width:200px; margin-bottom:20px; background: #EBEBEB; border:1px solid #999; color:#900; }

#contact textarea { width:250px; margin-bottom:20px; background:#EBEBEB;color:#900; border:1px solid #999 }

#contact textarea:focus, #contact input:focus {
	background: #fff ;
}

p.description {color:#666; font-size:12px!important;}

#contact #submit {float:right; margin-right:20px;}

#contact #submit {
float:right; margin-right:20px;
font-weight: bold;

color:#fff;
border: none;
width:160px; 
height: 30px;
line-height: 27px;
text-align: center;
background: url(../images/sendbutton.gif) no-repeat;
font-size:80%;
}

#footer {width:919px; background:url(../images/footer.png) no-repeat; height:60px; padding-top:20px;}


#footer ul {

width:900px;
list-style-type:none;	
float:right;
height:42px;

}
#footer ul li {
float:left;
}
#footer ul li a {
display:block;
padding:10px 15px 8px;
font:bold 16px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#fff;

}
#footer ul li a:hover {
text-decoration: underline;
}

#bottom {
	width:919px;
	margin:10px auto 10px auto;
	font-size:70%;	
	text-align:center;
	}

#bottom a {display:inline;}


#safes { border-collapse:collapse; border:1px solid #039;float:left; background-color: #EEE; margin-right:30px; margin-left:20px;}

.img {border:1px solid #999;}
.clear {clear:both;}
.fltlft {float:left;}
.fltrght {float:right;}

 blockquote p
{
padding: 0px 0px 0px 15px;
font-size: 1.1em;
float: left;
background: url(images/quote_down.gif) bottom right no-repeat;
width:300px;}

blockquote
{

padding:15px;
font-size: 0.8em;
background: url(../images/quote.gif) top left no-repeat ;
color:#300;
margin:10px 0px 0px 10px;
}

cite
{
	width:200px;
font-size: 0.7em;
float: right;
margin:10px 20px 0px 0px;

} 

.ad {text-align:center; padding:10px 0px 30px 0px; }

#collegetable {border-collapse:collapse; border:1px solid #069; float:right; margin-right:15px;}
#collegetable th {background-color:#069; color:#FFF; height:25px; font-weight:bold;}
#collegetable td {padding:3px;}
.smallred {font-size:70%; color:#900;}
.small {font-size:70%; display:block; padding:10px;}

.top {float:right; margin-right:15px; background:url(../images/top.gif) no-repeat 100px 0px; padding-right:35px; text-align:left; font-size:85%; cursor:pointer; margin-bottom:0px;}

.testimonials {
	background:url(../images/bg_testimonial.jpg) repeat-y;
	width:750px;
	
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	margin:10px auto 10px auto;
	clear:both;
	}
.left-quotes {
	float:left;
	background:url(../images/quote-right.gif) no-repeat top;
	width:30px;
	height:77px;
	}
.testi-texts {
	font-size:0.775em;
	float:left;
	text-align:justify;
	width:680px;
	padding-top:15px;
	padding-right:15px;
	padding-bottom:10px;
	background:url(../images/quote-left.gif) no-repeat right bottom;
	line-height:1.175em;
	letter-spacing:0.025em;
	color: #666;
	}

.testi-names {
	font-size:0.9em;
	width:700px;
	float:left;
	padding:10px 0 20px 35px;
	color: #06C;
}

p.ch { padding:0; line-height:1.4em; letter-spacing:1px;}