@CHARSET "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0;} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} 
q:before,q:after {content:'';} 
abbr,acronym {border:0;}

body{font-family: verdana}
.clear{clear:both}

div#content{background:white none repeat scroll 0 0;margin:0 auto;padding:2em;width:960px;}

div#topBar {background-color:orange; height:45px; width:100%;}
ul.navigation {width:960px; margin:0 auto;}
ul.navigation li {background: none; float:left; margin:0.7em; padding-left:2em;}
ul.navigation li a {color: white; font-weight:bold; font-size:1.3em; text-decoration:none; }
ul.navigation li a:hover {text-decoration:underline;}

#cvimage {float: left; width:20em}
#personalinfo {float: left; width:40em}

#contactdetails div.adr {padding: 20px 0 20px 70px; background: url(/img/address.png) no-repeat 0 0}
#contactdetails div.tel {padding: 20px 0 20px 70px; background: url(/img/phone.png) no-repeat 0 0}
#contactdetails div.email {padding: 20px 0 20px 70px; background: url(/img/mail.png) no-repeat 0 0}
#contact {width:50%; margin: 0 auto; }