/* HTML ======================================================================================================= */

body {
	background-color: #bdbdbd;
	margin:0px;
	padding:0px;
	background-image: url(images/bg.jpg);
	font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#333; 
}
img {
	border:0px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}


/* TEXT ======================================================================================================= */

.f_text1 {
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-weight:bolder;
	padding-top: 0px;
	padding-left: 5px;
	line-height: 130%;
	font-size: 16px;
	color: #330099;
}
	
.f_text2 {
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 30px;
	line-height: 150%;
	font-size: 12px;
	color: #333333;
}
.arrow { padding-right:10px; 
		text-decoration:none; 
		background: url(images/arrow.gif) no-repeat 100% .3em ; 
		color: #6666CC;
}		
.arrow2 { padding-right:10px; 
		text-decoration:none; 
		background: url(images/arrow.gif) no-repeat 100% 18px ; 
		color: #6666CC;
}
.arrow:hover {
	text-decoration:underline;
	color: #333333
}



/* HEADER ======================================================================================================= */

#shadowBorder {
	width:980px;
	text-align:center;
	background-image:url(images/background_shadows.gif);
	background-repeat:repeat-y;
	margin: 0px auto;
	padding: 0px 5px;
	
}
#docWrapper {
	text-align:center;
	margin:0px auto;
	padding:0px auto;
	display:block;
	
}
#topRedLine {
	width:980px;
	height:5px;
	background-color:#c60001;
	display:block;
}
#topHeader {
	width:950px;
	height:73px;
	padding-left:30px;
	background-color:#FFFFFF;
	text-align:left;
}
#canonLogo {
	padding-top:24px;
	vertical-align:top;
	text-align:left;

}
#posterArtistLogo {
	padding-left:592px;
	vertical-align:top;
	text-align:left;
}

#cookieCrumbBlock {
	width:904px;
	padding: 7px 38px;
	text-align:left;
	font-size:9px;
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-image:url(images/top_11.gif);
}
#contentWrapper {
	text-align:left;
	width:980px;
	background-image:url(images/contentColumn1_back.gif);
	background-repeat:repeat-y;
	background-position:left;
	background-color:#FFFFFF;
}



/* CONTENT AREA ======================================================================================================= */

#contentTitle {
	background-image:url(images/top_13.gif);
	background-repeat:repeat-x;
}
#contentColumn1, #contentColumn2 {
	position:relative;
	display:inline;
	float:left;
	background-color:#ffffff;

	
}
#contentColumn1 {	/* nav and tutorial */
	width:218px;
	background-image:url(images/nav_slither.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding:0px;
	height:inherit;
}
#contentColumn2 {	/* main flash movie and bottom images */
	width:762px;
	height:inherit;
}

.mainNavBut {
	margin:0px;
	display:block;
	width:218px;
	margin-bottom:1px;
}
#mainNavBottomImg {
	width:209px;
	text-align:center;
	padding-bottom:auto;
	background-image:url(images/menu_back_p.gif);
}



/* FOOTER ======================================================================================================= */

#footer1, #footer2 {
	background-color:#999999;
	text-align:center;
	font-size:9px;
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	width:980px;
}
#footerBarGrey {
	height: 5px;
	background-color:#CCCCCC;
	border-bottom:solid #ffffff 1px;
}
	
#footer1 {
	padding: 8px 0px;
}
#footer2 {
	padding: 6px 0px;
}
.footer_text {
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	word-spacing: 0px;
	line-height: 200%;
	padding-top: 4px;
	padding-bottom: 1px;
	text-align: center;
	text-decoration: underline;
}
.footer_text a:link {
	color:#FFFFFF;
	text-decoration:underline;
}
.footer_text a:visited {
	text-decoration:underline;
	color:#FFFFFF;
}
.footer_text a:hover {
	text-decoration:none;
	color:#CCCCCC;
}


/* PRODUCTS (used to be EVENTS) ======================================================================================================= */

.eventBlock {
	background-color:#F2f2f2;
	padding:20px 10px 30px;
	margin:0px 0px 20px;
	
	
}
.eventImg {
	float:left;
	display:inline;
	margin-right:20px;
	width:200px;
}
.eventText {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	line-height:15px;
	display:inline;
	float:left;
	width:480px;

}

.productTitle {
	font-size:14px;
	font-weight:bold;
	color:#000000;
	margin-bottom:5px;
}

.  {
	width:480px;
	text-align:right;
}


/* FEATURES ======================================================================================================= */

.features_mainRow {
	width:755px;
	height:193px;
	vertical-align:top;
	margin-top:20px;
	padding-left:7px;
	background-image: url(images/f_bg.gif);
}
.features_mainColumn {
	display:inline;
	float:left;
	vertical-align:top;
	padding-right:5px;
}
.features_mainTitle {
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-weight:bolder;
	line-height: 130%;
	font-size: 16px;
	color: #330099;
	
}
.features_mainText {
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	padding: 0px 30px 0px 0px;
	font-size: 12px;
	color: #333333;
}
.features_arrow { 
	padding-right:10px; 
	text-decoration:none; 
	background: url(images/arrow.gif) no-repeat 100% .3em ; 
	color: #6666CC;
}		
.features_arrow:hover {
	text-decoration:underline;
	color: #333333
}
.features_navBlock {
	display:inline;
	float:left;
	text-align:center;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 9px;
	text-decoration: none;
	width:182.5px;
	border:solid 4px #ffffff;
	background-color:#ededed;
}
.features_nav {
	color: #333333;
	background-color:#ededed;
}
.features_nav:hover {
	background-color:#ffffff;
}
.redText {
	color:#cc0000;
}
.suggestText {
	color:#3b75bb;
	font-size:12px;	
}
.suggestText a{
	color:#3b75bb;
	font-size:12px;	
}
.features_contentColumn {
	display:inline;
	float:left;
	vertical-align:top;
	background-color:#f2f2f2;
	width:310px;
	padding:10px 10px 10px 30px;
}
.feature_title {
	font-size:18px;
	font-weight:bold;
	margin-bottom:30px;
}

.features_arrow2 {
	padding: 15px 0 0 0;
	text-decoration:none; 
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #006699;
	line-height:16px;
}
.pointer {
	cursor:pointer;
}
	

/* CASE STUDIES ======================================================================================================= */

.case_row {
	margin-left:10px;
	width:740px;
	padding-left:10px;
	color:#003366;
	font-size:11px;
	line-height:130%;
}
.case_row_image {
	float:left;
	display:inline;
	margin-right:10px;
}
.case_row_block {
	float:left;
	display:inline;
	width:500px;
}
.case_learnMore {
	float:right;
	display:inline;
}
.case_row_title {
	font-weight:bold;
	font-size:12px;
	padding:13px 0px 10px;
	float:left;
	display:inline;
}
.case_navBlock {
	display:inline;
	float:left;
	text-align:center;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 9px;
	text-decoration: none;
	border:solid #ffffff;
	border-width:4px 2px;
	background-color:#ededed;
	padding:0px 5px;
}
.case_nav {
	color: #333333;
	background-color:#ededed;
}
.case_nav:hover {
	background-color:#ffffff;
}

.case_navRed {
	color: #cc0000;
	background-color:#ededed;
}
.case_navRed:hover {
	background-color:#ffffff;
}
.case_topCopy {
	margin:6px;
	padding:12px;
	border: 5px #ffffff solid;
	background-color:#ededed;
}
.case_middleCopy {
	margin:12px;
	padding: 24px 0px 20px;
	border-top: 1px dashed #999999;
	
}
.case_middleTitle {
	font-size:18px;
	font-weight:bold;
	color:#444444;
}
.case_middleInline {
	float:left;
	display:inline;
	width:300px;
}

.case_bottomGrey {
	margin:6px;
	padding: 10px;
	background-color:#e5e5e5;
	
}

.case_bottom_left {
	float:left;
	display:inline;
	width:418px;
	padding-right:20px;
}

.case_bottom_right {
	float:left;
	display:inline;
	width:270px;
	background-color:#cccccc;
}
.case_bottom_img {
	padding:10px;
}
.case_bottomTitle {
	font-size:16px;
	font-style:italic;
	color:#588585;
}
#case_column2 {
	position:relative;
	display:inline;
	float:left;
	height:inherit;
	width:741px;
	padding:20px 8px 8px 8px;
	background-color:#f2f2f2;
}



/* NEW TEMPLATE GALLERY ======================================================================================================= */

.temp_nav {
	text-align:right;
}
.temp_title {
	font-style:italic;
	font-weight:bold;
	font: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size:13px;
	color:#666666;
	position:relative;
	top:-6px;
	left:-4px;
}
.temp_disclaimer {
	font: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size:11px;
	color:#999999;
	line-height:120%;
	padding:30px 50px 10px 10px;
}
.temp_row {
	width:600px;
	text-align:left;
}
.temp_item {
	display:inline;
	float:left;
	margin:10px 0px 20px 30px;
	width:160px;
}
.temp_item_large {
	display:inline;
	float:left;
	margin:10px 0px 20px 30px;
	width:240px;
}
.temp_img_box {
	height:152px;
	text-align:center;
}
.temp_img_box_large {
	height:236px;
	text-align:center;
}
img.temp_img {
	vertical-align:bottom;
}
img.temp_img_new {
	vertical-align:bottom;
	padding-top:47px;
}
img.temp_img_new2 {
	vertical-align:bottom;
	padding-top:101px;
}
.temp_shadow {
	height:10px;
	background:url(images/shadow.gif) no-repeat center top;
}
.temp_enlarge {
	background:url(images/enlarge.gif) no-repeat left top;
	margin:0px 0px 2px 40px;
	padding:0px 0px 0px 20px;
}
.temp_download {
	background:url(images/download.gif) no-repeat left top;
	margin:0px 0px 2px 40px;
	padding:0px 0px 0px 20px;
}

.temp_enlarge_large {
	background:url(images/enlarge.gif) no-repeat left top;
	margin:0px 0px 2px 75px;
	padding:0px 0px 0px 20px;
}
.temp_download_large {
	background:url(images/download.gif) no-repeat left top;
	margin:0px 0px 2px 75px;
	padding:0px 0px 0px 20px;
}
#temp_column2 {
	position:relative;
	display:inline;
	float:left;
	height:inherit;
	background:url(images/grey_bg.gif) repeat-y left #f2f2f2;
}
#temp_navGap1 {
	height:40px;
}
#temp_navGap2 {
	height:15px;
}
#temp_contentBox {
	float:left;
	display:inline;
	width:610px;
	padding:0px 0px 0px 10px;
}
#temp_titleBox {
	border-bottom:1px solid #CCCCCC;
	background-color:#FFFFFF;
}

#temp_titleImage {
	padding:10px 10px 0px 5px;
}



/* DEMO FORM ======================================================================================================= */


.demoFormRow {
	width:600px;
	height:32px;
}
.demoFormColLeft {
	width:160px;
	text-align:right;
	padding:4px 5px;
	float:left;
	display:inline;
	color:#004c9c;
	font-weight:bold;
}
.demoFormColRight {
	width:340px;
	text-align:left;
	padding:2px;
	float:left;
	display:inline;
}

.requiredRed {
	color:#CC0000;
}

.demoFormContainer {
	width:500px;
	background-color:#ffffff;	
	padding:30px 0px 20px;
	border:1px solid #CCCCCC;
}
.demo_disclaimer {
	font-size:11px;
	color:#999999;	
}




/* UPDATER ======================================================================================================= */

.updaterTitle {
	font-size:14px;
	font-weight:bold;
	padding:20px 0px 3px;
}

.softwareMenu {
	font-style:italic;
	font-weight:bold;
	color:#cc0000;
}

.versionTitle {
	color:#000000;
	font-size:18px;
	font-weight:bold;
}
.versionVersion {
	color:#000000;
	font-size:12px;
	font-weight:100;
	padding-left:5px;
}

.versionTitleUnderlineDiv {
	width:650px;
	height:3px;
	margin:5px 0px;
	background-image:url(images/updater_line.gif);
	
}

.updaterImagesDiv {
	width:650px;
	text-align:center;
	padding:16px 0px;
}

.updaterImage {
	padding-right:3px;
}


/* DOWNLOAD POPUP ======================================================================================================= */


#downloadPopupBackground {
	background-color:#f3f3f3;
	background-position:top left;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	width:800px;
	height:600px;
}

#downloadTitle {
	font-size:26px;
	font-weight:bold;
	padding-bottom:6px;
}

#downloadSubTitle {
	font-size:20px;
	font-weight:100;
}


#downloadLeftDiv {
	float:left;
	display:inline;
	padding:60px 0px 0px 47px;
	width:220px;
}

#downloadRightDiv {
	float:left;
	display:inline;
	width:480px;
	padding:35px 40px 0px 0px;
}

#downloadDisclaimer {
	font-size:10px;
	color:#888888;
	line-height:11px;
	padding-bottom:20px;
}

#downloadRightTopDiv {
	font-size:12px;
	line-height:16px;
	padding-bottom:15px;

}

#downloadRightMiddleDiv {
	padding:0px 0px 20px 30px;
	font-size:11px;
	line-height:15px;
}

.downloadTeal {
	color:#258195;
	font-weight:bold;
	
}

.downloadInstructionBlock {
	width:160px;
	float:left;
	display:inline;
	padding-right:20px;
}


/* MISC ======================================================================================================= */

.clear {
	display: block;
	clear: both;
	padding: 0;
	margin: 0;
}

div vBot {
	vertical-align:bottom;
}

.floatLeft {
	float:left;
	display:inline;
}
.floatRight {
	float:right;
	display:inline;
}