html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

@font-face {
    font-family: frankfurter;
    src:url(../fonts/LT_70200.ttf);
}

.float-left {float:left;}
.float-right {float:right;}


body {
	background:url(../images/bg.gif) repeat-x top #ea6c35;
}


body.red {
	background:url(../images/bg-red.gif) top repeat-x #b33b30;
}

body.blue {
	background:url(../images/bg-blue.gif) top repeat-x #77c0c3;
}

body.green {
	background:url(../images/bg-green.gif) top repeat-x #6fb31a;
}


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


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}


ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


.alphabet {
	
width:12.5%; height: 220px; font-size: 2em; text-align: center; float: left; top:0;

-webkit-transition: background-image 0.5s linear;
-moz-transition: background-image 0.5s linear;
-o-transition: background-image 0.5s linear;
transition: background-image 0.5s linear;

background-size:100% 220px;

}

.alphabet a {display:block; width:100%; height:100%;  }

.alphabet a:hover { cursor: url(hand.cur), default;}


@media (max-width: 2100px) {
  .alphabet {
  width:14.25%;
  }
}


@media (max-width: 1900px) {
  .alphabet {
  width:16.6666666666%;
  }
}


@media (max-width: 1600px) {
  .alphabet {
  width:20%;
  }
}

@media (max-width: 1280px) {
  .alphabet {
  width:25%;
  }
}
@media (max-width:960px) {
  .alphabet {
  width:33.333%;
  }
}
@media (max-width: 640px) {
  .alphabet {
  width:50%;
  }
  .contact-info {display:none;}

}
@media (max-width: 450px) {
  .alphabet {
  width:100%;
  background-size:330px 220px;
  }
  
  
  
  .contact-info {display:none;}
  
}


#logo { background:url(../images/Home.jpg) center no-repeat; }



#a { background:url(../images/A.gif) center no-repeat; 
}
 #a:hover { background:url(../images/Ahover.gif) center no-repeat;}
#b { background:url(../images/B.gif) center no-repeat; }
 #b:hover { background:url(../images/Bhover.gif) center no-repeat; }
#c { background:url(../images/C.gif) center no-repeat; }
 #c:hover { background:url(../images/Chover.gif) center no-repeat; }
#d { background:url(../images/D.gif) center no-repeat; }
 #d:hover { background:url(../images/Dhover.gif) center no-repeat; }
#e { background:url(../images/E.gif) center no-repeat; }
 #e:hover { background:url(../images/Ehover.gif) center no-repeat; }
#f { background:url(../images/F.gif) center no-repeat; }
 #f:hover { background:url(../images/Fhover.gif) center no-repeat; }
#g { background:url(../images/G.gif) center no-repeat; }
 #g:hover { background:url(../images/Ghover.gif) center no-repeat; }
#h { background:url(../images/H.gif) center no-repeat; }
 #h:hover { background:url(../images/Hhover.gif) center no-repeat; }
#i { background:url(../images/I.gif) center no-repeat; }
 #i:hover { background:url(../images/Ihover.gif) center no-repeat; }
#j { background:url(../images/J.gif) center no-repeat; }
 #j:hover { background:url(../images/Jhover.gif) center no-repeat; }
#k { background:url(../images/K.gif) center no-repeat; }
 #k:hover { background:url(../images/Khover.gif) center no-repeat; }
#l { background:url(../images/L.gif) center no-repeat; }
 #l:hover { background:url(../images/Lhover.gif) center no-repeat; }
#m { background:url(../images/M.gif) center no-repeat; }
 #m:hover { background:url(../images/Mhover.gif) center no-repeat; }
#n { background:url(../images/N.gif) center no-repeat; }
 #n:hover { background:url(../images/Nhover.gif) center no-repeat; }
#o { background:url(../images/O.gif) center no-repeat; }
 #o:hover { background:url(../images/Ohover.gif) center no-repeat; }
#p { background:url(../images/P.gif) center no-repeat; }
 #p:hover { background:url(../images/Phover.gif) center no-repeat; }
#q { background:url(../images/Q.gif) center no-repeat; }
 #q:hover { background:url(../images/Qhover.gif) center no-repeat; }
#r { background:url(../images/R.gif) center no-repeat; }
 #r:hover { background:url(../images/Rhover.gif) center no-repeat; }
#s { background:url(../images/S.gif) center no-repeat; }
 #s:hover { background:url(../images/Shover.gif) center no-repeat; }
#t { background:url(../images/T.gif) center no-repeat; }
 #t:hover { background:url(../images/Thover.gif) center no-repeat; }
#u { background:url(../images/U.gif) center no-repeat; }
 #u:hover { background:url(../images/Uhover.gif) center no-repeat; }
#v { background:url(../images/V.gif) center no-repeat; }
 #v:hover { background:url(../images/Vhover.gif) center no-repeat; }
#w { background:url(../images/W.gif) center no-repeat; }
 #w:hover { background:url(../images/Whover.gif) center no-repeat; }
#x { background:url(../images/X.gif) center no-repeat; }
 #x:hover { background:url(../images/Xhover.gif) center no-repeat; }
#y { background:url(../images/Y.gif) center no-repeat; }
 #y:hover { background:url(../images/Yhover.gif) center no-repeat; }
#z { background:url(../images/Z.gif) center no-repeat; }
 #z:hover { background:url(../images/Zhover.gif) center no-repeat; }          
 
 
#topnav {width:100%; border-bottom:1px solid #a64a22; font-family:frankfurter; background:#df7833; height:45px; zoom:1;}


.top-info {position:absolute; right:0px; top:0px; color:#fff; padding:14px 25px 14px 10px; font-size:90%; text-align:right; font-family:frankfurter;}
.top-info a {text-decoration:none; color:#fff;}
.top-info a:hover {text-decoration:underline; color:#fff;}

.clear {clear:both;}



/* iPad [portrait + landscape] */
@media only screen and (device-width: 768px) {
#a { background:url(../images/Ahover.gif) center no-repeat; }
#b { background:url(../images/Bhover.gif) center no-repeat; }
#c { background:url(../images/Chover.gif) center no-repeat; }
#d { background:url(../images/Dhover.gif) center no-repeat; }
#e { background:url(../images/Ehover.gif) center no-repeat; }
#f { background:url(../images/Fhover.gif) center no-repeat; }
#g { background:url(../images/Ghover.gif) center no-repeat; }
#h { background:url(../images/Hhover.gif) center no-repeat; }
#i { background:url(../images/Ihover.gif) center no-repeat; }
#j { background:url(../images/Jhover.gif) center no-repeat; }
#k { background:url(../images/Khover.gif) center no-repeat; }
#l { background:url(../images/Lhover.gif) center no-repeat; }
#m { background:url(../images/Mhover.gif) center no-repeat; }
#n { background:url(../images/Nhover.gif) center no-repeat; }
#o { background:url(../images/Ohover.gif) center no-repeat; }
#p { background:url(../images/Phover.gif) center no-repeat; }
#q { background:url(../images/Qhover.gif) center no-repeat; }
#r { background:url(../images/Rhover.gif) center no-repeat; }
#s { background:url(../images/Shover.gif) center no-repeat; }
#t { background:url(../images/Thover.gif) center no-repeat; }
#u { background:url(../images/Uhover.gif) center no-repeat; }
#v { background:url(../images/Vhover.gif) center no-repeat; }
#w { background:url(../images/Whover.gif) center no-repeat; }
#x { background:url(../images/Xhover.gif) center no-repeat; }
#y { background:url(../images/Yhover.gif) center no-repeat; }
#z { background:url(../images/Zhover.gif) center no-repeat; }

.alphabet {
  width:50%;
  height:320px;
  background-size:100%;
  }
  
  body {
	background:#df7833;
}

}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
#a { background:url(../images/Ahover.gif) center no-repeat; }
#b { background:url(../images/Bhover.gif) center no-repeat; }
#c { background:url(../images/Chover.gif) center no-repeat; }
#d { background:url(../images/Dhover.gif) center no-repeat; }
#e { background:url(../images/Ehover.gif) center no-repeat; }
#f { background:url(../images/Fhover.gif) center no-repeat; }
#g { background:url(../images/Ghover.gif) center no-repeat; }
#h { background:url(../images/Hhover.gif) center no-repeat; }
#i { background:url(../images/Ihover.gif) center no-repeat; }
#j { background:url(../images/Jhover.gif) center no-repeat; }
#k { background:url(../images/Khover.gif) center no-repeat; }
#l { background:url(../images/Lhover.gif) center no-repeat; }
#m { background:url(../images/Mhover.gif) center no-repeat; }
#n { background:url(../images/Nhover.gif) center no-repeat; }
#o { background:url(../images/Ohover.gif) center no-repeat; }
#p { background:url(../images/Phover.gif) center no-repeat; }
#q { background:url(../images/Qhover.gif) center no-repeat; }
#r { background:url(../images/Rhover.gif) center no-repeat; }
#s { background:url(../images/Shover.gif) center no-repeat; }
#t { background:url(../images/Thover.gif) center no-repeat; }
#u { background:url(../images/Uhover.gif) center no-repeat; }
#v { background:url(../images/Vhover.gif) center no-repeat; }
#w { background:url(../images/Whover.gif) center no-repeat; }
#x { background:url(../images/Xhover.gif) center no-repeat; }
#y { background:url(../images/Yhover.gif) center no-repeat; }
#z { background:url(../images/Zhover.gif) center no-repeat; }

.alphabet {
  width:100%;
  height:640px;
  background-size:100%;
  }

}

#container {margin:0; padding:0;}

#content {}
#content-lower 

{
width:1000px; 
margin:30px auto; 
font-family:Arial, Helvetica, sans-serif;
background:#fff;
-webkit-box-shadow:0 0 20px #000;
-moz-box-shadow:0 0 20px #000;
box-shadow:0 0 20px #000;
}

#content-lower.jigsaw {background:url(../images/bg-jigsaw) top no-repeat #fff;}

#header {padding:30px 20px 20px 20px;}
#header.bg1 {background:url(../images/bg-header1.jpg) top right no-repeat;}
.header-logo {float:left; width:380px; padding:0 10px;}
.header-title {float:left; width:400px; margin-top:70px; font-size:250%; color:#fff; font-family: frankfurter; text-shadow:0 0 5px #000;}

#nav {background:#ef7900;}

#nav ul {margin:0 auto; padding:8px 0;; list-style:none; margin-left:40px;}

#nav ul li {margin:0; padding:0; font-size:120%; display:inline; }

#nav ul li a 
{
padding:12px 15px;
margin:0;
border-radius:5px;	
color:#fff; font-family: frankfurter; 
text-decoration:none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}

#nav ul li a:hover {
	background:#6fb31a;
}

#nav ul li a.selected {
	background:#db1c09;
}

#main {padding:40px; }

.main-column-left {float:left; width:350px;}
.main-column-right {float:right; width:560px;}
.main-column-full { }


.box-text {margin:0 10px; }
.box-text-address {color:#666666; font-family: frankfurter; font-size:140%; }

.box-white {
	font-family:Arial, Helvetica, sans-serif;
	background:#fff; 
	padding:30px;
	border:1px solid #ccc;
	margin-bottom:40px;
	border-radius:15px;
	 
	/*
	
	box-shadow: 0 0 12px #aaa;
	*/
	
	}
	
	
.box-white-textarea {
	padding:10px 0 40px 0;
	}	
	
.greenline {	
	background:url(../images/bg-greenline.png) bottom no-repeat;
}

.orangeline {	
	background:url(../images/bg-orangeline.png) bottom no-repeat;
}

#main h2 {
	font-family: frankfurter;
	color:red;
	font-size:200%;
	}	

#main h3 {
	font-family: frankfurter;
	color:#6fb31a;
	font-size:130%;
	font-weight:normal;
	}	
	
.box-images img{
	float:left;
	margin:15px;
	padding:10px;
	background:#fff;
	border:1px solid #ddd;
	}	
	
.box-white .inputbox { 
	background:#d3dfdf;
	border-radius:8px; 
	padding:8px;
	color:#427e80;
	width:480px;
	font-size:100%;
	margin-bottom:10px;
	border:1px inset #c3cece;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	
.blog-item {padding:20px 0 30px 0; }
.blog-item-image {float:left; width:270px; }
.blog-item-image img {border:1px solid #ccc; padding:5px;}
.blog-item-text {float:right; width:610px;}




#footer {padding:30px 0; text-align:center; background:#000; color:#fff; }

img.right {float:right; margin:0 0 20px 20px; background:#fff; border:1px solid #ccc; padding:5px;}
img.left {float:left; margin:0 20px 20px 0; background:#fff; border:1px solid #ccc; padding:5px;}


/*
#footer ul {margin:0 auto; padding:40px 0; list-style:none;}
#footer ul li {margin:0; padding:0 15px; font-size:120%; display:inline; }
#footer ul li a {color:#ff0000; font-family: frankfurter; text-decoration:none;}
#footer ul li a:hover {text-decoration:underline;}
*/


/* jQuery roundabout */

	ul.roundabout-holder {
	  margin-bottom:50px;
	  margin-left:160px;
      list-style: none;
      padding: 0;
      height: 400px;
      width: 500px;	  
   }
   
   .roundabout-moveable-item {
      height: 350px;
      width: 400px;
      cursor: pointer;
   }
   
   .roundabout-in-focus {
      cursor: auto;
   }
   
   .text-grey {color:#999;}
   
.quote { 
	background:#db1c09; 
	color:#fff;
	padding:15px;
	border-radius:10px;
}

.quote h3{ 
	color:#fff!important;
	margin-bottom:10px;
}

.submit {
	background:#FF0000;
	border-radius:5px;
	color:#fff;	
	padding:7px 20px;
	border:2px solid #C00;
	font-weight:bold;
	font-size:16px;
}

.submit:hover {
	background:#df7833;
	cursor:pointer;
	border:2px solid #c26323;
}