@charset "utf-8";
/* CSS Document */


/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

* {margin:0; padding:0px; outline:none; outline-style:none;}
body {font-family: Verdana, Times, serif; font-size:12px; margin:0; padding:0; background-color:#efefef; color:#000000; text-align:left}

p {margin:0px 0px 10px 0px; font-size:1.3em;line-height:1.1em; text-align:left}

h1 {margin:0px;font-size:2.5em;font-weight:bold;letter-spacing:-1px;word-spacing:-0.02em;text-align:center;margin-top:-3px;margin-bottom:30px;line-height:1em;font-family:Arial, Helvetica, Verdana, sans-serif;}
h2 {margin:0px; font-size:1.5em;font-weight:bold;line-height:1em;margin-top:30px;margin-bottom:10px;font-family:Arial, Helvetica, Verdana, sans-serif;}
h3 {margin:0px; font-size:1.3em;font-weight:bold;line-height:1em;margin-top:15px;margin-bottom:8px;font-family:Arial, Helvetica, Verdana, sans-serif;}

ul { margin:0px 0px 10px 20px; font-size:1.3em; line-height:1.1em; text-align:left}
ol { margin:0px 0px 10px 20px; font-size:1.3em; line-height:1.1em; text-align:left}

a:link {color:#000099}

blockquote {margin:22px 40px; upadding:3px; padding: 0 50px; font-size:12px; background: transparent url("../images/blockquote.gif") no-repeat 0 0;}

.side blockquote {margin:10px 10px;background: none;background-color:#EFBBB4;width 130px;float:right;border:solid 3px #E5877C;padding:5px;}
.side blockquote p {font-size:11px;text-align:center;}

.highlight {background-color: #ffff00;}

.johnson {padding: 15px 10px 0px 15px;color: #000;margin:18px 0px 10px 0px; border: solid 3px #E5877C;background-color: #EFBBB4;font-family:Arial, Helvetica, Verdana, sans-serif;}

img {border:none;}

/*
---------------------------------------------
02. WRAPPER
---------------------------------------------
*/

#wrapper {width:700px; padding:0 5px; margin:0 auto; background:url(../images/bg_wrapper.gif) repeat-y; overflow:auto;}

/*
---------------------------------------------
03. HEADER
---------------------------------------------
*/

#header {width:700px; float:left; height:52px; border-bottom:5px solid #be5c6b; background:#a70632;}

/*
---------------------------------------------
03.1  HEADER - LOGO
---------------------------------------------
*/

#header #logo {width:205px; float:left; display:block; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; font-weight:bold; padding:17px 0 0 20px;} 

/*
---------------------------------------------
03.2  HEADER - NAVIGATION
---------------------------------------------
*/

#header ul {display:block; float:right; width:437px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:33px;}
#header ul li {display:inline; float:right}
#header ul li a {display:block; float:left; margin:0 2px 0 0; padding:0 0 0 5px; text-decoration:none; background:url(../images/bg_menu_left.gif) top left no-repeat;}
#header ul li a span {display:block; background:url(../images/bg_menu_right.gif) top right no-repeat; padding:3px 10px 3px 5px; color:#fff; font-weight:bold; cursor:pointer; }

#header ul li a:hover, #header ul li.selected a { background-position:0 -21px; color:#a70632;}
#header ul li a:hover span, #header ul li.selected a span {background-position:100% -21px; color:#a70632;}


/*
---------------------------------------------
04. CONTENT
---------------------------------------------
*/

#content {width:650px; float:left; padding:20px;} 


/*
---------------------------------------------
05. CONTACT FORM AND SUBMIT BUTTON
---------------------------------------------
*/

#contactform {width:630px; background-color:#ffffcc; border-left:3px solid #eddb97 ; border-top:3px solid #eddb97; border-right:3px solid #eddb97;border-bottom:3px solid #eddb97; padding-left:12px; padding-right:12px; margin:0px 0px 18px 0px; float:left }

.formset { width:210px; float:left}
form {  margin-top:12px; margin-bottom:12px; width:420px; float:left}
label {font-weight: normal; font-size:13px; margin:0; padding:0; padding-top:0}
input {margin: 0 0 10px 0;	width: 190px;padding: 2px 3px;	font-family: Arial, sans-serif;
font-size: 1.2em;color: #000;background: #fff; border-left:1px solid #b7b7b7 ; border-top:2px solid #878886; border-right:1px solid #ebeae9;border-bottom:1px solid #dddddd;}

.ecover { width:180px; float:left; padding-left:20px; padding-top:20px}
.ecover p { text-align:left; font-size:12px; padding-left:8px; padding-top:10px; line-height:1.4em}

.submitbutton { float:left; margin:0; padding:0; padding-left:60px}

.button {border: 1px solid #000000; background-color: #FFFFFF;	padding: 5px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-size: 12px;cursor: default; background-image: url(../images/alexButtonBg.gif); background-repeat: repeat-x;	background-position: bottom;
}
#buttonPad {padding: 5px;background-color: #CC3333;}

/*
---------------------------------------------
06. FOOTER
---------------------------------------------
*/

#footer {width:650px; margin:auto; text-align:center; color:#9999a6; font-size:11px}
#footer a:link, #footer a:visited { padding-left:4px; padding-right:4px;color:#9999a6; text-decoration:none}
#footer a:hover {text-decoration:none; color:#000}


#border {background:url(../images/bg_bottom.gif) no-repeat top; height:25px; width:710px; margin:auto; text-align:center; color:#9999a6; font-size:11px}


/*
---------------------------------------------
06. FLOATER
---------------------------------------------
*/

#floatdiv {position:absolute; width:145px; height:60px; left:0px; top:0px; padding:10px; background:#EFBBB4; border:2px solid #E5877C; font-family:Arial, Helvetica, Verdana, sans-serif; font-size:1.5em;}


/*
---------------------------------------------
07. TOOLTIP
---------------------------------------------
*/


dl {
	font:normal 12px/15px Arial;
    position: relative;
    width: 350px;
}
dt {
    clear: both;
    float:left;
    width: 180px;
    padding: 0px 0 0px 0;
    text-align: left;
}
dd {
    float: left;
    width: 200px;
    margin: 0 0 0px 0;
    padding-left: 6px;
}


/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right:5px;
    width: 200px;
    margin-top: -13px;
    border: 1px solid #E5877C;
    padding: 10px 10px;
    /* 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: #EFBBB4 url(../images/pointer.gif) no-repeat -10px 5px;
}

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


/*
---------------------------------------------
08. SPEECH BUBBLE
---------------------------------------------
*/

#bubble { width:650px; float:left}
#bubble p { padding-bottom:0px}

#bubble h2 { font-size:1.5em; margin:0; padding:0; padding-bottom:10px; padding-top:10px}

#bubble .top { width:630px; float:left; background:#E5ECC9 url(../images/bubble_top.gif) no-repeat top; padding-top:15px; padding-left:10px; padding-right:10px}
#bubble .bottom { width:650px; height:25px; float:left; background:#E5ECC9 url(../images/bubble_bottom.gif) no-repeat top; margin-bottom:5px}