body { margin: 0px; background-color: #A6A5C4; font-family: arial; }
textarea, input, select { font-family: arial; }

#pagewrapper { background-image: url(assets/navwrapper.png); background-repeat: repeat-x; width: 100%; position: relative;  overflow: display; height: 660px; background-color: #515481; }
#page { width: 1000px; position: absolute; left: -500px; margin-left: 50%; background-image: url(assets/background.jpg); background-repeat: no-repeat; min-height: 660px; }

#bannerwrapper { background-color: #22224D; width: 100%; height: 148px; position: relative; }
#banner { width: 1000px; height: 148px; background-image: url(assets/banner.png); position: absolute; left: -500px; margin-left: 50%; }

#navwrapper { position: absolute; width: 100%; height: 30px; top: 148px; }
#nav { position: absolute; left: -500px; margin-left: 50%; }
.tab { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); background-color: rgba(0,0,0,0.5); width: 150px; height: 30px; color: #A6A5C4; line-height: 30px; text-align: center; font-size: 18px; font-weight: bold; float: left; cursor: pointer; border-right: solid 4px #A6A5C4; }
.tabselected { width: 150px; height: 30px; color: #ffffff; line-height: 30px; text-align: center; font-size: 18px; font-weight: bold; float: left; cursor: pointer; border-right: solid 4px #A6A5C4; }
.tablast { border-right: 0px; }

#copyright { text-align: center; color: #22224D; font-size: 12px; padding: 20px; }


/* Home */
#homefooter { background-color: #22224D; background-image: url(assets/ltdbanner.png); background-repeat: no-repeat; position: absolute; bottom: 0px; width: 100%; height: 150px; color: #ffffff; font-size: 16px; }
.hometripanel { position: absolute; top: 40px; line-height: 130%; }
.homesynapses { font-size: 11px; color: #aaaaaa; position: absolute; top: 40px; right: 20px; width: 150px; line-height: 150%; font-weight: bold; }
.homeltd { position: absolute; top: 30px; left: 0px; width: 256px; height: 256px; }

/* Portfolio */
#portcaption { width: 250px; height: 470px; position: absolute; right: 0px; top: 30px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); background-color: rgba(0,0,0,0.1); color: #ffffff; font-size: 14px; padding-top: 40px; padding-left: 20px; padding-right: 20px; }
#portcaption a { text-decoration: underline; color: #ffffff; }
#portfooter { background-color: #22224D; position: absolute; bottom: 0px; width: 100%; height: 120px; }
.portscrollerwrapper { width: 865px; height: 170px; overflow:hidden; float: left; }
.portscroller { margin-left: 0px; width: 3043px; overflow: hidden; padding-top: 6px; } 
.portscroller img { float: left; margin-left: 5px; margin-right: 5px; cursor: pointer; }
#portphoto { position: absolute; top: 70px; left: 50px; }
.portarrowleft { float: left; margin-left: 20px; margin-right: 30px; visibility: hidden; padding-top: 20px; border: 0px; }
.portarrowright { float: right; margin-left: 20px; margin-right: 20px; padding-top: 20px; border: 0px; }

/* About */
.about { font-size: 18px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); background-color: rgba(0,0,0,0.5); padding: 50px; height: 500px; color: #ffffff; line-height: 140%; display: none; }

/* Contact */
.OLDcontact { font-size: 18px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); background-color: rgba(0,0,0,0.5); padding: 15px; }
.contact { font-size: 18px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); background-color: rgba(0,0,0,0.5); padding: 50px; height: 500px; color: #ffffff; line-height: 140%; display: none; }
#contactform th { text-align: right; font-weight: bold; font-size: 16px; }
#contactform input[type=text] { font-size: 16px; border: solid 1px #CCCCCC; width: 350px; }
#contactform textarea { border: solid 1px #CCCCCC; width: 350px; height: 80px; font-size: 16px; }