/* CSS Document */
/* =universals 
These rules are applied to all elements unless otherwise specified below. */
* {margin:0; padding:0; border:0;}
h2, h3, h4, h5, p, ol {margin:0 20px; padding:.5em 0;}
h2 {font-size:15px; font-family:Verdana, Arial, Helvetica, sans-serif;}
h3 {font-size:14px;}
h4 {font-size:13px;}
ul  {list-style-type:none;}
li.not {background:#CCC;}
a {text-decoration:none;}
a:link, a:visited {color:#000;}
a:hover, a:active {color:#C1313E;}
a.back:link, a.back:visited {font-size:13px; font-weight:bold; text-decoration:underline;}


/* =html */
html {background:#CCC;}

/* =body */
body {font:83%/178% Tahoma, Verdana, Arial, sans-serif; color:#000; text-align:center; 
background:url(images/Bg_gradient.jpg) repeat-x;}

/* =container */
div#container {width:900px; margin:0 auto; text-align:left; border:1px solid #000; background:#FFF;}

/* =branding 
These styles construct the branding area of the web page. */
div#branding h1 {height:204px; background:url(images/Title_bg.jpg) no-repeat; text-indent:-9999px;}
div#branding h2 {position:relative; top:-90px; left:165px; color:#FFE; letter-spacing:.15em;}
div#branding h2 a:link, div#branding h2 a:visited {color:#FFE;}
div#branding h2 a:hover {font-size:16px;}
div#branding blockquote {position:relative; top:-40px; font: 22px Geneva, Arial, Helvetica, sans-serif; 
text-align:center; font-style:italic; letter-spacing:.1em;}

/* =menu
These rules style the menu area of the web page. */
div#menu ul {font-size:14px; font-weight:bold;}
div#menu {position:relative; top:-140px; width:100%}
div#menu ul li#home {position:absolute; top:0px; left:645px;}
div#menu ul li#portfolio {position:absolute; top:0px; left:725px;}
div#menu ul li#contact {position:absolute; top:0px; left:815px;}
div#menu a:hover {font-size:15px;}
div#menu img {position:absolute; top:25px; left:625px;}

/* =header
These rules style the header area of the web page. */
div#header img {position:relative; top:-40px; left:60px;}
div#header p {position:relative; top:-210px; left:270px; width:560px; text-align:justify;}

/* =contents
These rules style the contents area of the web page. */
div#contents {position:relative; top:-180px;}
div#contents table {margin:0 30px; font:80%/170% Tahoma, Verdana, Arial, sans-serif;}
div#contents table a {font-weight:bold;}
div#contents table td {padding:1.5em .5em 1.5em 2em; border-top:2px solid #CCC; border-left:2px solid #CCC;}
div#contents table td ul {list-style-type:disc;}
div#contents table td#features {padding:1em .8em; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; 
vertical-align:top; border:none; background:url(images/feature_bg.jpg) no-repeat;}
div#contents table td#features ul {list-style-type:none;}
div#contents table td#features ul li{padding:.5em 0;}

/* =footer
These rules style the footer area of the web page. */
div#footer {position:relative; top:-170px; text-align:center; border-top:15px solid #000; clear:both;}
div#footer img {width:88px; height:31px;}