/* CSS Document */

#basic_page {
	position:relative;
	top:2px;
	width:900px;
	height:auto;
	z-index:2;
	background-color: #000033;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	text-decoration: none;
	visibility: visible;
	margin-left:auto;
	margin-right:auto;
}

#basic_page_lev2 {
	position:relative;
	/*position:absolute;	*/
	top:2px;
	width:900px;
	height:1135px;
	/*height:auto;*/
	/*z-index:2;*/
	background-color: #000033;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	text-decoration: none;
	visibility: visible;
	margin-left:auto;
	margin-right:auto;
}

body {
	background-color: #000033;
	text-decoration: none;
}
		/* *********** *********** */

.mobile-hidden{display:block;}
.desktop-hidden{display: none;}
.desktop-on{display:block; visibility: visible;}
/*a:link {color: #cccccc; text-decoration: underline;list-style: none;}
a:visited {text-decoration: none; color: #cccccc;} 
a:hover {text-decoration: none; color: #666666;}
a:active {text-decoration: underline; color: #cccccc;}*/

		/* *********** *********** */
p span.bigtext {
	font-size:200%;
}
#bigtext {
	font-size:200%;
}

#align-img {
	width:100%;
	height:auto;
	text-align:center;}

#title_pos {
	position:absolute;
	width:250px;
	height:auto;
	z-index:45;
	font-family: verdana;
	font-size: 9px;
	color: #cccccc;
	text-decoration: none;
	top: 0px;
}

#title_pos_2 {
	position:relative;
	/*position:absolute; */
	width:250px;
	height:10px;
	left:425px;
	z-index:45;
	font-family: verdana;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	top: 0px;
}

#title_pos img {margin-right:50px;}


#box1 {							/* 1st Column positional data */
	/*position:relative;*/
	position:absolute;
	left:-1px;
	top:60px;
	width:200px;
	height:auto;
	background-color: #000033;
	text-decoration: none;
	color: #aaaaaa;	 /* the colour of the text in box 1 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	word-spacing: 0px;
	text-align: left;
	text-indent: 0px;
	visibility: visible;
	border: 1px solid #1d4e5e;
	letter-spacing: 0px;
	line-height: 18px;
	font-style: normal;
	padding: 0px;
	border-radius: 5px;	
}

#box-1-pos-2 {
	position:relative;	
	width:200px;
	height:auto;
	z-index:36;
	left: 5px;
}

#box-1-pos-3 {
	/*position:absolute;*/
	position:relative;	
	width:200px;
	/*height:115px;*/
	height:auto;
	/*z-index:36;*/
	left: 2px;
	/*top: 520px;*/
}

#box2 {			/* 2nd Column positional data */
	position:absolute;
	width:200px;
	/*height:721px;*/
	height:auto;
	/*z-index:38;*/
	background-color: #000033;	
	left: 300px;
	top: 60px;
	border: 1px solid #1d4e5e;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	text-decoration: none;
	color: #aaaaaa;	 /* the colour of the text in box 2 */
	font-style: normal;
	word-spacing: 0px;
	text-align: left;
	text-indent: 0px;
	letter-spacing: 0px;
}

#aw_home_text {
	/*position:absolute;*/
	position:relative;		
	width:200px;
	/*height:115px;*/
	height:auto;	
	z-index:5;
	left: 5px;
	/*top: 315px;*/
}

#page2_box2 {			/* 2nd Column positional data - page2 */
	position:absolute;
	/*position:relative;	*/
	width:499px;
	height:auto;
	/*height:670px;*/
	left: 300px;
	top: 60px;
	border: 1px solid #1d4e5e;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	text-decoration: none;
	color: #aaaaaa;	 /* the colour of the text in box 2 */
	font-style: normal;
	word-spacing: 0px;
	text-align: left;
	text-indent: 0px;
	letter-spacing: 0px;
	border-radius: 5px;		
}

#page_2_box2_pos-1 {
	position:relative;
	/*position:absolute;
	z-index:3; */
	width:450px;
	height:auto;
	/*height:115px; */
	left: 0px;
	top: 10px;
}

#page_2_box2_pos-2 {
	position:relative;
	float: left;
	z-index:3;
	left: 24px;
	top: 50px;
}

#page2_box2_gallery {			/* 2nd Column positional data - page2 */
	position:absolute;
	width:500px;
	height:auto;
	z-index:38;
	left: 300px;
	top: 60px;
	border: 1px solid #1d4e5e;
	padding: 10px 0px 50px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	text-decoration: none;
	color: #aaaaaa;	 /* the colour of the text in box 2 */
	font-style: normal;
	word-spacing: 0px;
	text-align: left;
	text-indent: 0px;
	letter-spacing: 0px;
}

#page2_box2_long {			/* 2nd Column positional data - page2 long box*/
	position:relative;
	/*position:absolute; */
	width:500px;
	height:auto; 
	/*z-index:38;
	z-index:3;*/
	left: 300px;
	top: 50px;
	border: 1px solid #1d4e5e;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	text-decoration: none;
	color: #aaaaaa;	 /* the colour of the text in box 2 */
	font-style: normal;
	word-spacing: 0px;
	text-align: left;
	text-indent: 0px;
	letter-spacing: 0px;
}


#box3 {			/* 3rd Column positional data */
	position:absolute;
	/*position:relative;	*/
	width:200px;
	/*height:721px;
	z-index:41;*/
	height:auto;	
	left: 600px;
	top: 60px;
	border: 1px solid #1d4e5e;
	padding: 5px;
	color: #aaaaaa;	 /* the colour of the text in box 3 */
	letter-spacing: 0px;
	text-align: left;
	text-indent: 0px;
	word-spacing: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
}

#box-3-pos-1 {
	/*position:absolute;*/
	position:relative;	
	width:200px;
	/*height:115px;*/
	height:auto;
	/*z-index:3;
	top: 145px;
	left: 5px;*/
}

#box-3-pos-2 {
	/*position:absolute;*/
	position:relative;
	width:200px;
	/*height:115px;*/
	height:auto;	
	/*z-index:3;
	top: 310px;
	left: 6px;*/
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #aaaaaa;	  the colour of the text in box 3 
	text-decoration: none;*/
}

#box-1-pos-2b {
	position:absolute;
	width:200px;
	height:396px;
	z-index:40;
	left: 5px;
	top: 460px;
}


#box-1-pos-4 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:3;
	left: 2px;
	top: 490px;
}

#box-2-pos-1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:3;
	left: 2px;
	top: 15px;
}

#smilepage_box2_pos-1 {
	position:relative;
	/*position:absolute;*/
	float: left;
	/*z-index:3;*/
	/*left: 20px;*/
	/*top: 380px;*/
	text-align:left;
}

#smilepage_box2_pos-2 {
	position:relative;
	/*position:absolute;*/
	float: right;
	/*z-index:3;*/
	/*top: 380px;
	left: 20px;*/
}

/*#Qpage_box1_pos-1 {
	position:absolute;
	float: left;
	left: 20px;
	top: 140px;
}

#Qpage_box1_pos-2 {
	position:absolute;
	float: left;
	left: 260px;
	top: 140px;
}

#Qpage_box2_pos-1 {
	position:absolute;
	float: left;
	left: 20px;
	top: 435px;
}

#Qpage_box2_pos-2 {
	position:absolute;
	float: left;
	left: 260px;
	top: 435px;
} */

.gallery_image {
	position:relative;
	float: left;
	/*margin-right:50px;*/
	left:200px;
	
}
#aw_2nd_level_text {
	position:absolute;
	width:500px;
	height:115px;
	z-index:5;
	left: 6px;
	top: 60px;
}


#testimonial_1_text1_left {
	position:relative;
	width:290px;
	height:auto;
	float: left;
	left: 5px;
}
#testimonial_1_text1_right {
	position:absolute;
	width:290px;
	height:auto;
	left: 180px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	top: 42px;
}

#testimonial_1_text2_left {
	position:relative;
	width:290px;
	height:auto;
	left: 5px;	
}
#testimonial_1_text2_right {
	position:absolute;
	width:290px;
	height:auto;
	left: 180px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	top: 215px;
}
#testimonial_1_text3_left {
	position:relative;
	width:290px;
	height:auto;
	left: 5px;
}

#testimonial_1_text3_right {
	position:absolute;
	width:320px;
	height:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	left: 180px;
	top: 330px;
}

#testimonial_1_text4_left {
	position:relative;
	width:290px;
	height:auto;
	left: 5px;
}

#testimonial_1_text4_right {
	position:absolute;
	width:290px;
	height:auto;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	left: 180px;
	top: 512px;
}
#testimonial_more_text_left {
	position:relative;
	width:290px;
	height:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
}
	/* ****** End of Testimonial 1 page ****** */

#testimonial_2_text1_left {
	position:relative;
	width:290px;
	height:auto;
	left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	top: 5px;
}

#testimonial_2_text1_right {
	position:relative;
	width:290px;
	height:auto;
	left: 180px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	top: -22px;	
}

#testimonial_2_text2_left {
	position:relative;
	width:290px;
	height:auto;
}

#testimonial_2_text2_right {
	position:relative;
	width:290px;
	height:auto;
	left: 180px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	top: -27px;
}
	/* ****** End of Testimonial 2 page ****** */
	
#testimonial_3_text1_left {
	position:relative;
	width:290px;
	height:auto;
	left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	top: 5px;
}

#testimonial_3_text1_right {
	position:relative;
	width:290px;
	height:auto;
	top: -22px;
	left: 180px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
}

#testimonial_3_text2_left {
	position:relative;
	width:290px;
	height:auto;
	z-index:5;
	left: 5px;
}

#testimonial_3_text2_right {
	position:relative;
	width:290px;
	height:auto;
	left: 180px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	top: -27px;
}


#testimonial_3_text3_left {
	position:relative;
	width:290px;
	height:auto;
	z-index:5;
	left: 5px;
}

#testimonial_3_text3_right {
	position:relative;
	width:290px;
	height:auto;
	left: 180px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	top: -27px;
}

#testimonial_3_text4_left {
	position:relative;
	width:290px;
	height:auto;
	z-index:5;
	left: 5px;
}

#testimonial_3_text4_right {
	position:relative;
	width:290px;
	height:auto;
	z-index:5;
	left: 190px;
	top: -27px;
}
	/* ****** End of Testimonial 3 page ****** */

.bigtextwhite {
	FONT-SIZE: 18px;
	color: #eeeeee;
	padding: 4px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	letter-spacing: .1em;
	}
.middletextwhite {
	FONT-SIZE: 14px;
	color: #eeeeee;
	padding: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	letter-spacing: .1em;
	}
	
.standardtextwhite {
	FONT-SIZE: 12px;
	color: #eeeeee;
	padding: 4px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	letter-spacing: .1em;
	}		
.smalltextwhite {
	FONT-SIZE: 10px;
	color: #eeeeee;
	padding: 4px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	letter-spacing: .1em;
	}
pre {
	FONT-SIZE: 10px;
	color: #aaaaaa;
	font-family: Lucinda Console, Monaco, Courier, monospace, sans-serif;
	TEXT-DECORATION: none;
	letter-spacing: .1em;
	}	
#footer {
	position:relative;
	left:-2px;
	top:800px;
	width:900px;
	height:40px;
	z-index:24;
	text-decoration: none;
	visibility: visible;
}
#footer ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-decoration: none;
}
#footer li {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 10px;
	text-decoration: none;
	padding-right: 0px;
	height: 0px;
	margin: 7px;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

				/* style the main menu */
.myMenu {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	z-index:1003;
	font-family: Verdana, Arial, Helvetica, sans-serif; }
.myMenu li {
	list-style:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:8px; /*  this puts a gap between each link */
	-webkit-transition-timing-function:all 50ms ease-in;
	-o-transition:all 50ms ease-in;
	-moz-transition:all 50ms ease-in; }
.myMenu li a:link, .myMenu li a:visited {
	background-color:#000033;
	margin-left:5px;/* this is the margin of the links from the left */
	color:#cccccc; /* this is the color of the links text before hover */ }
.myMenu li a:hover {
	background-color:#666;
	text-decoration:none;	
	color:#cccccc;  /* this is the color of the links text during hover */	
	-webkit-transition-timing-function:all 50ms ease-in;
	-o-transition:all 50ms ease-in;
	-moz-transition:all 50ms ease-in; }
	
                   /*** style the sub-menu ***/
.myMenu li ul {
	position:absolute;
	overflow:inherit;
	clear:both;
	list-style-type:none;
	visibility:hidden;
	border-top:1px #929292;
	margin:0;
	padding:0;
	-webkit-transition-timing-function:all 100ms ease-in;
	-o-transition:all 100ms ease-in;
	-moz-transition:all 100ms ease-in; }

.myMenu li ul li {
	display:inline;
	float:none;
	font-size:11px;
	/*left:0;width:100px;padding:15px 0 0 0;*/
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in; }

.myMenu li ul li a:link, .myMenu li ul li a:visited {
	background-color:#c8c8c8;    /* this is the color of the sub-menu background before hover */
	width: auto;				/* this is the width of the sub-menu background box during hover */
	line-height:1;
	font-size:11px;
	color:#484848;     /* this is the color of the sub-menu text before hover */
	border-bottom:1px solid #929292;
	margin:0;
	-webkit-transition-timing-function:all 100ms ease-in;
	-o-transition:all 100ms ease-in;
	-moz-transition:all 100ms ease-in; }

.myMenu li ul li a:hover {
	font-size:11px;
	color:#484848;	/* this is the color of the sub-menu text at hover */
	background-color:#d8d8d8; /* this is the color of the sub-menu background at hover */
	border-bottom:1px solid #929292;
	margin:0;
	-webkit-transition-timing-function:all 100ms ease-in;
	-o-transition:all 100ms ease-in;
	-moz-transition:all 100ms ease-in; }
				/* end of style the sub menu */

/* this removes the default blue border displayed in some browsers around an image when it is linked */
a img {border: none;}

/* Your site's links must remain in this order - including the group that create the hover effect. ~~ */
/* unless you style your links to look unique, provide underlines for quick visual identification */
a:link, a:visited{color:#cccccc; text-decoration:underline;}
 /* this group will give a keyboard navigator the same hover experience as the person using a mouse. */
a:hover, a:active, a:focus {color: #eeeeee; text-decoration: none;}
