/* CSS Document */

body {background-image: url(images/bg.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
margin: 0 auto;
width: 901px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
line-height: 18px;}

#container {
width: 852px;
background-color:#FFFFFF;
margin:39px 0px 0px 0px;
background-image:url(images/mainbg.gif); 
background-repeat:repeat-y;
padding:0px;}

#top {background-image:url(images/topbg.gif);
background-repeat:no-repeat;
width: 822px;
padding: 30px 0px 22px 30px;
font-size: 13px;
background-color:#FFFFFF;
line-height: 12px;
}

#top h1{font-size: 13px; color: #2d4b9b; margin: 0px; line-height: 16px; border: 0px; padding-top:20px;}
a{color: #00a1e4; text-decoration:none}
a:hover {color: #6ea51a; text-decoration: underline;}
#contact {float: right; width: 190px;}

#menu {width: 173px; background-color: #f1f6f9; float: left; border-left: 3px solid white }
#menubottom {width: 173px; background-image:url(images/menubg.gif); background-repeat: repeat-x; height: 156px;}
#button a {width: 148px; padding: 5px 0px 0px 25px; background-image:url(images/buttonbg.gif); background-repeat:no-repeat; color: #FFFFFF; font-family:Trebuchet MS, Verdana, Arial, sans-serif; font-size:14px; display:block; height: 25px;}
#button a:hover {background-image:url(images/buttonover.gif); text-decoration:none;}
#button2 a {width: 148px; padding: 4px 0px 0px 25px; background-image:url(images/button2bg.gif); background-repeat:no-repeat; color: #FFFFFF; font-family:Trebuchet MS, Verdana, Arial, sans-serif; font-size:12px; display:block; height: 19px;}
#button2 a:hover {background-image:url(images/button2bgover.gif); text-decoration:none;}
h1 {font-family: Trebuchet MS, Verdana, Arial, sans-serif; color:#00a1e4; font-size: 20px; font-weight:normal; margin: 0px 2px 0px 0px; background-color: #ffffff; text-align: left;}

#main {margin-left: 27px; float: left; width: 647px; padding: 0px; height: 500px;}
#portfolio {margin-left: 27px; float: left; width: 647px; padding: 0; background-color: white; text-align: center;}
#wavebottom {float: right; padding:0px; margin-right: 2px;}
#quotebox {float: right; background-color:#eceef0; color: #FFFFFF; font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size:16px; background-image:url(images/sidebg.gif); background-repeat:repeat-x; width: 164px; padding: 10px 20px 20px 20px; margin: 0px 2px 0px 20px; border-top: 2px solid #ffffff;}

.hide{
display: none;
}

.show{
display: block;
}

#bottom {font-size: 10px; text-align: right; margin: 0 auto; padding: 0px; width: 750px;}

#logo {width: 150px; height: 130px; display: block; border: 1px #cccccc solid; margin: 20px 20px 0 0; float: left;}
#logo:hover {border: 1px #00a1e4 solid; width: 150px; height: 130px; display: block; margin: 20px 20px 0 0; float: left;}

#tn {width: 150px; height: 150px; display: block; border: 1px #cccccc solid; margin: 20px 20px 0 0; float: left;}
#tn:hover {border: 1px #00a1e4 solid; width: 150px; height: 150px; display: block; margin: 20px 20px 0 0; float: left;}


#next a{background-image: url(images/nextbg.gif); width: 70px; height: 19px; display: block; float: right; color: white; font-weight: bold;padding: 5px; margin: 0px 30px 0px 0px; text-decoration: none; border: 1px white solid; clear:both;}
#next a:hover{border: 1px #00a1e4 solid;}
#previous a{background-image: url(images/previous.gif); width: 70px; height: 19px; display: block; float: right; color: white; font-weight: bold;padding: 5px; margin: 30px 30px 0px 0px; text-decoration: none; border: 1px white solid;}
#previous a:hover{border: 1px #00a1e4 solid;}

#centerbox{text-align:center; width: 640px; padding-left: 30px; padding-top: 15px;}