/*
CSS by AvantInnovations.com
*/

.clear {
	clear:both;
	}
	
hr {
	height:1px;
	color:#FFFFFF;
	text-align:center;
	width:200px;
	}

	
/* Menu */

#menu {
	float:right;
	color:#555555;
	margin-top:50px;
	padding:3px 0 15px 0;
	font-weight:bold;
	font-size: 1.05em;
	height:14px;
	width:485px;
}

#menu a:hover{
	text-decoration:none;
	}

#menu li {
	list-style-type:none;
	list-style:none;
	display:inline;
	padding-right:20px;
}

#menu li span { 
visibility : hidden; 
}

#menu li#home { 
width : 42px;
background:url(../images/home.gif) no-repeat;
}
#menu li#home a:hover{ 
width : 42px;
background:url(../images/home_over.gif) no-repeat;
}
#menu li#about { 
width : 64px;
background:url(../images/about.gif) no-repeat;
}
#menu li#about a:hover{ 
width : 64px;
background:url(../images/about_over.gif) no-repeat;
}
#menu li#work { 
width : 67px;
background:url(../images/work.gif) no-repeat;
}
#menu li#work a:hover{ 
width : 67px;
background:url(../images/work_over.gif) no-repeat;
}
#menu li#services { 
width : 57px;
background:url(../images/services.gif) no-repeat;
}
#menu li#services a:hover{ 
width : 57px;
background:url(../images/services_over.gif) no-repeat;
}
#menu li#blog { 
width : 31px;
background:url(../images/blog.gif) no-repeat;
}
#menu li#blog a:hover{ 
width : 31px;
background:url(../images/blog_over.gif) no-repeat;
}
#menu li#contact { 
width : 72px;
background:url(../images/contact.gif) no-repeat;
}
#menu li#contact a:hover{ 
width : 72px;
background:url(../images/contact_h.gif) no-repeat;
}

.bottom-menu {
	float:left;
	width:550px;
	}
.bottom-menu a{
	color:#ffffff;
	}
.bottom-menu a:hover{
	color:#ffffff;
	text-decoration:underline;
	}

/*header*/

#header {
	height:90px;
	margin-bottom:25px;
	clear:both;
}

.logo {
	background:url(../images/logo.png) no-repeat;
	float:left;
	height:48px;
	margin-top:23px;
	width:284px;
}

/* Page */

#container {
	background:#FFFFFF url(../images/body_bg.gif) top repeat-x;
	border-top:#ad1e23 7px solid;
	border-left:#111111 1px solid;
	border-right:#111111 1px solid;
	margin:0 auto;
	width: 870px;
}

.gutter {
	margin:0 15px 0 15px;
	}

.gutter2 {
	padding:20px 0px 0px 0px;
	width:820px;
	margin:0 auto;
	}
	

/* Content */

#banner {
	height:350px;
	margin:0 auto;
	width:840px;
	}
#slider{
	height:316px;
	margin-bottom:25px;
	overflow:hidden;
}	
#slider ul, #slider li, #slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li, #slider2 li{ 
	width:840px;
	height:316px;
	overflow:hidden; 
	}

#welcome {
	float:right;
	margin-bottom:5px;
	width:485px;
	}

#column1 {
	float:left;
	padding-bottom:20px;
	width:335px;
	}

#column2 {
	float:right;
	margin-bottom:30px;
	width:485px;
	}
#column2 .hosting{
	margin-top:20px;
	margin-bottom:20px;
	}
	
#column2-a {
	float:left;
	padding-bottom:20px;
	margin-left:40px;
	width:200px;
	font-size: 0.923077em;
	}
#column2-a a{
	color:#555555;
	}
#column2-a a:hover{
	color:#990000;
	text-decoration:none;
	}

#column2-a ul {
    font-weight:normal;
    list-style-type:none;
}

#column2-a li {
    background:transparent url(../images/bullet.gif) no-repeat;
    background-position:0 5px;
	border-bottom:#999999 dashed 1px;
	margin-top:2px;
	margin-bottom:2px;
	padding-left:15px;
	line-height:20px;
}


#column2-b {
	float:left;
	margin-left:30px;
	padding-bottom:50px;
	width:200px;
	font-size: 0.923077em;
	}

#column2-b a{
	color:#555555;
	}
#column2-b a:hover{
	color:#990000;
	text-decoration:none;
	}
	
#column2-b ul {
    font-weight:normal;
    list-style-type:none;
}

#column2-b li {
    background:transparent url(../images/bullet.gif) no-repeat;
    background-position:0 5px;
	border-bottom:#999999 dashed 1px;
	margin-top:2px;
	margin-bottom:2px;
	padding-left:15px;
	line-height:20px;
}


#clientlist-a {
	float:left;
	padding-bottom:20px;
	margin-left:0px;
	width:210px;
	font-size: 0.923077em;
	}
#clientlist-a a{
	color:#555555;
	}
#clientlist-a a:hover{
	color:#990000;
	text-decoration:none;
	}

#clientlist-a ul {
    font-weight:normal;
    list-style-type:none;
}

#clientlist-a li {
    background:transparent url(../images/bullet.gif) no-repeat;
    background-position:0 5px;
	border-bottom:#999999 dashed 1px;
    margin: 2px 0 2px 0; 
	padding:2px 0 2px 15px;
}

#clientlist-b {
	float:left;
	margin-left:30px;
	padding-bottom:50px;
	width:210px;
	font-size: 0.923077em;
	}

#clientlist-b a{
	color:#555555;
	}
#clientlist-b a:hover{
	color:#990000;
	text-decoration:none;
	}
	
#clientlist-b ul {
    font-weight:normal;
    list-style-type:none;
}

#clientlist-b li {
    background:transparent url(../images/bullet.gif) no-repeat;
    background-position:0 5px;
	border-bottom:#999999 dashed 1px;
    margin: 2px 0 2px 0; 
	padding:2px 0 2px 15px;
}

	
#column1-1 {
	float:left;
	height:130px;
	margin-left:20px;
	overflow:hidden;
	width:200px;
	}

#column1-1 a{
	color:#990000;
	}
#column1-2a {
	margin-left:100px;
	overflow:hidden;
	width:200px;
	}

#column1-2 {
	float:left;
	height:110px;
	margin-left:30px;
	overflow:hidden;
	width:200px;
	}
#column1-3 {
	float:left;
	height:130px;
	margin-left:30px;
	overflow:hidden;
	width:200px;
	}

.printlist{
	float:left;
	font-size: 1em;
	margin-bottom:1em;
	margin-left:30px;
	width:120px;
	}
.printlist ul{
	list-style-type:disc;
	list-style:inside;
	}
	
#breadcrumb {
	background:#f6f6f6;
	color:#757575;
	padding:3px 3px 3px 5px;
	width:275px;
	font-size:0.923077em;
	font-weight:normal;
	margin-bottom:45px;
	}
	
#breadcrumb a{
	color:#757575;
	}

#sidebar {
	color:#656565;
	float:left;
	margin-left:10px;
	margin-bottom:30px;
	width:320px;
	}

#sidebar ul{
	list-style:none;
	list-style-type:none;
	}

#sidebar a{
	color:#656565;
	}
	
#sidebar a:hover{
	color:#990000;
	}
	
	
#contactdetails {
	color:#656565;
	margin-left:40px;
	width:220px;
	}
	
#bubble {
	background:url(../images/bubble.gif) no-repeat;
	color:#77201d;
	height:105px;
	padding:10px 15px 0px 15px;
	}

.bqstart {
     float: left;
     height: 5px;
     margin-top: 10px;
     padding-top: 0px;
     margin-bottom: 0px;
	 margin-right:8px;
     font-size: 400%;
     color: #8F3431;
 }

 .bqend {
     float: right;
     height: 5px;
     margin-top: 0px;
     padding-top: 15px;
	 margin-right:3px;
     font-size: 400%;
     color: #8F3431;
 }

.name {
	padding-left:20px;
	}
	
#getstarted {
	background:#f6f6f6;
	clear:left;
	float:left;
	font-size: 0.923077em;
	padding:10px;
	margin-bottom:20px;
	margin-top:20px;
	width:290px;
	}

#getstarted a{
	color:#990000;
	}

#getstartedlong {
	background:#f6f6f6;
	clear:left;
	float:left;
	padding:10px;
	margin-bottom:20px;
	margin-top:20px;
	}

.services1 {
	font-size: 0.923077em;
	float:left;
	width:160px;
	}
.services2 {
	font-size: 0.923077em;
	float:right;
	width:150px;
	}
.services2 li{
    margin: 2px 0 2px 0; 
	padding:2px 0 2px 0;
	}
.services1 li{
    margin: 2px 0 2px 0; 
	padding:2px 0 2px 0;
	}

.name {
	color:#656565;
	margin-bottom:20px;
	}
	
/* Portfolio page*/

#portfolio .title{
	margin-bottom:30px;
	width:500px;
	}
	
#portfolio h2{
	border-bottom:1px dashed #757575;
	color:#990000;
	font-size: 1.142857em;
	font-weight:bold;
	margin-bottom:10px;
	}
#portfolio .type{
	background:#f6f6f6;
	color:#555555;
	font-size:12px;
	margin:15px 167px 30px 0;
	padding:2px;
	text-align:center;
	width:275px;
	}

#portfolio .screenshot_ud{
	background:url(../images/portfolio/uglyducks.gif) no-repeat;
	border:1px solid #999999;
	float:left;
	margin-bottom:20px;
	height:136px;
	width:500px
	}
#portfolio .screenshot_ud:hover{
	background:url(../images/portfolio/uglyducksover.jpg)
	}
#portfolio .screenshot_fs{
	background:url(../images/portfolio/fiftysix.jpg) no-repeat;
	border:1px solid #999999;
	float:left;
	margin-bottom:20px;
	height:136px;
	width:500px
	}

#portfolio .screenshot_rm{
	background: url(../images/portfolio/recycledmonkey.gif) no-repeat;
	border:1px solid #999999;
	float:left;
	margin-bottom:20px;
	height:136px;
	width:500px
	}
#portfolio .screenshot_rm:hover{
	background:url(../images/portfolio/recycledmonkeyover.jpg)
	}
#portfolio .screenshot_war{
	background:url(../images/portfolio/war.gif) no-repeat;
	border:1px solid #999999;
	float:left;
	margin-bottom:20px;
	height:136px;
	width:500px
	}
#portfolio .screenshot_war:hover{
	background:url(../images/portfolio/warover.jpg)
	}
#portfolio .screenshot_fire{
	background:url(../images/portfolio/fire.gif) no-repeat;
	border:1px solid #999999;
	float:left;
	margin-bottom:20px;
	height:136px;
	width:500px
	}
#portfolio .screenshot_fire:hover{
	background:url(../images/portfolio/fireover.jpg)
	}
#portfolio .screenshot_carefree{
	background:url(../images/portfolio/carefree.gif) no-repeat;
	border:1px solid #999999;
	float:left;
	margin-bottom:20px;
	height:136px;
	width:500px
	}
#portfolio .screenshot_carefree:hover{
	background:url(../images/portfolio/carefreeover.jpg)
	}
#portfolio .screenshot_asbl{
	background:url(../images/portfolio/asbl.gif) no-repeat;
	border:1px solid #999999;
	float:left;
	margin-bottom:20px;
	height:136px;
	width:500px
	}
#portfolio .screenshot_asbl:hover{
	background:url(../images/portfolio/asblover.jpg)
	}
	
#portfolio .screenshot_gamers{
	background:url(../images/portfolio/gamers.gif) no-repeat;
	border:1px solid #999999;
	float:left;
	margin-bottom:20px;
	height:136px;
	width:500px
	}
#portfolio .screenshot_gamers:hover{
	background:url(../images/portfolio/gamersover.gif)
	}
	
#portfolio .info{
	float:left;
	height:225px;
	margin:0px 0px 10px 25px;
	width:300px
	}
.info li{
	font-size: 1em;
	list-style-type:none;
	}
.info p{
	margin-top:1em;
	}

.seperator {
	background:url(../images/seperator.gif) repeat-x;
	border-left:#111111 1px solid;
	border-right:#111111 1px solid;
	height:8px;
	width:870px;
	margin:0 auto;
	}

.thumbs {float:left; margin:0 30px 20px 0; border: 0px; color:#555555; font-weight:bold}
.thumbs img{border:2px solid #999999; margin:0px;}
.thumbs a:hover img{ margin:0px;}
.thumbs a{ font-weight:normal}
.thumbs p{margin:0 0 0 4px; line-height:2em;}


/* Services Titles */

#title-services{
	text-indent:-9000px;
	background:url(../images/services.png) no-repeat;
	width:485px;
	height:55px;
      }
#title-portfolio{
	text-indent:-9000px;
	background:url(../images/portfolio.png) no-repeat;
	width:485px;
	height:55px;
      }
#title-about{
	text-indent:-9000px;
	background:url(../images/aboutus.png) no-repeat;
	width:485px;
	height:55px;
      }
#title-seo{
	text-indent:-9000px;
	background:url(../images/seo.png) no-repeat;
	width:485px;
	height:55px;
      }
#title-hosting{
	text-indent:-9000px;
	background:url(../images/hosting.png) no-repeat;
	width:485px;
	height:55px;
      }
#title-design{
	text-indent:-9000px;
	background:url(../images/design.png) no-repeat;
	width:485px;
	height:55px;
      }
#title-programming{
	text-indent:-9000px;
	background:url(../images/programming.png) no-repeat;
	width:485px;
	height:55px;
      }
#title-blogging{
	text-indent:-9000px;
	background:url(../images/blogging.png) no-repeat;
	width:485px;
	height:55px;
      }
#title-printdesign{
	text-indent:-9000px;
	background:url(../images/printdesign.png) no-repeat;
	width:485px;
	height:55px;
      }
#title-contact{
	text-indent:-9000px;
	background:url(../images/contact.png) no-repeat;
	width:485px;
	height:55px;
      }


/*   
blockquote.style1 span {
    display: block;
    background-image: url(../images/closequote.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
   } */
   
   
.ft-myers {
	font-size:24px;
	font-weight:normal;
	}

.grey strong{
	font-size:14px;
	}

/*Footers*/

.subfooter {
	float: left;
	width: 200px;
	height:90px;
	margin-left: 20px;
	margin-right: 10px;
	line-height:1.5em;
}

.line {
	background:#9a9a9a;
	height:80px;
	width:1px;
	float:left;
	margin-right:25px;
	margin-left:15px;
	margin-top:20px;
	}

.subfooter_message {
	float: left;
	width: 240px;
	height:120px;
	margin-left: 10px;
	overflow: hidden;
}

.subfooter_bottom {
	float: left;
	width: 200px;
	margin-top:-17px;
	margin-left: 20px;
	margin-right:51px;
}

.subfooter_bottom2 {
	float:left;
	width: 200px;
	margin-left: 45px;
	overflow: hidden;
	margin-top:-20px;
}

.subfooter_bottom a{
	color:#990000;
}

.boldbottom{
	color:#555555;
	font-weight:bold;
}

.twitter a{
	font-size:12px;
	color:#333333;
	list-style:none;
	}

.twitter li{
	list-style:none;
	}

#testimonials {
	color:#555555;
	float:left;
	margin-left:10px;
	margin-bottom:30px;
	width:320px;
	}


.up {
	width:640px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:40px;
	}

.top {
	float:right;
	margin-top:3px;
	text-align:right;
	width:50px;
	}
	

/* Footer */

#subfooter {
	background: #ededed;
	border-left:#111111 1px solid;
	border-right:#111111 1px solid;
	color:#444444;
	height:170px;
	margin:0 auto;
	width:870px;
	font-size: 0.923077em;
}

#subfooter img{
	margin-bottom:5px;
	}		


#footer {
	background: url(../images/footerbg.png) no-repeat;
	color:#e8e8e8;
	height:35px;
	margin:0 auto;
	width:870px;
	padding-top:8px;
	font-size: 0.923077em;
	clear:both;
}

#footer li{
	list-style:none;
	list-style-type:none;
	display:inline;
	margin-right:15px;
	margin-left:0px;
	color:#ffffff;
	}

.footertext{
	text-align:left;
	margin:0 auto;
	width:660px;
	padding-left:10px;
	}
	
#footer2 {
	color:#CCCCCC;
	height:40px;
	margin:0 auto;
	width:870px;
	padding-top:10px;
	font-size: 0.923077em;
	margin-bottom:55px;
}
#footer2 a{
	color:#CCCCCC;
}
	
#credits {
	float:left;
	width:300px;
	margin-left:15px;
	}
#credits a{
	color:#CCCCCC;
	}


#avant {
	float:right;
	width:500px;
	margin-right:15px;
	text-align:right;
	}
#avant img{
	margin-top:0px;
	}
#avant a{
	color:#CCCCCC;
	}
#avant .small{
	font-size:0.923077em;
	line-height:2em;
	}

.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }

#stickyfooter{
	background:url(../images/stickybg2.png); 
	z-index:999;
	position:fixed; bottom:0;
	width:100%;
	border-top:2px #303030 solid;
}
#stickyfooter .left{
	background: url(../images/ai.png) no-repeat left top;
	color:#fff;
	font-size:12px;
	margin:2px 0 5px 15px;
	padding:6px 0 5px 47px;
	width:450px;
	float:left;
}
#stickyfooter .left p span{ font-weight:bold; font-style:italic;}
#stickyfooter .left p{ margin:0; line-height:14px;}
#stickyfooter .right{
	color:#fff;
	font-size:13px;
	padding:12px 40px 0 0;
	width:450px;
	float:right;
	text-align:right;
	font-style:italic;
}
#stickyfooter .right span{ font-weight:bold; font-style:italic; font-size:18px}

/* TYPOGRAPHY */

/* -------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0 ;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: top;
}

body { 
  line-height: 1.5; 
}

/* Remove possible quote marks (") from <q>, <blockquote>. */


/* Remove annoying border on linked images. */
a img { border: none; }



/* -------------------------------------------------------------- */

body {
  font-size: 81.25%;
  line-height:1.5em;
  color: #555555;
  background: #1d1d1d url(../images/fade_bg.jpg) repeat-y 50% 0 fixed;
  font-family: Arial, Helvetica, sans-serif;
}

html>body {
font-size: 13px;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 2.153846em; line-height: 1.333333em; margin-top: 1.333333em; margin-bottom:1em }
h2 { font-size: 1.615385em; line-height: 1.166667em; margin-top:0em; margin-bottom:.5em; color:#8f3431;border-bottom:1px solid #cccccc; padding-bottom:3px;}
h3 { font-size: 1.076923em; line-height: 1.5em; margin-top:0em; margin-bottom:1em; color:#555555; font-weight:normal; }
h4 { font-size: 1.153846em;; line-height: 1.266667em; color:#990000; font-weight:bold; margin-bottom:1em;   }
h5 { font-size: 1.076923em; line-height:1.5em; color:#656565; font-weight:bold; margin-bottom:1em;  }
h6 { font-size: 1.153846em; line-height:1.5em; color:#555555; font-weight:bold; margin-bottom:.5em; }
.bold { font-size: 1em;; line-height:1.5em; color:#993333; font-weight:bold; margin-bottom:1em;  }


h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { line-height:1.5em; margin-bottom:1em; font-size:1em;}
p img       { float: left; margin: 5px;}
p img.right { float: right; }
.right      { float: right; }
.topimage	{ margin:0 5px 0 0}


a:focus, 
a:hover     { color: #990000; text-decoration:underline }
a           { color: #990000; text-decoration:none; }

/*blockquote  { font-style: italic; margin-bottom:.5em; margin-top:1.5em; width:275px;}*/
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

.dquo { margin-left: -.5em; }
/* Lists
-------------------------------------------------------------- */


ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1em; }
.large      { font-size: 1.153846em; line-height:1.5em; font-weight:bold}
.large1      { font-size: 1.5em; line-height:1.5em; font-weight:bold}
.hide       { display: none; }


.red        { color:#990000 }
.red a       { color:#990000 }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:none; font-weight:normal; font-size:12px; font-weight:bold; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }



/*8888888888888888888888 FORM CSS 888888888888888888888888888888*/



/* CSS Document */
.form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 5px;
  width: 275px; 
}

.form2 {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 5px;
  min-width: 400px;
  max-width: 400px;
  width: 400px; 
}

.form3 label {
	float: left;
	width: 45%;
	display: block;
	padding: 0.4em;
}

.form fieldset {
  border-color: #000;
  border-width: 0px;
  border-style: solid;
  padding: 0px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

.form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

.form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 75px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}

.form label2 { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 125px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}

.form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:none;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

.form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px;
}

.form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

.form textarea { overflow: auto; height:25px; }

.smaller {
	font-size:80%;
	color:#757575;
	}

.medium {
	font-size:90%;
	padding:2px;
	background:#CCCCCC;
	margin-left:0px;
	color:#222222;
	}

.button {
	background:#333333;
	color:#FFFFFF;
	border:#000000 1px solid;
	font-size:12px;
	margin-left:68px;
	margin-top:4px;
	width:50px;
	height:20px;
	padding:1px;
	padding-bottom:2px;
	}

.button2 {
	background:#333333;
	color:#FFFFFF;
	border:#000000 1px solid;
	font-size:12px;
	width:50px;
	height:24px;
	padding:1px;
	}

.button3 {
	background:#333333;
	color:#FFFFFF;
	border:#000000 1px solid;
	font-size:12px;
	margin-top:4px;
	height:24px;
	padding:1px;
	padding-bottom:2px;
	}

.form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}


/* CONTACT PAGE FORM*/

.form3 {
	background:#f6f6f6;
	padding:10px;
	position:relative;
	width: 455px;
}

.form3 fieldset {
	margin: 0;
	border: 0;
	padding: 0;
	clear: left;
}

.form3 legend {
	clear: both;
	font-size: 100%;
	font-weight: bold;
	padding-left: 0;
	padding-top: 0.8em;
/*
	position: relative;
	left: -0.5em;
*/
}

.form3 label {
	float: left;
	width: 45%;
	display: block;
	padding: 0.4em;
}

.form3 label.wider {
	width: 95%;
}

.form3 label.narrower {
	/* IE 6 (and most other browsers) */
	width: 20%;
}

.xform label.narrower {
	/* IE 5.5 */
	width: 23%;
}

.form3 input, select, textarea {
	width: 100%;
	margin-top: 0.1em;
}

.smallinput {
	padding-left: 2em;
	margin-right: -2em;
}

.smallinput input {
	width: 1.2em;
	height: 1.1em;
	margin-right: 0.4em;

	position: relative;
	padding-left: 0.3em;
}

.submit input {
	width: 4em;
}

.form3 .button {
	background:#333333;
	color:#FFFFFF;
	border:#000000 1px solid;
	font-size:12px;
	width:50px;
	height:24px;
	padding:1px;
	}

.hint {
   	display: none;
    position: absolute;
    right: 250px;
    width: 150px;
    margin-top: 0px;
    border: 1px solid #cc3333;
    padding: 5px 7px;
	color:#cc3333;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffffdf;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
	margin-left:-138px;
	top:-10px;
    width: 19px;
    height: 10px;
    background: url(../images/pointer.gif) left top no-repeat;
}