a:link {color: #322556; }
a:visited {color: #322556;}
a:hover {color: green;}
a:active { color: purple;}

body { background: url(img/bg/bg.jpg) #d9ad54 fixed center top no-repeat; margin: 0; }

#copyright { font-size: 70%; font-family: tahoma, "trebuchet ms"; }

#examples { font-family: "trebuchet ms", tahoma; width: 822px; margin: 10px auto 20px; padding: 10px; color: white; background: #2D2837; -webkit-border-radius:8px; -moz-border-radius: 8px;  }

#examples a { height:170px; -webkit-border-radius:8px; -moz-border-radius:8px; width:250px; display: block; float: left; margin:10px; background-repeat: no-repeat; overflow: hidden; border: solid 1px gray;  }

#examples a:hover { border: solid 1px orange; }


#foot { color: #fff; font-size: 10px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; }

form { font-family: "trebuchet ms", tahoma; width: 600px; margin: 10px auto 20px; padding: 20px; color: white; background: #2D2837; -webkit-border-radius:8px; }

h1 { font-family: tahoma; font-weight: bold; font-style: italic; line-height: 30px; text-align: center; color: #322550; text-shadow: #457353 3px 2px 6px;}

h2 { color: #322556; font-size: 20px; font-family: tahoma; font-weight: bold; font-style: italic; line-height: 26px; margin: 0; text-shadow: #457353 2px 2px 4px; }

h3 { font-size: 24px; line-height: 30px; }

#logo { background-image: url(img/logo.png); background-repeat: no-repeat; width: 500px; height: 99px; position: absolute; top: 0px; left: 0px; display: block; }

#logout { color: white; }

#main_pic { float: right; padding-right: 100px; }

#main { -webkit-border-radius:15px; -moz-border-radius:15px; -webkit-box-shadow: 0px 4px 8px #000; -moz-box-shadow: 0px 4px 8px #000;  border:solid 1px gray; background: white; ); width: 880px; clear: both; margin: auto; padding: 5px 20px; min-height: 520px; }

#menu_bar { height: 30px; background: #020401; }

#nav1 { 
height: 90px; 
background: url(img/greenbar.png) repeat-x center;  }

#nav1 a { height: 90px; width: 200px; display: block; float: right;}

p { text-align: center; line-height: 18pt; font-weight: bold; font-family: "Heiti J", "Century Gothic", "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin: 0 40px; }#features {}

#slogan { background: url(img/slogan.png); width: 865px; height: 140px; margin:auto; }

#wrap {overflow: auto; width: 960px; margin: auto;}