body { margin:0; padding:0;}
img {border:0;}
#bgimg{width:100%; height:100%;background-image:url(images/bg.jpg); background-repeat:repeat; position:fixed; z-index:0;}

.wrap {width:1000px; margin:0 auto; padding:0; clear:both; font-family: Arial; font-size: small; color:#333; position:relative; z-index:1;}
.logo {position:relative; width:100%; height:169px; background-image:url(images/katesdesign.png); background-color:transparent;}
.header {position:relative; width:100%; height:500px;}
 h1,h2 {font-family:Arial; font-size: large; color:#333; font-style:inherit; }
 h3 {font-family:Arial; font-size:x-small; color:#333; text-transform:uppercase; }

.menu {width:420px; height:39px; bottom:0; margin-left:40px; padding-top:129px;}
.menu ul {margin-left:-40px; margin-top:0px;}
.menu li {list-style:none; float:left;}
.menu li a {display:block; width:84px; height:32px; text-align:center; text-transform:uppercase; text-decoration:none; padding-top:7px; color:#333;}
a.home {background-image:url(images/home.png);}
a.home_s, a.home:hover {background-image:url(images/home_h.png);}
a.about, a.projects, a.testimonials {background-image:url(images/project.png);}
a.about:hover, a.projects:hover, a.testimonials:hover, a.about_s, a.projects_s, a.testimonials_s {background-image:url(images/project_h.png);}
a.contact {background-image:url(images/contact.png);}
a.contact_s, a.contact:hover {background-image:url(images/contact_h.png);}

.text {width:49%; float:left; margin-right:10px; margin-top:10px; color:#fff;}
.text_r {width:49%; float:right;  margin-top:10px; color:#fff;}

.about {width:1000px; height:482px; background-image:url(images/bg_about.png); background-repeat:no-repeat;}
.about_left {width:220px; float:left; margin-left:270px; margin-top:35px;}
.about_right {width:425px; float:left; margin:35px 0px 0px 40px;}
.about_project {width:420px; float:left; margin: 10px 0px 5px 0px;border-bottom: 1px solid #d4c9b7;}
.about_project img {float:right;}

.link {float:left; font-size:small; color:#333; font-weight:bold;}
.link a, .login a, .contact_l a, .author a {text-decoration:none; color:#333; font-weight:bold;}
.link a:hover, .login a:hover, .contact_l a:hover, .author a:hover {text-decoration:underline; font-weight:bold;}
.footer {width:20%; float:right; color:#fff; font-size:x-small;}

.my_projects {width:1000px; height:482px; background-image:url(images/bg_project.png); background-repeat:no-repeat;}
.my_projects_left_top {width:220px; float:left; margin-left:35px; margin-top:35px;}
.my_projects_left {width:430px; float:left; margin-left:50px;}

.menu_projects {width:171px; height:100px; float:left; margin-top:60px;}
.menu_projects ul {margin-left:0px;}
.menu_projects li {list-style:none; float: right;}
.menu_projects li a {display:block; width:171px; height:32px; padding-top:2px;}
a.s3d {background-image:url(images/3d.png);}
a.s3d_s, a.s3d:hover {background-image:url(images/3d_h.png);}
a.web {background-image:url(images/website.png);}
a.web_s, a.web:hover {background-image:url(images/website_h.png);}
a.print {background-image:url(images/print.png);}
a.print_s, a.print:hover {background-image:url(images/print_h.png);}

.testimonials {width:1000px; height:481px; background-image:url(images/bg_testimonials.png); background-repeat:no-repeat;}
.login {margin-left:55px; padding-top:15px;}
.testimonials_left {width:490px; float:left;}
.testimonials_l {width:200px; margin-left:55px; margin-top:35px;}

.testimonials_form {width:210px; float:right; margin-top:45px;}
.testimonials_form input {width:200px; border: 1px solid #d4c9b7; background:none;}
.testimonials_form textarea {width:200px; height:167px; border: 1px solid #d4c9b7; background:none; }

.testimonials_r {width:425px; float:left; margin-top:65px; margin-left:30px;}
.comment {float:left; border-bottom:1px solid #d4c9b7; margin-bottom:10px;}
.comment img {float:left; margin-right:10px;}
.author {float:right; font-weight:bold; text-align:right; margin-right:10px;}

.contact {width:1000px; height:489px; background-image:url(images/bg_contact.png); background-repeat:no-repeat;}
.contact_l {width:200px; margin-left:55px; padding-top:65px;}
.contact_r {width:340px; margin-right:88px; float:right;}
.contact_rl {width:160px; float:left; margin-top:8px;}
.contact_rl input {border-bottom: 1px solid #d4c9b7; border-top:0px; border-left:0px; border-right:0px; background:none;}
.contact_rr {width:170px; float:right; margin-right:-5px; margin-top:-40px;}
.contact_rr textarea {width:163px; height:190px; border: 1px solid #d4c9b7; background:none;}
.error {padding-top:100px;}