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


body {
	min-width: 100%;
	font-family:Helvetica, Arial, "Trebuchet MS", sans-serif;
	font-size:14px;
	color:#1b1b1b;
	background: #F1F1F1;
}
html, body, div, h1, h2, h3, h4, h5, h6, p, img, dl, dt, dd, ol, ul, li, table, tr, td, form, object, embed, article, aside, content, details, fieldset, figcaption, figure, footer, group, header, hgroup, legend, , menu, meter, nav, output, progress, section, summary, time, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	color:#b91515;
	text-decoration:none;
/*	border-bottom:dashed #b91515 thin; */
}
a:hover {
	color:#303070;
/*	border-bottom:dashed thin #333; */
}
img {
	max-width:100%;
}


.slideThumb {
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	
}


.slides  a {
	border: none;
}





#wrapper { 
	max-width:800px;
	width:auto;
	margin: 0 auto;
	border: thin solid black;
	background:#FFF;
	position:relative
}

#wrapper #header{
	background:#0CF;
	height:150px;
	background:url(/layout/header-bg.jpg);
	background-size:101%;
}
#wrapper #header #banner #logo {
	font-size: 72px;
	color: #2f306e;
	font-family:"Arial Black", Arial, sans-serif;
	max-width:550px;
	width:auto;
	float:left;
	padding-left:10px;
	background-repeat:no-repeat;
	text-shadow: 1px 1px #000;
}

#wrapper #header #banner #logo .llc {
	font-size: 36px;
	color: #2f306e;
	font-family:"Arial Black", Arial, sans-serif;
}

#wrapper #header #banner #logo a {
	border-bottom:none;
	color:#2f306e;
}



#wrapper #apDiv2 #contactBox {
	text-align:center;
	float:right;
	max-width: 180px;
	width:auto;
	background:url(/layout/top-tab2.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#wrapper #apDiv2 #contactBox a {
	color: #b91515;
	border:none;
}

#wrapper #apDiv2 #contactBox a:hover {
	color:#303070;
}

#wrapper #apDiv2 #contactBox #contactMenu {
	background: #333;
	background: url(/layout/top-tab1.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 100%;
	height: 30px;
	max-height: 30px;
	padding: 0;
	text-align: center;
}
#wrapper #apDiv2 #contactBox #contactMenu ul {
	margin: 0;
	padding: 7px 0;
}
#wrapper #apDiv2 #contactBox #contactMenu ul li {
	display: inline;
	list-style-type: none;
}

#wrapper #apDiv2 #contactBox #contactMenu ul li a {
	font-size: 14px;
	color: #f3f3f3;
	text-decoration: none;
	padding: 0 6px;
	margin:0;
}
#wrapper #apDiv2 #contactBox #contactMenu ul li a:hover {
	color: #fbce5b;
	border-bottom: none;
}

.page #wrapper #content {
	max-width:670px; float:right;
}

.page #wrapper #content .section {
	margin: 0 10px 0 10px;
}






#wrapper #content .section {
	color: #2f306e;
	background-color: #fff;
	text-align:center;
	padding:0;
	border: #eceadf 10px solid;
	margin: 10px 10px 0 10px;
}

#wrapper #content .section p{
	padding:0 10px;
	text-align:justify;
	color:#1b1b1b;
	font-size:14px;
	margin: 10px 0;
	line-height:120%;
}

#wrapper #content .section h1 {
	font-size: 36px;
	color: #2f306e;
	background-color: #eceadf;
	text-align:center;
	padding: 0 0 5px 0;
	margin:0;
	text-shadow: 1px 1px #fff;
}
#wrapper #topMenu, #footer {
	background: url(/layout/main-menu-bg.jpg);
	background-repeat: repeat-x;
	color: #f3f3f3;
	width:100%;;
}


#wrapper #topMenu {
	font-size: 18px;
	color: #f3f3f3;
	width:100%;
	height:44px;
	padding:8px 0 0 0;
	height:44px
}

#wrapper #topMenu #serviceHdr {
	float:left;
	margin-left: 50px;
	padding: 3px 0 0 0;
}
#wrapper #topMenu ul {
	float:left;
	padding: 2px 0 0 20px;
	margin:0;
	width:auto;
}


#wrapper #topMenu ul li {
	display: inline;
	list-style-type: none;
	float:left;
}
#wrapper #topMenu ul li a {
	color: #f3f3f3;
	text-decoration: none;
	padding: 5px 15px;
	margin:0;
	border-bottom: none;
}
#wrapper #topMenu ul li a:hover {
	background:url(/layout/menu-hover-bg.jpg);
	background-repeat:repeat-x;
	color:#2f306e;
	border-bottom: none;
}

#sidemenu {
	font-size: 18px;
	color: #f3f3f3;
	position: absolute;
	width: 120px;
	background: url(/layout/side-menu-bg.jpg);
	background-repeat:no-repeat;
	height: 280px;
	text-align:center;	
	padding-top:12px;
}
#sidemenu ul {
	padding: 5px 0 0 0;
	margin:0;
}
#sidemenu ul li {
	font-size:16px;
	text-align:center;	
	list-style-type: none;
	padding:14px 0 0 0;
	margin: 0 2px;
	line-height:95%;
	height:18px;
}
#sidemenu ul li a {
	text-decoration: none;
	color: #e9e9e9;
	width:116px;
	border-bottom: none;
}
#sidemenu ul li a:hover {
	color:#fbce5b;
	border-bottom: none;
}

.m1, .m2, .m3, .m4, .m5 {
	margin: 0 4px;
	width: 107px;
	
}
.m1 {
	background: url(/layout/menu-tab1.jpg);
	max-height: 27px;
	padding: 6px 0;
}

.m2 {
	background: url(/layout/menu-tab2.jpg);
	max-height: 27px;
	padding: 6px 0;
}

.m3 {
	background: url(/layout/menu-tab3.jpg);
	max-height: 27px;
	padding: 6px 0;
}

.m4 {
	background: url(/layout/menu-tab4.jpg);
	max-height: 27px;
	padding: 6px 0;
}

.m5 {
	background: url(/layout/menu-tab5.jpg);
	max-height: 56px;
	padding: 6px 0;
}


#wrapper #content #main img {
	border: 10px solid #ECEADF;
}


#wrapper #content #main .slides img {
	border-bottom:30px solid #ECEADF;
}




.m1,  .m2, .m3, .m4, .m5 { 
	cursor: pointer;
	cursor: hand;
}




/* to add captions to the photos that have lightbox effect */
#images{
    text-align:center;
}
#images a{
    margin:0px 20px;
    margin:0;
    display:inline-block;
    text-decoration:none;
	color:#b91515;
	border:none;
}
#images span{
    margin:0px 20px;
    margin:0;
    display:inline-block;
    text-decoration:none;
	color:#b91515;
	border:none;
}
#images a:hover{
    color:black;
}
.caption {margin-bottom:20px;
}


/* ---- */



.imageLeft { border: solid 10px #ECEADF; margin-right: 10px;}
.imageRight { border: solid 10px #ECEADF; margin-left: 10px;}

#wrapper #content #slider {
	margin-top: 0px;
	float: right;
	max-width: 680px;
	width: auto;
	max-height: 280px;
}



#apDiv1 { 
	z-index: 100;
	width: auto;
	top: 148px;
	left: 10px;
	position: absolute;
	float: left;
}

#apDiv2 { 
	z-index: 100;
	width: auto;
	top: 0;
	right: 0;
	position: absolute;
	float: left;
}


#wrapper #footer {
	margin-top:10px;
	padding:0 0 0 0;
	height:44px;
	font-size:12px;
	text-align:right
}
#wrapper #footer p{
	margin-right:10px;
	margin-bottom:5px;
	padding:16px 0 0 0;
}


#wrapper #header #banner #contactBox p {
	font-weight: normal;
	color: #2F306E;
	font-size: 16px;
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 18px;
}

#jumpMenu {
display: block;
width: 98%;
}
#wrapper #tinytopMenu {display:none;}
#wrapper #tinytopMenu select { 
	padding: 5px;
	font-size: 16px;
	height: 34px;
	border: 1px solid #ccc;
}
#wrapper #topMenu {display:block; height:44px;}




--------------------------------------------- */

@media (max-width: 1000px) {	
	
	
#wrapper #topMenu {display:none !important; height:0}
#wrapper #apDiv1 {display:none !important; height:0}	
#wrapper #tinytopMenu {display:block ; height:auto !important;}
#wrapper #topMenu ul { height:20px;}
#wrapper #topMenu #serviceHdr { height:0;}

#wrapper #header #banner #logo {font-size: 46px; max-width: 70%;}
	
}


@media (max-width: 800px) {	
#wrapper {width:90%;}
#wrapper #topMenu {display:none !important;; }
#wrapper #apDiv1 {display:none !important;}
#wrapper #tinytopMenu {display:block ; height:auto !important;}
#wrapper #topMenu ul { height:20px;}
#wrapper #topMenu #serviceHdr { display:none}
	
#wrapper #header #banner #logo {font-size: 32px; max-width: 50%;}
#wrapper #tinytopMenu select { 
	padding: 5px;
	font-size: 24px;
	height: 34px;
	border: 1px solid #ccc;
}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#wrapper {width:90%;}
#wrapper #topMenu { display:none;}
#wrapper #apDiv1 {display:none;}
#wrapper #tinytopMenu {display:block ; font-size: 32px; height:auto !important;}
#wrapper #topMenu ul { height:20px;}
#wrapper #topMenu #serviceHdr {display:none;}
	
#wrapper #header #banner #logo {font-size: 32px; max-width: 50%;}

#wrapper #tinytopMenu select { 
	padding: 5px;
	font-size: 32px;
	height: 34px;
	border: 1px solid #ccc;
}
/*body {font: 150%;}*/
#content .section p {font: 32px; !important;}

}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */

}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
#wrapper {width:70%;}
#wrapper #topMenu { display:none;}
#wrapper #apDiv1 {display:none;}
#wrapper #tinytopMenu {display:block; height:auto !important;}
#wrapper #topMenu ul {display:none;}
#wrapper #topMenu #serviceHdr {display:none;}
	
#wrapper #header #banner #logo {font-size: 32px; max-width: 50%;}

body {font: 150%;}
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}