@charset "UTF-8";
/* CSS Document */

body {
margin: 0;
padding: 0;
border:none;
min-width:950px;
font-family:Helvetica Neue, Helvetica, Arial, San-Serif;
color:#333333;
background-color: #CCCCCC;
background-image:url(images/bg1.jpg);
}

h1 {
font-weight:900;
color:#ffffff;
font-size:70px;
margin:30px 0 20px 0;
font-stretch:ultra-condensed;
line-height:60px;
}

h2 {
font-weight: 300;
color:#2cabe1;
font-size:25px;
}

h3 {
font-weight: 300;
color:#2cabe1;
font-size:15px;
}

h4 {
font-weight: 300;
color:#2cabe1;
font-size:15px;
}

p {
color:#FFFFFF;
}

ul{
list-style:none;
}

a:link {color:#2cabe1}     
a:visited {color:#2cabe1}  
a:hover {color:#2cabe1}  
a:active {color:##2cabe1}  

ul#twitter_update_list a {
color:#333333;
}

div.hr {
  height: 5px;
  background: #fff url(images/hr.jpg) repeat-x center;
  clear:both;
}
div.hr hr {
  display: none;
}  

#wrapper{
margin:0 auto;
width:950px;
padding:0;
text-align: left;
clear:both;
}

#header{
clear:both;
margin:0;
padding:0;
}

#twitter_div{
background-color:#00bbf2;
}

#title{
float:left;
text-align:left;
}

#logo{
float:right;
margin-top:35px;
}

#nav {
clear:right;
float:right;
background-image:url(images/bg-nav.png);
width:550px;
margin-top:20px;
}

a.nav:link {color:#ffffff}     
a.nav:visited {color:#ffffff}
a.nav:hover {color:#ffffff}  
a.nav:active {color:#ffffff} 

a.home:link, a.home:visited, a.nav:active {
font-size:20px;
font-weight:550;
color:#000000;
background-color:#FF0000;
text-decoration:none;
padding:3px 10px 3px 10px;
margin-left:22px;
}

a.home:hover {
font-size:20px;
font-weight:550;
color:#000000;
background-color:#ffffff;
text-decoration:none;
padding:3px 10px 3px 10px;
margin-left:22px;
}

a.about:link, a.about:visited, a.about:active {
font-size:20px;
font-weight:550;
color:#000000;
background-color:#FFFF00;
text-decoration:none;
padding:3px 10px 3px 10px;
margin-left:20px;
}

a.about:hover{
font-size:20px;
font-weight:550;
color:#000000;
background-color:#FFFFFF;
text-decoration:none;
padding:3px 10px 3px 10px;
margin-left:20px;
}

a.portfolio:link, a.portfolio:visited, a.portfolio:active {
font-size:20px;
font-weight:550;
color:#000000;
background-color:#00FFFF;
text-decoration:none;
padding:3px 10px 3px 10px;
margin-left:20px;
}

a.portfolio:hover{
font-size:20px;
font-weight:550;
color:#000000;
background-color:#FFFFFF;
text-decoration:none;
padding:3px 10px 3px 10px;
margin-left:20px;
}

a.contact:link, a.contact:visited, a.contact:active {
font-size:20px;
font-weight:550;
color:#000000;
background-color:#FF00FF;
text-decoration:none;
padding:3px 10px 3px 10px;
margin-left:20px;
}

a.contact:hover {
font-size:20px;
font-weight:550;
color:#000000;
background-color:#FFFFFF;
text-decoration:none;
padding:3px 10px 3px 10px;
margin-left:20px;
}

#content{
padding-top:0;
margin:0; 
clear:left;
float:left;
width:380px;
}

#portimg{
clear:right;
float:right;
width:550px;
padding:20px 0 20px 0;
}

#content-aboutme{
padding-top:0;
margin:0; 
clear:left;
float:left;
width:650px;
}

#addme{
margin-top:30px;
width:275px;
float:right;
clear:right;
padding-left:25px;
}

#logoaboutme{
clear:left;
float:left;
width:280px;
margin-top:22px;
}

#brand{
clear:right;
float:right;
width:630px;
}

#content-portfolio{
clear:both;
float:left;
width:950px;
padding-bottom:10px;
}
.img{
border:5px solid #FFFFFF;
-moz-border-radius-bottomleft:0.5em;
-moz-border-radius-bottomright:0.5em;
-moz-border-radius-topleft:0.5em;
-moz-border-radius-topright:0.5em;
margin:10px 10px 10px 10px;
}

#footer{
clear:both;
background-color:#111111;
padding:10px;
margin:0;
height:270px;
}

#test {
width:300px;
float:left;
}

#flickrfoot{
width:300px;
float:left;
padding-right:20px;
}

#contact{
width:300px;
float:right;
}

#contactdetails{
padding-top:10px;
width:300px;
float:right;
clear:right;
}

#content-contact{
clear:both;
float:left;
width:570px;
padding-bottom:10px;
}