/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, 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, li { 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:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right; margin:5px 0 5px 15px; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

/* styling general elements */
@font-face {
	font-family: 'nicefont';
	src: url('nicefont.ttf') format('truetype');
}
body {
background:url(images/body-top.jpg) repeat-x #f1f1f1 top left;
font-family:calibri,arial;
color:#434343;
font-size:13px;
line-height:25px;
text-shadow:1px 1px #fff;
}
h1 {
color:#494949;
font-family:nicefont,Georgia;
font-size:35px;
font-weight:bold;
margin-bottom:30px;
}
a {
text-decoration:none;
}
a img:hover {
opacity:0.6;

}
.wrapper {
width:960px;
margin:0 auto;
}
.header {
margin-top:16px;
background:url(images/header.png) no-repeat;
height:144px;
padding:20px 10px 10px 30px;
}
.header-left {
float:left;
}
.slogan h1 {
font-style:italic;
font-size:11px;
color:#9a9a9a;
margin-top:-10px;
margin-left:-5px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
.menu {
float:left;
margin-left: 50px;
font-size:18px;
text-transform:uppercase;
font-size:15px;
line-height:55px;
font-weight:bold;
padding-top:10px;

}
.menu ul {
list-style:none;
}

.menu ul li {
display:inline;
margin-left:25px;
}

.menu ul li a {
color:#666666;
}
.menu ul li a:hover {
color:#B32486;
}
.portfolio {
margin-bottom:30px;
}
.portfolio img {
padding:5px;
background:#fff;
border:1px solid #dddddd;
}
.portfolio li {
display:inline;
margin-left:30px;
}
#contact-message {
width:290px;
float:left;
margin-top:50px;
font-size:20px;
line-height:30px;
}