@import url("reset.css");

body { font-family: arial, "lucida console", sans-serif; font-size: 10px; }
a { color: #68c4f2; text-decoration: none; }
a:hover { text-decoration: underline; }

#container { width:975px; background-image:url(../img/background.jpg); background-repeat:repeat-y; position:relative; }
#left { width:275px; float:left; }
#right { width:705px; margin-left:304px; }
#left-top { height:562px; }
#right-top { height:580px; }
#left-bottom { border-top: 1px solid white; }
#right-bottom { float:left; width:705px;}
#footer { position:absolute; width:275px; overflow:hidden; bottom:0; }

#left p { margin-left: 29px; margin-right: 29px; }
p#contacts { background-color: #ffffff; color: #68c4f2; padding: 15px; padding-top:7px; margin-top: 18px; line-height: 12px; height: 27px; }
p#contacts span { font-weight: bold; font-size: 11px; }
p#graphic-designer { margin-top: 6px; }
p#quote { margin-top: 6px; color: #dc5eba; letter-spacing: 1px; }
p#signature{ color: #dc5eba; letter-spacing: 1px; font-style: italic; margin-top: 10px; }

#work { width: 202px; height: 234px; margin: 0 24px 27px 0; float: left; }
p.image { height: 158px; }
p.title { height: 18px; background-color: #e8f1f6; color: #93427d; font-size: 12px; font-weight: bold; padding-top: 20px; padding-left: 7px; }
p.title a { color:#93427d; }
p.description { height: 28px; background-color: #74c2e9; color: #ffffff; padding: 5px; line-height: 12px; }

p#back { padding-left:26px; border-bottom: 1px solid white; width: 980px; }
p#copy { color: white; padding-left:26px; padding-top: 15px; padding-bottom: 15px; line-height: 12px; letter-spacing: 1px; }
p#copy a { color: white; }