<!--

body{
background-image: url("images/bg2.jpg");
background-repeat: repeat-x;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
background-color: #000000;
text-align:center;
}

#twitterlogo{
	position: absolute;
	left: 626px;
	top: 10px;
	width:80px;
	height:30px;
	background: url(images/twitter2.gif);  no-repeat;
	text-indent:-9999px;
	z-index: 1;		
}

#facebooklogo{
	position: absolute;
	left: 540px;
	top: 10px;
	width:80px;
	height:30px;
	background: url(images/facebook2.gif);  no-repeat;
	text-indent:-9999px;
	z-index: 1;		
}

#facebooklike{
	position: absolute;
	left: 440px;
	top: 16px;
	width:90px;
	height:21px;
	text-indent:-9999px;
	z-index: 1		
}


#wrapper{
position: relative;
text-align: left;
width: 778px;
margin: 0 auto
} 
 
#header {
  width : 778px;
  height : 229px;
  background : url("images/corfinilogo.png") no-repeat; /* CHANGED/ADDED THIS */
 }
 
#content {
  float : left;
  width : 778px;
  margin : 10px 0px;
}

 
/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_one */

.menu1 {border-left:0px solid #000; border-right:0px solid #000; border-top:0 solid #000; margin:0; height:35px; background:#fff url('images/button1.gif'); position:relative; border-bottom:1px solid #444; list-style-type:none; padding-left:32px; padding-right:0; padding-top:0; padding-bottom:0}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:12px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 6px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 10px 0 6px;}
.menu1 li.current a {color:#fff; background:url(images/button3.gif);}
.menu1 li.current a b {background:url(images/button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(images/button2.gif);}
.menu1 li a:hover b {background:url(images/button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(images/button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(images/button3.gif) no-repeat right top;}

.inputtext          { width: 254px; font-family: Arial; font-size: 11px; color: #333333; font-weight: normal  }


.regcell            { padding-right: 8px; padding-left: 8px; padding-top: 8px; padding-bottom: 8px; font-family: Arial; font-size: 12px; color: #333333; font-weight: normal; text-align:left } 
.regcell2           { padding-right: 8px; padding-left: 8px; padding-top: 8px; padding-bottom: 8px; font-family: Arial; font-size: 12px; color: #333333; font-weight: normal; text-align:left }

.navpad             { padding-right: 4px; padding-left: 0px; padding-top: 2px; padding-bottom: 2px; font-family: Arial; font-size: 12px; color: #E1E1E1; font-weight: normal; text-align:left }

.normaltext         { font-family: Arial; font-size: 12px; color: #E1E1E1; font-weight: normal; text-align:left }
.normaltext2        { font-family: Arial; font-size: 12px; color: #E1E1E1; font-weight: normal; line-height:1.5em; text-align:left }
.normaltextc        { font-family: Arial; font-size: 12px; color: #E1E1E1; font-weight: normal; text-align:center }
.normaltextw        { font-family: Arial; font-size: 12px; color: #F3F2F2; font-weight: bold }
.formtext           { font-family: Arial; font-size: 12px; font-weight: normal }
.statetext          { font-family: Times; font-size: 28px; color: #7D7D7D; font-weight: normal; padding-left: 8px; }
.statetextb         { font-family: Times; font-size: 22px; color: #7D7D7D; font-weight: normal }
.copy               { font-family: Arial; font-size: 10px; color: #E1E1E1; font-weight: normal; text-align: center }
.fbtm               { font-family: Arial; font-size: 10px; color: #ffffff; font-weight: normal; text-align: left }

A:link              { font-family: Arial; font-size: 12px; text-decoration: none; color: #627D8E; font-weight: normal }
A:visited           { font-family: Arial; font-size: 12px; text-decoration: none; color: #627D8E; font-weight: normal }
A:hover             { font-family: Arial; font-size: 12px; text-decoration: underline; color: #627D8E; font-weight: normal }

a.nav:link          { font-family: Arial; font-size: 12px; font-weight: normal; text-decoration: none; color: #E1E1E1 }
a.nav:visited       { font-family: Arial; font-size: 12px; font-weight: normal; text-decoration: none; color: #E1E1E1 }
a.nav:hover         { font-family: Arial; font-size: 12px; font-weight: normal; text-decoration: underline; color: #FFFFFF } 

a.footer:link       { font-family: Arial; font-size: 12px; font-weight: normal; text-decoration: none; color: #333333 }
a.footer:visited    { font-family: Arial; font-size: 12px; font-weight: normal; text-decoration: none; color: #333333 }
a.footer:hover      { font-family: Arial; font-size: 12px; font-weight: normal; text-decoration: none; color: #FFFFFF }

a.designs:link       { font-family: Arial; font-size: 10px; font-weight: normal; text-decoration: none; color: #FFFFFF }
a.designs:visited    { font-family: Arial; font-size: 10px; font-weight: normal; text-decoration: none; color: #FFFFFF }
a.designs:hover      { font-family: Arial; font-size: 10px; font-weight: normal; text-decoration: none; color: #333333 }

a.nav2:link         { font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: underline; color: #E1E1E1 }
a.nav2:visited      { font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: underline; color: #E1E1E1 }
a.nav2:hover        { font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: underline; color: #FFFFFF }


   /* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox {
      background: #BCC1FF;
      float: right;
      margin: 0 0 0 1em;
      width: 175px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox #top, div#roundedbox #bottom {
      font-size: 1px;
      height: 16px;
      line-height: 1px;
      
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox #topleft {
      background: url("../images/corners.gif") no-repeat top left;
      float: left;
      height: 16px;
      width: 16px;
   }
   div#roundedbox #topright {
      background: url("../images/corners.gif") no-repeat top right;
      float: right;
      height: 16px;
      width: 16px;
   }
   div#roundedbox #bottomleft {
      background: url("../images/corners.gif") no-repeat bottom left;
      float: left;
      height: 16px;
      width: 16px;
   }
   div#roundedbox #bottomright {
      background: url("../images/corners.gif") no-repeat bottom right;
      float: right;
      height: 16px;
      width: 16px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox #boxcontent {
      margin: -1em 1em;
   }
   /* Finally, well give paragraphs in the box a little smaller top 
   and bottom margin just to keep things tight. */
   div#roundedbox p {
      margin: .5em 0;
   }

/********** contact form **********/
.form { float:left; width:400px; margin:5px auto; padding:10px; background:#f1f1f1; border:1px solid #e1e1e1;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#7a7a7a;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#747474; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:360px; border:1px solid #cecece; margin:5px 0; padding:5px 2px; height:15px; background:#f5f5f5;}
#contactform textarea { width:360px; border:1px solid #cecece; margin:10px 0; padding:2px; background:#f5f5f5; height:150px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 20px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
p.head { text-align:left; color:#E1E1E1; font:normal 12px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

-->