/*CSS Document*/
body {
     background-color:#FFFFFF;
     margin:0px;
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:11px;
     color:#333333;
     height: 100%;
}
/*Opera Fix*/
body:before {
	content:""
	height:100%;
	float:left;
	width:0;
	margin-top: -32767px;/
}
#wrap {min-height:100%;}

#main {overflow: auto;
	padding-bottom:20px;} /*must be same height as the footer */
h1 {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:200%;
    color:#000000;
    font-weight:normal;
}
h2 {
    font-size:180%;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-variant:small-caps;
}
h3 {
    font-size:140%;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-variant:small-caps;
}
#tabs {
    float:right;
    width:100%;
    background:#F4F4F4;
    font-size:110%;
    line-height:normal;
    }
#tabs ul {
    margin:0;
    padding:10px 10px 0 50px;
    list-style:none;
    }
#tabs li {
    display:inline;
    margin:0;
    padding:0;
    }
#tabs a {
    float:right;
    background:url("tableft.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
    font-variant:small-caps;
    }
#tabs a span {
    float:left;
    display:block;
    background:url("tabright.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#000000;
    }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
    text-shadow: 2px 2px 2px #888;
    }
#tabs a:hover {
    background-position:0% -42px;
    }
#tabs a:hover span {
    background-position:100% -42px;
    }
#networking {
    float:right;
    width:100%;
    background:#ffffff;
    font-size:110%;
    line-height:normal;
    }    
#networking ul {
    margin:0;
    padding:10px 10px 0 50px;
    list-style:none;
    }
#networking li {
    display:inline;
    margin:0;
    padding:0;
    }
#networking a {
    float:right;
    background:url("tableft.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
    }
#networking a span {
    float:left;
    display:block;
    background:url("tabright.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#000000;
    }
#network img {
    width: 45px;
    height: 45px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#networking a span {float:none;}
/* End IE5-Mac hack */
#networking a:hover span {
    text-shadow: 2px 2px 2px #000;
    }
#tabs a:hover {
    background-position:0% -42px;
    }
#networking a:hover span {
    background-position:100% -42px;
    }    

#mainnavbar {
     margin: 0.5em 0;
     width: 100%;
     padding: 10px 0;
     Z-INDEX:50;
}
#mainnavbar ul {
                list-style: none;
                padding: 0;
                margin: 0;
                float: right;
            }
            #mainnavbar li {
                float: left;
                clear: none;
            }
            #mainnavbar li a {
                margin-left: 40px;
                padding-top: 20px;
                display: block;
                text-decoration: none;
                font: 400 1.1em 'trebuchet ms',arial,sans-serif;
                color: #000000;
                letter-spacing: -1px;
            }
            #mainnavbar li a:hover {
                background: #FFF url(arrow.gif) no-repeat top center;
            }
            a {
                color:#000000;
                text-decoration: none;
            }
            a:hover {
                text-decoration:none;
            }
            textarea,input,submit {
                background-color:#eeeeee;
                color:#666666;
                padding:5px;
                border:none;
                margin:3px;
            }
            h1 {
                font-family:Georgia, "Times New Roman", Times, serif;
                font-size:200%;
                color:#000000;
                font-weight:normal;
            }
            /* THE AREA THAT CONTAINS THE HEADER IMAGE AND THE WEBSITE TITLE */
            #title {
                margin:0 auto 0 auto;
                text-align:center;
                margin-bottom:25px;
            }
            #title p {
                font-variant:small-caps;
                letter-spacing:2px;
            }
            /* PROPERTIES OF THE HEADER IMAGE */
            #title img {
                border:none;
            }
            /* THE AREA THAT CONTAINS ALL THE CONTENT OF THE WEBSITE */
            #container {
                width:650px;
                margin:0 auto 0 auto;
             }
	     #container2 {
                width:650px;
                margin:0 auto 0 auto;
		bottom: 0;
		position: fixed;
            }
	    #container3 {
                width:650px;
                margin:0 auto 0 auto;
            }
            /*THE GALLERY WITHIN THE CONTAINER */
            ul#gallery, ul#gallery li{
                margin:0;
                padding:0;
                list-style:none;
            }
            ul#gallery{
                width:400px;
                height:375px;
                position:relative;
                background:#e1e1e1 url(http://www.kaelindesign.com/images/filigree1.jpg) no-repeat 50% 40%;
            }            
            ul#gallery li{
                float:left;
                display:inline;
                margin-top:375px;
            }                                
            ul#gallery a span{
                display:none;
            }
            ul#gallery a:hover{
                background:none;
                z-index:100;
            }    
            ul#gallery a:hover span{
                position:absolute;
                width:400px;
                height:300px;
                float:left;
                top:0;
                left:0;
                display:block;
            }
            /* THE SIDEBAR WITHIN THE CONTAINER */
            #sidebar {
                width:165px;
                float:right;
		z-index: 20000;
            }
            #sidebar h1 {
                font-family:"Trebuchet MS", Arial, Verdana;
                text-align:right;
                font-size:200%;
                color:#626477;
            }
            #sidebar p {
                line-height:20px;
            }
            /* THE MENU */
            #menu {
                text-align:right;
            }
            #menu a {
                color:#999999;
                background-image:url(images/backgrounds/a.jpg);
                background-position:right;
                background-repeat:no-repeat;
                padding-right:10px;
                line-height:15px;
                text-decoration:none;
            }
            #menu a:hover {
                color:#cccccc;
                background-image:url(images/backgrounds/a_hover.jpg);
            }
            /* THE AREA NEXT TO THE SIDEBAR */
            #content {
                margin-right:170px;
		width:450px;
                padding-right:20px;
                border-right:1px solid #cccccc;
                background-position:right;
                background-repeat:repeat-y;
            }
	     #content2 {
                margin-right:170px;
		width:550px;
                padding-right:20px;
                border-right:1px solid #cccccc;
                background-position:right;
                background-repeat:repeat-y;
            }
	    #blogcontent {
                margin-right:170px;
		width:450px;
                padding-right:20px;
                border-right:1px solid #cccccc;
                background-position:right;
                background-repeat:repeat-y;
		margin-left:170px;
            }
            #content h1 {
                font-family:"Trebuchet MS", Arial, Verdana;
                text-align:left;
                font-size:200%;
                color:#626477;
                border-bottom:1px dashed #eeeeee;
                padding-top:15px !important;
                padding-top:0;
                background-position:top right;
                background-repeat:no-repeat;
            }
            #content p {
                line-height:20px;
                text-indent:15px;
            }
            #content ol,ul {
                line-height:25px;
            }
            #content li {
                list-style-image:url(images/backgrounds/li.gif);
            }
            /* THE FOOTER */
            #footer {
                width:580px;
                margin:-20px auto 0 auto;
                padding-top:30px;
                text-align:center bottom;
		bottom: 0px;
                clear: all;
                position: relative;
		height:20px;
            }
	     #hr2 {
		margin:auto;
		width:650px;
   		color:#000000
	    }
		.bottomFloat
		padding-top: 300px;
	    }
            .style1 {
                font-size: 24px;
                font-style: italic;
                font-weight: bold;
            }
            .style2 {color: #000099}
            .style5 {
                color: #000000;
                font-size: 14px;
            }
            .style7 {
                font-size: 16px;
                color: #000000;
            }
            .style10 {font-size: 18px}
            .style12 {font-size: 12px}
            .style13 {font-size: 10px}
	    
            iframe {
                border: 0px solid #ffffff;
                width:450px;
	    }
	    #form {
		border: none;
		padding-left: 700px;
	}
	input {
		color: #000000;
		background:#cccccc;
		}
	hr {
   		width: 80%;
  		align: center;
   		color:#A0A19C
		padding-left: 100px;
}
	
	#sticky {
  position:fixed;
  right: 0;
  top: 310px;
  width: 85px;
  padding: 0 30px 50px 15px;
  font-size: small;
  text-align:right;
  display:none;
}
 
.sidebox {
  background: #ffffff no-repeat left bottom;
}	
#newsletter {
	width:200;
}
img {
	border: none;
}
.searchBox {
   border: none;
}
#ecwid {
padding-left: 30px;
width: 650px;
float: left;
height:100%;
z-index: 30000;
position: absolute;
}
#blurb {
	width:450;
	align: center;
}
#blurb h2 {
	text-align: center;
}
</style>