@charset "utf-8";
/* CSS Document */
@font-face {  
  font-family: " CuprumFFU, Cuprum ";  
  src: url( /fonts/Cuprum.otf ); /* IE */  
  src: local(" Cuprum "), url( /fonts/Cuprum.otf ) format("truetype"); /* non-IE */  
} 
body { font-family:CuprumFFU, Cuprum, sans-serif; color:#666; }
h1 { height:74px; }
h2 { font-size:2em; font-weight:500; }

.block1 {
	width:652px;
	height:598px;
/*	background-image:url(../images/01difference.jpg);
	background-repeat:no-repeat;
	left:200px;*/
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	position:absolute;
	cursor:pointer;
	}
	
.block2 {
	width:851px;
	height:598px;
	background-image:url(../images/02differenceline.png);
	background-repeat:no-repeat;
	background-position:right;
/*	left:695px;*/
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	position:absolute;
	cursor:pointer;
	}

.block3 {
	width:0px;
	height:598px;
	background-image:url(../images/03differencequestionb.png);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	left:550px;
	right:0;
	position:absolute;
	display:none;
	cursor:pointer;
	}

.block5 {
	width:0px;
	height:598px;
	background-image:url(../images/04differenceredlinec.png);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	left:0px;
	right:0;
	position:absolute;
	display:none;
	cursor:pointer;
	}

#menu {
	list-style:none;
	margin-left:970px;
	margin-top:530px;
	display:none;
	color:#f00;
	font-size:1.6em;
	}
a { color:#f00; text-decoration:none;}
a:hover { color:#666; text-decoration:none;}
.b1copy { font-size:2.3em; letter-spacing:.1em; color:#f00; margin-top:125px;}
.b3copy { font-size:1.9em; margin-top:475px; margin-left:160px; text-align:center;}
.home { float:left; }
.about { float:left; padding-left:20px; }
.blog { float:left; padding-left:20px; }
.contactus { float:left; padding-left:20px; }

/*inside page*/
#logo { background-image:url(../images/cfx_logo.jpg); width:247px; height:74px; text-indent:-999px; margin: 70px 0 10px 65px; }

#leftpanel { width: 250px; float:left; }
.leftpanel { width: 250px; float:left; position:absolute; z-index:100;}

.leftdiagonal { background-image:url(../images/red_diagonal.png); background-repeat:no-repeat; width:250px; height:300px; }
.navigation { text-align:right; margin-right:20px; }
.navigation ul li { list-style:none; display:inline; padding: 0 5px; }

ul { list-style:none; }

.navigation2 { text-align:right; margin-right:20px; }
.navigation2 ul li { list-style:none; display:inline; padding: 0 5px; }

/*.navigation3 { text-align:right; margin-right:20px; }*/
.navigation3 ul li { list-style:none; display:inline; padding: 0 5px; }

#rightpanel { margin-left: 260px; height:398px; }
.rightpanel { margin-left: 80px; height:398px; }

.bloghead { height:180px; text-align:right; margin-right:550px; padding-top:20px; line-height:2.5em; letter-spacing:.2em; }
.blogtext1 { height:35px; text-align:right; margin-right:600px; }
.blogtext2 { height:35px; text-align:right; margin-right:620px; }
.blogtext3 { height:35px; text-align:right; margin-right:640px; }
.blogtext4 { height:35px; text-align:right; margin-right:660px; }
.blogtext5 { height:35px; text-align:right; margin-right:685px; }

.bloghead2 { height:150px; text-align:right; padding-top:20px; line-height:2.5em; letter-spacing:.2em; width:580px; }
.blogcopy { text-align:right; line-height:2em; width:580px; }

.more { text-align: right; margin-right:100px; margin-top:200px; float:right; font-size:5em; }

.abouthead { height:100px; text-align:right; margin-right:400px; padding-top:15px; line-height:2.5em; letter-spacing:.2em; }
.abouttext1 { height:30px; text-align:right; margin-right:450px; }
.abouttext2 { height:50px; text-align:right; margin-right:470px; }
.abouttext3 { height:30px; text-align:right; margin-right:490px; }
.abouttext4 { height:30px; text-align:right; margin-right:510px; }
.abouttext5 { height:80px; text-align:right; margin-right:530px; }
.abouttext6 { height:30px; text-align:center; margin-right:530px;}

.contacthead { height:130px; padding-top:20px; line-height:2.5em; letter-spacing:.2em; }

/*#howhead { height:110px; margin-left:600px; padding-top:20px; line-height:2.5em; letter-spacing:.2em; }*/
#howhead { height:100px; text-align:right; margin-right:0px; padding-top:15px; line-height:2.5em; letter-spacing:.2em; }
#howtext1 { height:50px; margin-left:280px; }
#howtext2 { height:50px; margin-left:380px; }
li#howtext3 { height:50px; text-align:right; list-style:none; margin-left:250px; width:300px;}
li#howtext4 { height:50px; text-align:right; list-style:none; margin-left:210px; width:300px;}
li#howtext5 { height:50px; text-align:right; list-style:none; margin-left:200px; width:300px;}
#howtext6 { height:25px; margin-left:220px; }
#howtext7 { height:25px; margin-left:220px; }
#howtext8 { height:20px; margin-left:240px; }

li#howtext3 a { color:#666;}
li#howtext4 a { color:#666;}
li#howtext5 a { color:#666;}

li#howtext3 a:hover { font-size:20px; }
li#howtext4 a:hover { font-size:20px; }
li#howtext5 a:hover { font-size:20px; }

a span.cap { font-size:20px; }
a:hover span.cap { font-size:30px; }

div#howimages { width:600px; height:398px; overflow:hidden; margin-left:600px; }

div#howrightpanel { position:absolute; z-index:5; }
div#howrightpanel li { position:relative; }

.rightdiagonal { background-image:url(../images/red_diagonal2.png); background-repeat:no-repeat; width:233px; height:498px; }

.rightblog { height:498px; float:right; }

.contact { line-height:3em; width:100%; }

.comments { border-bottom:solid 1px #666; padding-bottom:20px;}