/*
-----------------------------
Global Candy Rice Design Styles
-----------------------------
*/
* { margin: 0; padding: 0 }

html, body { 
min-height: 100%; 
margin-bottom: 1px; 
} 

body {
	padding: 0; margin: 0;
	background-image: url(/images/background.gif); background-repeat: repeat;
	text-align: center;
	min-height: 100%; 
	margin-bottom: 1px; 
	}
	
body, td, div, p {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; font-style: normal; line-height: 15px; 
	font-weight: normal; font-variant: normal; color: #333333;
	}
	
/* #page {
	width: 820px;
	padding: 12px 0 0 0; margin: 9px auto;
	text-align: left;
	} */
	
#page {
	width: 820px;
	padding: 0; margin: 9px auto;
	text-align: left;
	}
	
#pagecontainer {
	width: 817px;
	padding: 0; margin: 0; margin-top: -3px !important;
	border-left: 1px solid #9ec630; border-right: 1px solid #9ec630; border-bottom: 1px solid #9ec630; border-top: 4px solid #9ec630;
	background-color: #ffffff;
	}

h1 {
	color: #6297BC;
} 
h2 {
	color: #666666;
}

/* header */
#header {
	position: relative;
	height: 85px;	
}
#header h1#logo {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 44px 'Arial Narrow', Arial, Helvetica, sans-serif;
	letter-spacing: -2px;
	text-transform: lowercase;
	top: 0; left: 5px;	
}
#header h2#slogan {
	position: absolute;	 
	top:48px; left: 80px;
	color: #666666;
	text-indent: 0px;
	font: bold 16px 'Arial Narrow', Arial, Helvetica, sans-serif; 
	text-transform: lowercase;
}
#header a {
	border-bottom:none;	
	text-decoration:none;
}

/* menu tabs */
#header ul {
	z-index: 999999;
	position: absolute;
	margin:0; padding: 0;
	list-style:none;
	right: 0px; 
	bottom: 3px !important; bottom: 2px;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;	
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url(images/tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   float:left;
   display:block;
   background: url(images/tabright.gif) no-repeat right top;
   padding:6px 15px 3px 8px;
   color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
	color: #FFF;
}
#header #current a span {
   background-position:100% -42px;
	color: #FFF;
}
/* end menu tabs */

/*
-----------------------------
Home Page Styles
-----------------------------
*/

.didyouknow {
	padding: 6px; margin-top: 18px;
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
	}
	
.didyouknowGfx {
	float: left;
	padding-right: 10px;
	}
	
.newtaketour {
	width: 353px; height: 283px;
	background-image: url(/images/taketour.gif);
	background-repeat: no-repeat;
	}
	
.newtaketour1 {
	width: 353px; height: 150px;
	}
	
.newtaketourhdr {
	padding: 0; margin: 0;
	height: 30px;
	}
	
.newtaketourpad {
	padding: 8px 0 8px 10px
	}
	
.blank {
	display: none;
	}
	
.newportfolio {
	width: 520px; height: 283px;
	}
	
.newportfoliohdr {
	padding: 0; margin: 0;
	height: 30px;
	}
	
.newportfoliopad {
	padding: 8px 0 8px 10px
	}
	
.newportfolioflash {
	width: 520px; height: 283px;
	}
	
.newportfolioflashhdr {
	padding: 0; margin: 0;
	height: 30px;
	}
	
.newportfolioflashpad {
	padding: 8px 0 8px 10px
	}
	
.newportfoliomag {
	width: 520px; height: 1733px;
	}
	
.newportfoliomaghdr {
	padding: 0; margin: 0;
	height: 30px;
	}
	
.newportfoliomagpad {
	padding: 8px 0 8px 10px
	}
	
.blank {
	display: none;
	}
	
#tourservices {
	width: 332px; height: 112px;
	background-image: url(/images/tourservicesbg.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	}
	
#tourservices a {
	display: block;
	width: 332px; height: 112px;
	border: none; border-width: 0px;
	text-decoration: none; color: #333333;
	}
	
#tourportfolio {
	width: 332px; height: 112px;
	background-image: url(/images/tourportfoliobg.gif);
	background-repeat: no-repeat;
	}
	
#tourportfolio a {
	display: block;
	width: 332px; height: 112px;
	border: none; border-width: 0px;
	text-decoration: none; color: #333333;
	}
	
.featuredcol {
	float: left;
	width:255px; height:210px;
	border-right:1px solid #cccccc;
	}

.askcandycol {
	float: left;
	width:265px; height:210px;
	border-right:1px solid #cccccc;
	}
	
.clientscol {
	float: left;
	width:245px; height:210px;
	}
	
.featuredpad {
	padding: 6px 16px 0 16px;
	}
	
.askcandypad, .clientspad {
	padding: 6px 16px 0 22px;
	}
	
* html .clientspad {
	padding-right: 6px;
	}

#callOut {
	padding: 0; margin: 0 auto;
	margin-top: 20px;
	width: 733px;
	}
	
#maincolumn {
	padding: 0; margin: 0 auto;
	width: 776px;
	}
	
#mainleftcolumn {
	padding: 0; margin: 0;
	width: 374px;
	float: left;
	}
	
#mainleftcolumnnarrow {
	padding: 0; margin: 0;
	width: 174px;
	float: left;
	}

#mainColumnWide {
	padding: 0; margin: 0;
	width: 766px;
	float: left;
	}

#mainrightcolumn {
	padding: 0px; margin: 0;
	width: 352px;
	float: right;
	}
	
#mainrightcolumnwide {
	padding: 0px; margin: 0;
	width: 554px;
	float: right;
	}
	
#twoColumn {
	padding: 0; margin: 0 auto;
	margin-top: 20px;
	width: 746px;
	}
	
#leftColumn {
	padding: 0 0 0 8px; margin: 0;
	width: 260px;
	float: left;
	}
	
#rightColumn {
	padding: 0 0 0 15px; margin: 0;
	width: 462px;
	float: right;
	border-left: 1px solid #e4e2dc;
	}

#getStarted {
	padding: 0; margin: 0;
	width: 232px; height: 126px;
	background-image: url(/images/taketour.gif); background-repeat: no-repeat;
	background-color: transparent;
	float: left;
	}

#takeTour {
	padding: 0; margin: 0 0 0 18px;
	width: 232px; height: 126px;
	background-image: url(images/tourservicesbg.gif); background-repeat: no-repeat;
	background-color: transparent;
	float: left;
	}
	
#haveAgency {
	padding: 0; margin: 0 0 0 18px;
	width: 232px; height: 126px;
	background-image: url(images/tourportfoliobg.gif); background-repeat: no-repeat;
	background-color: transparent;
	float: left;
	}
	
#flash {
	padding: 0; margin: 0;
	}
	
.dividerhome {
	border-bottom: 1px solid #6297bc;
	padding-top: 16px;
}

* html .dividerhome {
	padding-top: 2px;
	}
	
.takeTourPad, .getStartedPad, .haveAgencyPad, .logInPad {
	padding: 11px 6px 4px 12px;
	}
	
.takeTourPadLead, .getStartedPadLead, .haveAgencyPadLead, .logInPadLead {
	padding-bottom: 6px;
	}
	
* html .takeTourPad, * html .getStartedPad, * html .haveAgencyPad, * html .logInPad { /* necessary to fix padding issue in IE 6 */
	padding-top: 6px;
	}
	
* html .takeTourPadLead, * html .getStartedPadLead, * html .haveAgencyPadLead, * html .logInPadLead { /* necessary to fix padding issue in IE 6 */
	padding-bottom: 3px;
	}
	
.takeTourHeader, .getStartedHeader, .haveAgencyHeader, .logInHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 22px;
	color: #333333;
	}
	
a.takeTourHeader:link, a.getStartedHeader:link, a.haveAgencyHeader:link, a.logInHeader:link {
	text-decoration: none; 
	color: #333333;
	}
	
a.takeTourHeader:visited, a.getStartedHeader:visited, a.haveAgencyHeader:visited, a.logInHeader:visited {
	text-decoration: none; 
	color: #333333;
	}
	
a.takeTourHeader:hover, a.getStartedHeader:hover, a.haveAgencyHeader:hover, a.logInHeader:hover {
	text-decoration: none; 
	color: #333333;
	}
	
a.greyLink:link, a.greyLink:visited {
	font-weight: bold;
	text-decoration: none; 
	color: #333333;
	}
	
a.greyLink:hover {
	font-weight: bold;
	text-decoration: underline; 
	color: #333333;
	}

.intro {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 29px;
	font-weight: normal; font-variant: normal;
	color: #333333;
	padding-bottom: 13px;
	}
	
.introSubheader {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 22px;
	font-weight: normal; font-variant: normal;
	color: #999999;
	/* padding-top: 13px; */
	}
	
.subHeaders {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: bold; font-variant: normal;
	color: #666666;
	padding-bottom: 8px;
	}
	
.clientscolMargin {
	padding-top: 12px;
	}
	
.homeintro {
	padding-top: 10px;
	line-height: 16px;
	}
	
.homelogo {
	padding: 0; margin: 0;
	background-image: url(/images/welcometocrd.gif); background-repeat: no-repeat;
	width: 374px; height: 50px;
	}
	
.homelogo1 {
	padding: 0; margin: 0;
	background-image: url(/images/welcometocrd1.gif); background-repeat: no-repeat;
	width: 374px; height: 50px;
	}
	
.portfoliointro {
	padding-top: 10px;
	padding-right: 10px;
	line-height: 16px;
	}
	
/*.crdHdr1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	color:#333333;
	}
	
.crdHdr2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #999999;
	} */
	
.crdBlue {
	color: #6297bc;
	}
	
.regMark {
	font-size: 12px;
	}

/*
-----------------------------
Footer Styles
-----------------------------
*/

#footer {
	padding: 10px; margin: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; font-style: normal; line-height: 14px; 
	font-weight: normal; font-variant: normal; color: #666666;
	}
	
.footergray, a.footergray:link, a.footergray:visited {
	color: #999999; font-size: 10px;
	}
	
a.footergray:link, a.footergray:visited {
	text-decoration: underline;
	}
	
a.footergray:hover {
	color: #666666; font-size: 10px;
	text-decoration: underline;
	}
	
/*
-----------------------------
Page Formatting Styles
-----------------------------
*/

#layoutgrid { /* where all layouts and content will be placed within */
	padding: 10px; margin:10px 0 0 0;
	}
	
.clear {
	clear: both;
	}
	
#dividertwocolumn {
	padding: 0; margin: 0;
	background-image: url(images/2columnbg.gif); background-repeat: repeat-y;
	margin-bottom: -25px !important; /* reduces space created by .clear to achieve design effect */
	}

#leftcolumngrid {
	float: left;
	width: 174px;  /* border: 1px solid #000; */
	padding: 8px; margin: 0;
	}
	
#leftcolumngridlogin {
	float: left;
	width: 294px;  /* border: 1px solid #000; */
	padding: 8px; margin: 0;
	}
	
#rightcolumngrid {
	float: right;
	width: 554px;  /* border: 1px solid #000; */
	padding: 8px; margin: 0
	}
	
.img {
	border-bottom: none;
	text-decoration: none;
	}
	
#rightcolumngridlogin {
	float: right;
	width: 184px;  /* border: 1px solid #000; */
	padding: 8px; margin: 0
	}
	
.boxcallout {
	padding: 3px; margin: 0;
	border: 1px solid #cccccc;
	background-color: #efefef;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; font-style: normal; line-height: 15px; 
	font-weight: normal; font-variant: normal; color: #000000;
	}
	
a.boxcalloutlink:link, a.boxcalloutlink:visited, a.boxcalloutlink:hover {
	color: #9ec630;
	text-decoration: none;
	border-bottom: 1px dotted #9ec630;
	}
	
a.boxcalloutlink:hover {
	color: #6297bc;
	text-decoration: none;
	border-bottom: none;
	}

/*
-----------------------------
Navigation Styles
-----------------------------
*/

#mainnav ul {
	padding: 0; margin: 0;
	background-image: url(/images/headerbg.gif); background-repeat: repeat-x;
	}
	
#mainnav li {
	padding: 0; margin: 0;
	display: inline; list-style-image: none; list-style-type: none;
	}

/*
-----------------------------
List Styles
-----------------------------
*/

ul.sitewide {
	padding: 0 0 0 10px; margin: 0 0 0 10px;
	}
	
ul.sitewide li {
	padding: 0; margin: 0 0 5px 3px;
	list-style-image: none; list-style-type: square;
	}
	
ul.QA {
	padding: 0 0 0 10px; margin: 0 0 0 10px;
	}
	
ul.QA li {
	padding: 0; margin: 0 0 3px 3px;
	list-style-image: none; list-style-type: square;
	}
	
ul.privacyList {
	padding: 0 0 0 10px; margin: 0 0 0 10px;
	}
	
ul.privacyList li {
	padding: 0; margin: 0 0 10px 3px;
	list-style-image: none; list-style-type: square;
	}
	
ul.webServices, ol.webServices, ol.mediaKit {
	padding: 0 0 0 10px; margin: 0 0 0 10px;
	}
	
ul.webServices li {
	padding: 0; margin: 0 0 10px 3px;
	list-style-image: none; list-style-type: disc;
	}
	
ol.webServices li, ol.mediaKit li {
	padding: 0; margin: 0 0 10px 3px;
	list-style-image: none; list-style-type: lower-roman;
	}
	
/*
-----------------------------
Div Styles
-----------------------------
*/

.center {
	text-align: center;
	}

.centerLogos {
	text-align: center;
	width: 33%;
	}
	
.middle {
	vertical-align: middle;
	}

.category {
	border-top: 1px solid #e4e2dc;
	padding-top: 14px; padding-bottom: 14px;
	clear: left;
	}
	
.logoList {
	border-top: 1px solid #e4e2dc;
	padding-top: 10px; padding-bottom: 10px;
	clear: left;
	}
	
div#inquire {
	padding: 8px; margin: 0;
	display: block;
	background-color: #e2edcc;
	border: 1px solid #b3c988;
	text-align: center;
	}
	
.inquireHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px;
	color: #333333;
	}
	
a.inquireHeader:link {
	text-decoration: underline; 
	color: #333333;
	}
	
a.inquireHeader:visited {
	text-decoration: underline; 
	color: #333333;
	}
	
div#briefQA {
	padding: 8px; margin: 0;
	display: block;
	background-color: #fffefe;
	border: 1px solid #999999;
	}
	
.checklistIcon {
	float: left;
	padding: 2px 12px 0 5px; margin: 0;
	height: 32px;
	}
	
.privacyCallout {
	padding: 8px; margin: 0;
	border: 1px solid #333333;
	background-color: #ededed;
	}
	
.systemsCallout {
	padding: 8px; margin: 0;
	border: 1px solid #6297bc;
	background-color: #ffffff;
	}
	
div#sampleClientListLeft {
	float: left;
	width: 50%;
	}
	
div#sampleClientListRight {
	float: right;
	width: 50%;
	}
	
pre {
	padding: 4px; margin: 0;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	}
	
dd {
	padding-left: 38px;
	}
	
div#features {
	width: 518px;
	padding: 0; margin: 5px auto;
	border: 1px solid #666666;
	background-color: #ffffff;
	}
	
.servicestitle {
	padding: 10px 5px 10px 5px; margin: 0;
	background-color: #9ec630;
	text-align: left;
	font-size: 16px; font-weight: bold;
	border-bottom: 1px solid #666666;
	}
	
.servicesitemlist {
	padding: 9px 5px 9px 5px; margin: 0;
	background-color: #ffffff;
	text-align: left;
	border-bottom: 1px dotted #666666;
	}
	
.servicesitemlist2 {
	padding: 9px 5px 9px 5px; margin: 0;
	background-color: #6297bc;
	font-size: 14px; font-weight: bold;
	color: #ffffff;
	text-align: left;
	border-bottom: 1px dotted #666666;
	}
	
/*
-----------------------------
Link Styles
-----------------------------
*/

a:link, a:visited, a:active {
	color: #9ec630; 
	text-decoration: none;
	border-bottom: 1px dotted #CCCCCC;
	}
	
a:hover {
	color: #6297bc; 
	border-bottom: none;
	}
	
.lutton {
	padding: 2px; margin: 0;
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #9ec630;
	background-color: #ffffff;
	color: #000000;
	}

a.lutton:link, a.lutton:visited {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #9ec630;
	}

a.lutton:hover {
	color: #ffffff;
	background-color: #6297bc;
	text-decoration: none;
	}
	
.luttonPrev, .luttonNext {
	padding: 0; margin: 0;
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #b3d968;
	background-color: #b3d968;
	color: #000000;
	width: 100px; text-align: center;
	}
	
.luttonPrevOff, .luttonNextOff {
	padding: 0; margin: 0;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	color: #000000;
	width: 100px; text-align: center;
	}
	
.luttonInquire {
	padding: 0; margin: 0;
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #b3d968;
	background-color: #ffffff;
	color: #000000;
	width: 182px; text-align: center;
	}

a.gallery:link, a.gallery:visited {
	color: #000000;
	text-decoration: none;
	display: block;
	border-bottom: none;
	}

a.gallery:hover {
	color: #ffffff;
	background-color: #6297bc;
	border-bottom: none;
	display: block;
	}
	
a.webserv:link, a.webserv:visited {
	color: #333333;
	text-decoration: none;
	}

a.webserv:hover {
	color: #333333;
	text-decoration: none;
	}
	
/*
-----------------------------
Form Styles
-----------------------------
*/

.form-padding {
	padding: 10px;
}

fieldset {
    margin: 0px;
    padding: 8px;
    border: 1px solid #cccccc;
    background-color: #efefef;
}

.inquiryFieldset {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	background-color: #ffffff;
}

.inputLogin {
	font-size: 10px;
	border: 1px solid #999999;
	padding: 2px;
}

.inputInquiry {
	font-size: 11px;
	border: 1px solid #666666;
	padding: 2px;
	width: 150px;
}

.inputInquiryLong {
	font-size: 11px;
	border: 1px solid #666666;
	padding: 2px;
	width: 310px;
}

.checkbox-indent {
	margin: 3px 5px 0 8px;
}
	
/*
-----------------------------
Image Styles
-----------------------------
*/

img {
	border: 0;
	}
	
a img {  
  border: none;
  text-decoration: none;
}
a:hover img {  
  border: none !important; /* IE fix*/
  border: none;
}

.imgSpacer {
	padding-right: 5px;
	float: left;
	}
	
.peopleImg {
	float: right;
	padding: 17px 0 9px 10px;
	}
	
.crdgivesback-img {
	float: left;
	padding-right: 15px;
	}
	
/* .logosSpacer {
	padding-left: 20px; padding-right: 20px;
	} */
	
/*
-----------------------------
Font Styles
-----------------------------
*/

.em {
	font-style: italic;
	}

.bold {
	font-weight: bold;
	}
	
.u {
	text-decoration: underline;
	}
	
.green {
	color: #9ec630;
	}

.gray {
	color: #666666;
	}
	
.blue {
	color: #6297bc;
	}

.bluelarge {
	color: #6297bc;
	font-size: 16px;
	}

.graylarge {
	color: #666666;
	font-size: 16px;
	}

.blueheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px; color: #6297bc;
	font-weight: bold;
	}
	
.blueheaderLogin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; color: #6297bc;
	font-weight: bold;
	}
	
.datestamp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; color: #6297bc;
	font-weight: normal;
	}
	
.smallprint {
	font-size: 10px;
	}

.strike {
	text-decoration: line-through;
	}
	
/*
-----------------------------
Ask Candy Styles
-----------------------------
*/
	
.qcopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #333333;
	background-color: #EFF5FC;
	padding: 3px;
	display: block;
}

.footnote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	color: #333333;
}

/*
-----------------------------
404 Styles
-----------------------------
*/

#errorPage {
	width: 685px;
	padding: 20px 0 20px 35px; margin: 0;
	}

#errorLogo {
	float: left; width: 150px;
	padding-left: 15px;
	}

#errorMsg {
	float: right; width: 470px;
	padding-left: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; line-height: 17px;
	text-align: left;
	border-left: 1px solid #2a2828;
	}

h1.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px; font-weight: bold;
	color: #2a2828;
	}


/********************************************
   old crd site styles
********************************************/ 

/* images */
img {
	border: none;
}

img.noborder, a {
	border: none;
	text-decoration: none;
}

img.right {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.left {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 25px;  
}
img.float-left {
  margin: 5px 25px 5px 0px;
}
a img {  
  border: none;
}
a:hover img {  
  border: none !important; /* IE fix*/
  border: none;
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

blockquote {
	margin: 0px;
 	padding: 10px 10px 10px 10px;  	
  	background: #efefef;
	border: 1px solid #efefef; 
	color: #6297bc;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif; 
}

/***********************
	  old crd site LAYOUT
************************/

/* main */
#main {
	float: left;
	margin-left: 15px;
	padding: 0;
	width: 50%;		
}

/* main fixed */
#mainfixed {
	float: right;
	margin-left: 15px;
	padding: 0;
	width: 625px;		
}

/* taketour */
.taketour {
	width: 385px; height: 283px;
	padding: 10px;
	background-image: url(images/taketour.gif);
	background-repeat: no-repeat;
	}
	
.taketourHdr {
	padding: 0; margin: 0;
	height: 30px;
	}
	
.taketourPad {
	padding: 8px 0 8px 10px
	}
	
.blank {
	display: none;
	}
	
#services {
	width: 375px; height: 112px;
	background-image: url(images/tourservicesbg.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	}
	
#services a {
	display: block;
	width: 375px; height: 112px;
	border: none; border-width: 0px;
	text-decoration: none; color: #333333;
	}
	
#portfolio {
	width: 375px; height: 112px;
	background-image: url(images/tourportfoliobg.gif);
	background-repeat: no-repeat;
	}
	
#portfolio a {
	display: block;
	width: 375px; height: 112px;
	border: none; border-width: 0px;
	text-decoration: none; color: #333333;
	}

/* 3 columns on home page */
.featuredcolumn {
	float: left;
	width:271px; height:250px;
	border-right:1px solid #9ec630;
	}
	
.faqscolumn {
	float: left;
	width:281px; height:210px;
	border-right:1px solid #9ec630;
	}
	
.usingcrdcolumn {
	float: left;
	width:264px; height:210px;
	}
	
.featuredpad {
	padding: 6px 16px 0 16px;
	}
	
.faqspad, .usingcrdpad {
	padding: 6px 16px 0 22px;
	}
	
* html .usingcrdpad {
	padding-right: 6px;
	}

.dividerhomehorz {
	border-bottom: 1px solid #9ec630;
	padding-top: 16px;
}

* html .dividerhomehorz {
	padding-top: 2px;
	}

/* lightbox css */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }
.align-center {	text-align: center; }
.align-justify {	text-align: justify; }

/* additional classes */
.clear { clear: both; }
.blue {	color: #6297bc; }
.green {	color: #9EC630; }
.gray  {	color: #BFBFBF; }
.right { float: right; }
.left { float: left; }