@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;
*/
	width: 543px;
	height:498px;
/*	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:709px;
	height:498px;
	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:498px;
	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:498px;
	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:780px;
	margin-top:470px;
	display:none;
	color:#f00;
	font-size:1.4em;
	}
a { color:#f00; text-decoration:none;}
a:hover { color:#666; text-decoration:none;}
.b1copy { font-size:1.8em; letter-spacing:.1em; color:#f00; margin-top:125px;}
.b3copy { font-size:1.5em; margin-top:375px; 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 75px; }

#leftpanel { width: 250px; float:left; }
.leftpanel { width: 250px; float:left; }

.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:498px; }
.rightpanel { margin-left: 260px; height:498px; }

.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:480px; }
.blogcopy { text-align:right; line-height:2.5em; width:480px; }

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

.abouthead { height:130px; text-align:right; margin-right:500px; padding-top:20px; line-height:2.5em; letter-spacing:.2em; }
.abouttext1 { height:35px; text-align:right; margin-right:550px; }
.abouttext2 { height:80px; text-align:right; margin-right:570px; }
.abouttext3 { height:35px; text-align:right; margin-right:590px; }
.abouttext4 { height:35px; text-align:right; margin-right:610px; }
.abouttext5 { height:80px; text-align:right; margin-right:630px; }
.abouttext6 { height:40px; text-align:center; margin-right:630px;}

.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; }
#howtext1 { height:50px; margin-left:550px; }
#howtext2 { height:50px; margin-left:680px; }
li#howtext3 { height:50px; text-align:right; list-style:none; margin-left:550px; width:300px;}
li#howtext4 { height:50px; text-align:right; list-style:none; margin-left:510px; width:300px;}
li#howtext5 { height:50px; text-align:right; list-style:none; margin-left:500px; width:300px;}
#howtext6 { height:25px; margin-left:420px; }
#howtext7 { height:25px; margin-left:420px; }
#howtext8 { height:20px; margin-left:440px; }

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:620px; height:498px; overflow:hidden; margin-left:630px; }

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; }

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