/* CSS Document */

html, body { 
margin: 0; padding: 0; background-color: #f2f8ff;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #03256a; }

body {
background-image: url(../../images/CG-headertile.jpg);
background-repeat: repeat-x; }

a { color: #bf0308; }
a:hover { color: #666; }

/*.hometext, .hometext p { font-size: 16px; line-height: 30px; }
*/

img {}
.scaps { text-transform: capitalize; }
#red { color: #bf0308; }
#blue { color: #03256a; } 

h1 { font-size: 32px; font-style: italic; color: #03256a; margin: 15px 0 12px 0; }
h2 { font-size: 26px; font-style: italic; color: #bf0308; margin: 15px 0 12px 0; }
h3 { font-size: 20px; font-style: italic; color: #bf0308; margin: 20px 0 0 0; }

.h1 { font-size: 26px; font-style: italic; color: #03256a; margin: 15px 0 12px 0; }
.h2 { font-size: 28px; font-style: italic; color: #bf0308; margin: 15px 0 12px 0; }

#aside h1 { font-size: 26px; font-style: italic; border-bottom: 1px #bf0308 solid; color: #bf0308; margin-top: 15px; }
#aside h2 { font-size: 22px; font-style: italic;  margin: 0; }
#aside h3 { font-size: 16px; font-style: italic;  margin: 3px 0 0 0; }

p { padding: 8px 10px 8px 5px; line-height: 18px; }

.cite {  padding: 5px 10px; width: 525px; position: relative; margin: 10px 20px; line-height: 18px; font-size: 14px; color: #333;
border: 1px #9ba6ad solid; text-align: center;
background-color: #d3e8ff;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */  }
.cite2 {
	padding: 5px 10px;
	position: relative;
	margin: 10px 50px;
	line-height: 18px;
	font-size: 14px;
	color: #333;
	border: 1px #9ba6ad solid;
	text-align: center;
	background-color: #eaf4ff;
	border-radius:25px;
	-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}
.citebook {  padding: 5px 10px; width: 525px; position: relative; margin: 10px 20px; line-height: 18px; font-size: 14px; color: #333;
border: 1px #9ba6ad solid; text-align: center;
background-color: #eaf4ff;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */ }
strong { font-weight: bold; }

.dcaps {
float: left; font-weight: bold; padding: 0 3px; margin: 0; line-height: 40px;
font-size: 56px; }
	
#pagewrap {
background-image: url(../../images/CG-topbartile.jpg);
background-repeat: repeat-x;
width: 100%;  }

.wrap {
position: relative;
width: 968px; height: auto;
margin: 0 auto; padding: 0;
z-index: 6; }


/*HOME Arrows*/
.downarrow{
	position: absolute;
	top: -165px;
	right: 945px;
	width: 68px;
	height: 135px;
	background-image: url(../../images/arrow2-right.png);
	z-index: 10;
}
.downarrowR {
	position: absolute;
	top: -29px;
	left: -45px;
	width: 50px;
	height: 99px;
	background-image: url(../../images/arrow2b-right.png);
	z-index: 10;
}
.downarrow a, .downarrowR a {width: 70px; height: 135px; display: block; }
#quiz { color: #222; }

/*WHY Arrows*/
.downarrow-Y{
	position: absolute;
	top: 62px;
	right: 945px;
	width: 54px;
	height: 120px;
	background-image: url(../../images/arrow-right.png);
	z-index: 10;
}
.downarrow-G{
	position: absolute;
	top: -8px;
	right: 955px;
	width: 54px;
	height: 120px;
	background-image: url(../../images/arrow-right.png);
	z-index: 10;
}
.downarrowR-Y {
	position: absolute;
	top: 570px;
	left: 924px;
	width: 65px;
	height: 120px;
	background-image: url(../../images/arrow-left3.png);
	z-index: 10;
}
.downarrowR-TY {
	position: absolute;
	top: 205px;
	left: 689px;
	width: 120px;
	height: 72px;
	background-image: url(../../images/arrow-left2.png);
	z-index: 10;
}
.downarrow-Y a, .downarrowR-Y a, .downarrowR-TY a {width: 54px; height: 120px; display: block; }

#header {
position: relative;
width: 100%; height: 512px;
margin: 0; padding: 0; }
.head {
border-top: 2px #bf0308 solid;
 }

	.banner {
	width: 591px;
	height: 145px;
	background-repeat: no-repeat;
	}
	
	#banner1 {
	position: absolute;
	top: 57px;
	left: 8px;
	background-image: url(../../images/CG-banner1.png);
}
	#banner2 { position: relative; top: 0; left: 0; margin-bottom: 15px; background-image: url(../../images/CG-banner2.png); }
	#banner3 { position: relative; top: 0; left: 0; margin-bottom: 15px; background-image: url(../../images/CG-banner3.png); }
	
	#topbar {
	position: relative;
	width: 960px; height: 26px;  padding: 14px 0 0 10px;}
	#topbar a { color: #fff; text-decoration: none; }

	#photo {
	position: absolute; top: 0; right: 0;
	width: 375px; height: 375px;
	background-image: url(../../images/CG-photo.png);
	background-repeat: no-repeat;
	z-index: 1; }
	#photo2 {
	position: relative; top: 0; right: 0;
	width: 375px; height: 450px; float: right;
	background-image: url(../../images/CG-photo.png);
	background-repeat: no-repeat;
	z-index: 1; }
	
	#booking {
	position: absolute;
	top: 10px; left: -50px;
	width: 225px; height: 40px;
	margin: 0; padding: 0;
	background-image: url(../../images/CG-booktoday.png);
	background-repeat: no-repeat;
	z-index: 2; }
	#booking a { display: block; width: 225px; height: 40px; }
	#booking2 {
	position: relative;
	width: 225px; height: 40px;
	margin: 0 auto; padding: 0;
	background-image: url(../../images/CG-booktoday.png);
	background-repeat: no-repeat;
	z-index: 2; }
	#booking2 a { display: block; width: 225px; height: 40px; }
	
	#videoplayer {
	position: absolute; bottom: 5px; left: 0;
	width: 480px; height: 270px;
	padding: 16px 15px 14px 14px;
	background-image: url(../../images/CG-videoback.jpg);
	background-repeat: no-repeat; }
	
	#videoplayer2 {
	position: relative;
	width: 480px; height: 270px;
	padding: 16px 15px 14px 14px; margin: 0 auto;
	background-image: url(../../images/CG-videoback.jpg);
	background-repeat: no-repeat; }
	
	#quotes {
	position: absolute;
	bottom: 11px;
	right: 11px;
	overflow: hidden;
	width: 440px;
	height: 175px;
	font-size: 17px;
	line-height: 20px;
	background-image: url(../../images/CG-quotestile.png);
	font-family: sans-serif;
	background-repeat:repeat-x;
	z-index: 2;
}
	
	#slides {
	padding: 7px 5px;
	width: 415px;
	color: #03256a;
	 }
	
		#slideshow small { font-size: 13px; color: #333; font-style: normal; }
	
		#slideshow {
		position:relative;
		height: auto; width: 100%;
		text-align: center; }
	
		#slides {
	position:absolute;
	top:10px;
	left:7px;
	z-index:8;
	display: none;
	text-align: center;
	height: 125px;
}
		
		#slides.active {
		z-index:10; display: block;
		text-align: center; }
		
		#slides.last-active {
		z-index:9; display: none; }
		
		
	#sidewrap #quotes {
	position: absolute; bottom: 4px; right: 5px; overflow: hidden;
	width: 340px; height: 165px; font-size: 13px; line-height: 17px;
	background-image: url(../../images/CG-quotestile.png);
	font-family: sans-serif; font-weight: bold;
	background-repeat:repeat-x;
	z-index: 2; }
	#sidewrap #quotes #slideshow strong { font-size: 13px; line-height: 17px; }
	#sidewrap #quotes #slideshow small { font-size: 11px; color: #333; font-style: normal; }
	
	#sidewrap #slides {
	padding: 16px 15px; width: 320px; color: #03256a;
	 }
	
	#sidewrap 	#slideshow strong { font-size: 17px; color: #333; font-style: normal; }
	
	#sidewrap 	#slideshow {
		position:relative;
		height:300px; width: 100%;
		text-align: center; }
	
	#sidewrap 	#slides {
		position:absolute;
		top:0; left:0;
		z-index:8; display: none;
		text-align: center; }
		
	#sidewrap 	#slides.active {
		z-index:10; display: block;
		text-align: center; }
		
		#sidewrap #slides.last-active {
		z-index:9; display: none; }
	
#nav {
position: relative;
width: 100%; height: 46px;
background-image: url(../../images/CG-navtile.jpg);
background-repeat: repeat-x; }

#content {
position: relative; display: block; z-index:6;
width: 100%; margin: 0; padding: 0 0 50px 0;
border-top: 2px #03256a solid;
font-size: 16px; line-height: 30px;
 }

#article {
position: relative; float: left; display: block; color: #03256a;
width: 938px; height: auto; margin: 0 0; padding: 10px 15px; text-align: justify; }

#article p { line-height: 18px;  }
#article ul { margin-left: 55px; list-style-type: disc; }
#article blockquote { margin-left: 15px; margin-right: 15px; }

#displayText, #displayText2, #displayText3, #displayText4, #displayText5, #displayText6, #displayText7, #displayText8, #displayText9, #displayText10, #displayText11,#displayText12, #displayText13 { color: #03256a; padding: 0 0 0 25px; font-weight: bold; font-style: italic; color: #bf0308;  }
#toggleText, #toggleText2, #toggleText3, #toggleText4, #toggleText5, #toggleText6, #toggleText7, #toggleText8, #toggleText9, #toggleText10, #toggleText11, #toggleText12, #toggleText13  { margin: 10px 0 0 0; padding: 5px 10px; color: #333; display: none; font-weight: bold; }
#toggleText p, #toggleText2 p, #toggleText3 p, #toggleText4 p, #toggleText5 p, #toggleText6 p, #toggleText7 p, #toggleText8 p, #toggleText9 p, #toggleText10 p, #toggleText11 p, #toggleText12 p, #toggleText13 p { font-size: 16px; }
#toggleText strong, #toggleText2 strong, #toggleText3 strong, #toggleText4 strong, #toggleText5 strong, #toggleText7 strong, #toggleText8 strong, #toggleText9 strong, #toggleText10 strong, #toggleText11 strong, #toggleText12 strong, #toggleText13 strong { font-size: 15px; }

#sidewrap{
position: relative; float: right; z-index: 7;
width: 330px; height: auto; margin: -10px -15px 15px 40px; padding: 0;
color: #333;
}
#aside {
clear: both; padding: 10px; margin: 15px 0 0 0;
width: 300px; border: 1px #9ba6ad solid;
background-color: #d3e8ff;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */ }

	#requestquote {
	text-align: center;
	line-height: 26px; }
	#requestquote input { height: 14px; margin: 1px 0 1px 0; font-size: 12px;
border-radius:5px;
-moz-border-radius:5px; /* Firefox 3.6 and earlier */ }
	#requestquote #submitbtn { color: #069; width: 245px; height: 60px; margin: 0; text-align: center; padding: 10px 0; font-size: 14px; font-weight: bold; }
	
	#requestbooking2 {
	text-align: left; padding: 0 15px;
	line-height: 26px; }
	#requestbooking2 input { height: 24px; margin: 1px 0 1px 0; padding: 0 10px; font-size: 12px;
border-radius:5px;
-moz-border-radius:5px; /* Firefox 3.6 and earlier */ }
	#requestbooking2 #submitbtn { color: #069; width: 245px; height: 60px; margin: 0; text-align: center; padding: 10px 0; font-size: 14px; font-weight: bold; }
	
	#optin-webinar, #optin-disc, #optin-chalk {
	text-align: center;
	width: 300px; margin: 0 auto;
	line-height: 26px; }
	#optin-webinar input, #optin-disc input { height: 15px; margin: 0 0 1px 0; font-size: 12px;
	border-radius:5px;
-moz-border-radius:5px; /* Firefox 3.6 and earlier */   }
	#optin-webinar #submitbtn, #optin-disc #submitbtn {  margin: 0; text-align: left; padding: 5px 0; font-size: 14px; font-weight: bold; }
	#optin-webinar #submitbtn { width: 300px; height: 81px; }
	#optin-disc #submitbtn { width: 202px; height: 60px; }
	#optin-chalk #submitbtn { width: 200px; height: 60px; }

	#msg { padding: 10px 15px; margin:0 auto; text-align: center; border: 1px dashed #036; color: #fff; background-color: #069; line-height: 18px; }
	#msg a { color: #b1d3f7; }
	#mag a:hover { color: #86add9; }

#cglinks { position: absolute; top: -22px; left: 0;
width: 100%; height: 60px; }
#cglinks ul { position: relative; width: 100%;
margin: 0; padding: 0;
list-style-type: none; }
#cglinks li { float: left; width: auto; height: auto; margin: 0 28px;  }
#cglinks a { 
display: block; float: left;

}

#ftwrap {
	position: relative; 
	width: 100%; height: auto; 
	background-image:url(../../images/CG-foottile.jpg); background-repeat: repeat-x;
	}
#footer {
position: relative;
width: 900px; height: auto;
color: #496194; font-size: 11px; margin: 35px auto 0 auto; padding: 55px 25px 0 25px;
 }

	#edge { float: right; width: 400px; text-align: right; margin: 0 4px 0 0; padding: 0; }
	#edge a { color: #496194; text-decoration: none; }
	#edge a:hover { color: #e58325; text-decoration: underline; }