body {font-family: Georgia, "Times New Roman", Times, serif; color: #666; line-height: 1.6; background-color: #287b80; background-image: url(images/bgd-gradation.jpg); background-repeat: repeat-x;} 

a {text-decoration: none;}

img {border: none;}

#container {width: 900px; margin: -20px auto 0 auto; border: 2px solid #fff; background-color: #fff; border-radius: 12px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.85);}

#container h3 {color: #666; margin-left: 30px; padding-top: 30px; font-size: 1em; color: #810b0b;}

#container .work {margin-left: 30px; border: 1px solid #666;}

#container .indent {margin-left: 30px; margin-right: 40px;}

#container .back_to_work a {margin-left: 30px; color: #17949c;}

#container .back_to_work a:hover {text-decoration: none; color: #810b0b;}

#container .back_to_work a:active {text-decoration: none; color: #a93434;}

#container .border {border: 2px solid black; margin-left: 30px;}

#container .iraqi-flag a {margin-left: 30px; color: #17949c;}

#container .iraqi-flag a:hover {text-decoration: underline;}

#container .iraqi-flag a:active {color: #36b1b9;}

p span {color: #333;}

#llama {float: left; width: 200px; height: 180px; background-image: url(images/llama1.gif); background-repeat: no-repeat; margin: 40px 0 0 35px;}

#llama:hover {background-image: url(images/llama2a.gif); background-repeat: no-repeat; margin: 40px 0 0 35px;}

#llama.no-hover:hover {background-image: url(images/llama1.gif); background-repeat: no-repeat; margin: 40px 0 0 35px;}

#llama.call-me {background-image: url(images/llama3.gif); background-repeat: no-repeat; margin: 40px 0 0 35px;}

#llama.call-me:hover {background-image: url(images/llama4a.gif); background-repeat: no-repeat; margin: 40px 0 0 35px;}

#logo {float: left; width: 661px;}

#logo img {margin-left: 85px; margin-top: 130px; margin-bottom: 10px;}

#header {margin-left: 320px; padding-bottom: 30px;}

#header strong {color: #333;}

#sidenav {float: left; width: 230px; margin: 0;}

#sidenav ul {list-style-type: none;}

#sidenav li {text-align: right; margin: 0 80px 8px 20px; border-bottom: 1px solid #ccc; padding-bottom: 8px;}

#sidenav li:last-child {border-bottom: 0;}

#sidenav span {font-weight: bold; color: #235f63;}

#sidenav a:link {color: #666;}

#sidenav a:visited {color: #989898;}

#sidenav a:hover {color: #810b0b; font-weight: bold;}

#sidenav a:active {color: #17949c; font-weight: bold;}

#main_content {margin-left: 230px; border-top: 1px solid #666; padding-right: 45px;}

#main_content h3 {color: #810b0b; padding: 15px 0 0 0; margin: 0; font-size: 1em;}

#main_content h3.turq {color: #235f63; padding: 15px 0 0 0; margin: 0; font-size: 1em;}

#main_content h4 {margin-top: 6px; font-weight: normal; color: #333;}

#main_content h4 a, #main_content p a, #work a {color: #17949c;}

#main_content p.resumes a {color: #810b0b;}

#main_content p.resumes a:active {color: #a93434;}

#main_content p.approach {text-indent: -.5em;}

#main_content h4 a:hover, #main_content p a:hover, #work a:hover {text-decoration: underline;}

#main_content h4 a:active, #main_content p a:active, #work a:active {color: #36b1b9; text-decoration: underline;}

#main_content ul {margin: 0 0 10px 20px; padding: 0;}

#main_content ul li {line-height: 1.6; margin-bottom: 2px; list-style-type: square;}

#main_content .space_before {padding-top: 22px;}

#main_content p {color: #666; margin: 10px 0;}

#main_content p.close_up {margin-top: -8px;}

#main_content p.close_up2 {margin-top: 1px;}

#main_content p.darker_space {color: #333; margin-top: 20px;}

#main_content p.darker {color: #333;}

#main_content blockquote {padding: 0; margin: -10px 0 0 24px;}

#main_content .nospace {line-height: 1.4;}

span.bullet {vertical-align: 20%; font-size: 70%;}

.float-candycard-right {float: right; margin-left: 20px;}

.float-patch-right {float: right; margin-left: 25px;}

.float-matchbox-left {float: left; margin: 10px 25px 20px -30px;}

.float-stamp-right {float: right; margin: 30px 20px 80px 0;}

#worknav {font-family: Arial, Helvetica, sans-serif; font-size: .8em; margin-top: 20px;}

#worknav ul {padding-bottom: 10px; list-style-type: none;}

#worknav li {float: left;} 

#worknav span {font-weight: bold; color: #235f63;}

#worknav a:link {color: #17949c;}

#worknav a:visited {color: #7cb8bc;}

#worknav a:hover {color: #235f63;}

#worknav a:active {color: #810b0b;}

#work {font-size: 1em; margin-left: 230px;}

#work img {padding: 0; margin: 0;}

#work td {padding-right: 25px; padding-bottom: 20px;}

#work .extra-space {padding-top: 10px;}

#work strong span {color: #810b0b;}

.border1 {border: 1px solid black;}

.border2 {margin: 0 0 20px 20px; border: 1px solid black;}

.border3 {margin: 0 0 30px 20px; border: 1px solid black;}

.border4 {margin: 0 0 0 20px; border: 1px solid black;}

.indent1 {margin: 0 0 0 30px; border: 1px solid black;}

.indent2 {margin: 0 0 30px 30px;}

.indent3 {margin: 0 0 0 30px;}

.indent3a {margin: 0 0 0 30px; border-radius: 10px;}

.indent4 {margin: 0 0 30px 30px; border: 1px solid black;}

.indent5 {margin: 0 0 20px 30px;}

.indent5a {margin: 0 0 20px 30px; border-radius: 10px;}

.indent6 {margin-left: 5px;}

.indent7 {margin: 0 0 122px 30px; border: 1px solid black;}

.indent8 {margin: 0 0 114px 30px;}

.indent9 {margin: -94px 0 0 30px;}

.indent10 {margin: 0 0 0 28px;}

.indent11 {margin: 0 0 268px 30px; border: 1px solid black;}

.indent12 {margin: 0 0 9px 30px;}

.indent13 {margin: 0 0 20px 30px; border: 1px solid black;}

.indent14 {margin: 0 0 27px 30px;}

.indent15 {margin: 0 0 37px 30px;}

.indent16 {margin: 0 0 32px 30px;}

.indent-fontcards {margin: 0 6px 25px 30px;}

.indent-fontcards-a {margin: 0 6px 25px 20px;}

.indent-fontcards2 {margin-left: 30px; margin-right: 20px;}

.indent-fontcards3 {margin: 0 20px 0 0;}

#bottomnav {height: 52px; clear: both; margin-left: 230px; background-color: #7cb8bc; color: #fff; font-family: Arial, Helvetica, sans-serif; padding-left: 15px; background-image: url(images/footer-gradation.jpg); background-repeat: repeat-x;}

#bottomnav ul {padding: 13px 0 10px 0; list-style-type: none;}

#bottomnav li {float: left;}

#bottomnav span {font-weight: bold;}

#bottomnav a:link {color: #fff;}

#bottomnav a:visited {color: #e1e0e0;}

#bottomnav a:hover {color: #1c2829;}

#bottomnav a:active {color: #810b0b;}

#footer {margin: 0 0 0 230px; text-align: right; border-bottom: 1px solid #666;}

#footer p {font-size: .9em; margin: 8px 15px 10px 0; padding: 0;}
