/* --------------------------------------------
|  GLOBAL STYLES											
--------------------------------------------- */

html { 
	border: none;
	margin: 0;
	padding: 0;
	}
body {
	margin: 0;
	padding: 0;
	line-height: 13px; 
	background: #3b5261 url(graphics/bg_tile.jpg) repeat-x;
	text-align: center;
	}
body, td {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #515151;
	}
img { border: 0; }
p { margin: 0 0 15px 0; }
a {
	color: #9dcb3b;
	text-decoration: underline;
	}
a:hover { 
	color: #d20300;
	text-decoration: underline;
	}
h1, h2, h3, h4, h5, form { 
	margin: 0 0 12px 0;
	}
h1 {
	font-size: 18px;
	color: #9dcb3b;
	}
h2 {
	font-weight: bold;
	font-size: 14px;
	color: #737373;
	}
ul {
	padding: 0;
	margin: 0 0 21px 29px;
	list-style: none;
	}
	ul li {
		padding: 0 0 0 10px;
		margin: 0;
		background: url(graphics/bullet.gif) 0 6px no-repeat;
		}
#siteCont sup {
	bottom: 0.6ex; 
	position: relative;
	vertical-align: baseline;
	}		
#siteCont sub {
	position: relative;
	vertical-align: baseline;
	top: 0.4ex;
	}		
	
/* --------------------------------------------
|  STRUCTURE									
--------------------------------------------- */

#siteContainer {
	width: 960px;
	background: #fff;
	margin: 0 auto;
	text-align: left;
	}
	#header {
		width: 960px;
		height: 139px;
		position: relative;
		z-index: 999;
		}
		#logo {
			background: url(graphics/logo_caycan.jpg) no-repeat;
			width: 364px;
			height: 139px;
			float: left;
			position: relative;
			}
			#caycanLogo {
				display: block;
				width: 305px;
				height: 98px;
				position: absolute;
				top: 30px;
				left: 21px; 
				border: 0;
				text-indent: -9999px;
				outline: none;
				}
		#topRight {
			background: url(graphics/bg_header.jpg) no-repeat;
			width: 596px;
			height: 139px;
			float: left;
			position: relative;
			}
			#bPhone {
				width: 129px;
				height: 20px;
				display: block;
				background: url(graphics/b_phone.gif) no-repeat;
				position: absolute;
				top: 29px;
				left: 267px;
				text-indent: -9999px;
				outline: none;
				}
				/* #bPhone:hover { background: url(graphics/b_phone.gif) 0 -20px no-repeat; } */
			#bMail {
				width: 143px;
				height: 25px;
				display: block;
				background: url(graphics/b_mail.gif) no-repeat;
				position: absolute;
				top: 27px;
				left: 412px;
				text-indent: -9999px;
				outline: none;
				}
				#bMail:hover { background: url(graphics/b_mail.gif) 0 -25px no-repeat; }		
	#mainShadow {
		background: url(graphics/bg_main_cta_shadow.gif) no-repeat;
		width: 959px;
		height: 25px;
		display: block;
		clear: both;
		}		
	#siteCont {
		text-align: left;
		margin: 0 0 0 61px;
		clear: both;
		}
		#siteContent {
			text-align: left;
			width: 838px;
			line-height: 16px;
			}
	#footer {
		width: 960px;
		padding-bottom: 27px;
		font-size: 11px;
		color: #737373;
		}
		#footerContent {
			padding: 0 0 0 61px;
			position: relative;
			}
			#footerLinks { padding-left: 20px; }
				#footerLinks a { padding-right: 10px; }
				#acroFooter {
					position: absolute;
					right: 94px;
					color: #a2a2a2;
					}
					#acroFooter a {
						color: #a2a2a2;
						text-decoration: none;
						padding: 0;
						}
						#acroFooter a:hover {
							color: #a2a2a2;
							text-decoration: underline;
							padding: 0;
							}
			
/* --------------------------------------------
|  HOME PAGE								
--------------------------------------------- */			

#mainCTA {
	position: relative;
	width: 960px;
	background: url(graphics/bg_main_cta.jpg) no-repeat;
	height: auto !important;
	height: 328px;
	min-height: 328px;
	}
	#leftSide {
		background: url(graphics/bg_main_cta_left.gif) no-repeat;
		width: 15px;
		height: 177px;
		display: block;
		position: absolute;
		left: -15px;
		top: 153px;
		}
	#rightSide {
		background: url(graphics/bg_main_cta_right.gif) no-repeat;
		width: 15px;
		height: 177px;
		display: block;
		position: absolute;
		top: 146px;
		right: -15px;
		}
	#mainCTAContent { padding: 23px 0 0 564px; }
		#mainCTAContent .content { width: 334px; }
			#mainCTAContent .content .textArea {
				clear: both;
				padding: 0 0 0 19px;
				font-size: 11px;
				line-height: 15px;
				}
				#mainCTAContent .content .textArea #mainCTAPrice {
					float: left;
					padding: 8px 20px 0 0;				
					}
				#mainCTAContent .content .textArea #mainCTABuyNow { float: left; }
			#mainCTAContent .content #contentRight {
				float: left;
				padding: 14px 0 0 5px;
				}
	
/* --------------------------------------------
|  ABOUT US							
--------------------------------------------- */		
.aboutUsProfile, .servicesProfile { clear: both; }
.aboutUsProfile .contact {
	text-align: right;
	float: right;
	}
.profilePic {
	float: left;
	margin: 5px 10px 5px 0;
	border: 4px solid #dfeebf;
	}


/* --------------------------------------------
|  NAVIGATION						
--------------------------------------------- */		

#nav {
	margin: 90px 0 0 0;
	padding: 0;
	list-style: none;
	height: 49px;
	clear: both;
	z-index: 999;
	}
#nav li { 
	float: left;
	padding: 0;
	margin: 0;
	background: none;
	}
#nav li a {
	outline: none;
	display: block;
	padding: 0 0;
	height: 49px;
	line-height: 49px;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(graphics/nav_m.gif);
	}	
	
#bHome{background-position: 0px 0; width: 55px;}#bHome:hover {background-position: 0px -49px;}#nav li.current #bHome {background-position: 0px -98px;}
#bAboutUs{background-position: -55px 0; width: 83px;}#bAboutUs:hover {background-position: -55px -49px;}#nav li.current #bAboutUs {background-position: -55px -98px;}
#bServices{background-position: -138px 0; width: 76px;}#bServices:hover {background-position: -138px -49px;}#nav li.current #bServices {background-position: -138px -98px;}
#bTraining{background-position: -214px 0; width: 70px;}#bTraining:hover {background-position: -214px -49px;}#nav li.current #bTraining {background-position: -214px -98px;}
#bDOT{background-position: -284px 0; width: 74px;}#bDOT:hover {background-position: -284px -49px;}#nav li.current #bDOT {background-position: -284px -98px;}
#bTestimonials{background-position: -358px 0; width: 98px;}#bTestimonials:hover {background-position: -358px -49px;}#nav li.current #bTestimonials {background-position: -358px -98px;}
#bLinks{background-position: -456px 0; width: 56px;}#bLinks:hover {background-position: -456px -49px;}#nav li.current #bLinks {background-position: -456px -98px;}
#bNews{background-position: -512px 0; width: 56px;}#bNews:hover {background-position: -512px -49px;}#nav li.current #bNews {background-position: -512px -98px;}	
	
/* ----------------------------------------
|	D.O.T. DROP DOWN MENU
+----------------------------------------*/

#nav li #bDOTDrop {
	position: absolute;
	display: none;
	clear: both;
	top: 131px;
	left: 97px;
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
	width: 238px !important;
	background: #9dcb3b;
	font-size: 11px;
	z-index: 999;
	border: 8px solid #9dcb3b;
	}
#nav li #bDOTDrop li {
	width: 238px;
	height: 25px;
	line-height: 0;
	padding: 0;
	margin: 0 0 3px 0;
	background: #b3d46d;
	}
	#nav li #bDOTDrop li a {
		text-decoration: none;
		display: block;
		height: 25px;
		width: 218px;
		line-height: 25px;
		padding: 0 10px;
		background: #b3d46d;
		color: #FFF;
		text-indent: 0;
		font-weight: bold;
		}
		#nav li #bDOTDrop li a:hover {
			background: #9ac73a;
			color: #FFF;
			}
		#nav li #bDOTDrop :hover a { /* Fix for Safari */
			background: #9ac73a;
			color: #FFF;
			}
			
#nav li.dropOver #bDOTDrop li ul { display: none; }
#nav li.dropOver #bDOTDrop { display: block; }	

/* ----------------------------------------
|	D.O.T. - AVAILABLE COURSES DROP-DOWN
+----------------------------------------*/

#bAvailableCourses { position: relative; }
#nav li #bDOTDrop li #bAvailableCoursesDrop {
	position: absolute;
	display: none;
	clear: both;
	left: 238px;
	top: -8px;
	display: none;
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
	width: 200px !important;
	background: #9dcb3b;
	font-size: 11px;
	z-index: 999;
	border: 8px solid #9dcb3b;
	}
#nav li #bDOTDrop li #bAvailableCoursesDrop li {
	width: 200px;
	height: 25px;
	line-height: 0;
	padding: 0;
	margin: 0 0 3px 0;
	background: #b3d46d;
	}
	#nav li #bDOTDrop li #bAvailableCoursesDrop li a {
		text-decoration: none;
		display: block;
		height: 25px;
		width: 180px;
		line-height: 25px;
		padding: 0 10px;
		background: #b3d46d;
		color: #FFF;
		text-indent: 0;
		font-weight: bold;
		}
		#nav li #bDOTDrop li #bAvailableCoursesDrop li a:hover {
			background: #9ac73a;
			color: #FFF;
			}
		#nav li #bDOTDrop li #bAvailableCoursesDrop :hover a { /* Fix for Safari */
			background: #9ac73a;
			color: #FFF;
			}
			
#nav li.dropOver #bDOTDrop li.dropOver #bAvailableCoursesDrop li ul { display: none; }
#nav li.dropOver #bDOTDrop li.dropOver #bAvailableCoursesDrop { display: block; }	

/* --------------------------------------------
|  STORE BOX				
--------------------------------------------- */	
	
#storeHeader { clear: both; }
	#topButtons {
		float: right;
		margin: 14px 0 0 0;
		height: 34px;
		}
		.bViewCart {
			width: 80px;
			height: 30px;
			background: url(graphics/b_viewcart.gif) no-repeat;
			display: block;
			text-indent: -9999px;
			outline: none;
			margin: 0 0 26px 0;
			float: left;
			}
			.bViewCart:hover { background: url(graphics/b_viewcart.gif) 0 -30px no-repeat; }
		.bCheckout {
			width: 80px;
			height: 30px;
			background: url(graphics/b_checkout.gif) no-repeat;
			display: block;
			text-indent: -9999px;
			outline: none;
			margin: 0 0 26px 10px;
			float: left;
			}
			.bCheckout:hover { background: url(graphics/b_checkout.gif) 0 -30px no-repeat; }		
	#search {
		clear: right;
		float: right;
		margin: 5px 0;
		text-align: right;
		width: 400px;
		margin: 5px 0 0 0;
		padding: 0;
		}
		#search form {
			padding: 0;
			margin: 0;
			}
		.searchInput { margin-left: 5px; }
	#miniSearchForm .searchSubmit {
		border: medium none;
		margin: 0 0 0 5px;
		width: 30px;
		float: right;
		}						
#colLeft {
	float: left;
	width: 200px;
	margin: 0 18px 30px 0;
	display: inline;
	}
#colRight {
	float: left;
	padding: 0 0 90px 0;
	display: inline;
	width: 614px;
	}
#colRight h3 { margin-top: 0 !important; }
#security { padding: 0 0 0 25px; }
		
/* --------------------------------------------
|  CONTENT SPECIFIC						
--------------------------------------------- */		
	
.floatLeft { float: left; }	
.floatRight { float: left; }	
.clearBoth { clear: both; font-size: 0; height: 0; line-height: 0; border: none; }
.break {	
	width: 837px;
	height: 1px;
	display: block;
	line-height: 0px;
	font-size: 0px;
	background: #fff url(graphics/break.gif) repeat-x;
	margin: 20px 0 20px 0;
	padding: 0;
	border: 0;
	}
.smallPad { padding: 0; margin: 0 0 3px 0; }
.price { color: #e80e00; font-weight: bold; }

.callOut {
	background: #f6f6f6;
	border: 1px solid #91b04d;
	width: 784px;
	margin: 0 0 21px 20px;
	}
	.callOut .content {
		margin: 0;
		margin: 13px;
		}

/* --------------------------------------------
|  PAGE SPECIFIC						
--------------------------------------------- */		

.ctaHeader {
	font-size: 17px;
	color: #000;
	letter-spacing: -0.1em;
	line-height: 22px;
	}
.bLearnMore {
	width: 92px;
	height: 30px;
	background: url(graphics/b_learn_more.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	outline: none;
	margin: 0 0 26px 0;
	}
	.bLearnMore:hover { background: url(graphics/b_learn_more.gif) 0 -30px no-repeat; }
.bBuyNow {
	width: 92px;
	height: 30px;
	background: url(graphics/b_buy_now.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	outline: none;
	}
	.bBuyNow:hover { background: url(graphics/b_buy_now.gif) 0 -30px no-repeat; }		
	
/* --------------------------------------------
|  SITE MAP													
--------------------------------------------- */

.siteMapList { margin-top: 15px }
.siteMapList dt {
	background: url(graphics/ico_folder.gif) 0 4px no-repeat;
	padding-left: 20px;
	line-height: 20px;
	}
.siteMapList dd {	
	padding-left: 10px;
	margin-left: 25px;
	line-height: 16px;
	background: url(graphics/sitemap_2nd.gif) no-repeat;
	}
.siteMapList dd a {	
	color: #a9b985;
	text-decoration: none;
	}
	.siteMapList dd a:hover {
		color: #d20300;
		text-decoration: underline;
		}
.siteMapList .bottom { background: url(graphics/sitemap_2nd_bottom.gif) no-repeat; }
	
/* --------------------------------------------
|  sIFR Styles										
--------------------------------------------- */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	}
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing
in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text
in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into
are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .ctaHeader { visibility: hidden; font-size: 24px; }