@charset "utf-8";

body {background:#fff;font:normal 85%/1.5em 'Trebuchet MS',Verdana, arial,helvetica,serif;color:#333;}

/*--------- Globals ----------*/
a {color: #333;text-decoration:underline;}
a:hover {text-decoration:none;}
a.external {padding-right:12px;background:url(../images/ico_external.gif) no-repeat 100% 50%;}

img, img a {border:none;outline:none;}

.right {text-align:right;}

hr {border:0;border-bottom:1px solid #ccc;}

/*---------- Headers ----------*/
h1 {margin:0;padding:0;}
h1 a {text-indent:-9999px;background:url(../images/logo.png) no-repeat;height:52px;width:240px;display:block;margin:10px 0;}
h2 {margin:10px 0 0 0;font:normal 1.3em/1em 'Trebuchet MS',Verdana,arial,helvetica,serif;color:#cc195f;padding-bottom:10px;}
h3 {margin:0;font:normal 1.1em/1em 'Trebuchet MS',Verdana,arial,helvetica,serif;color:#cc195f;padding:10px 0;}
h3 a {color:#cc195f;}
h3 a:hover {color:#3a3f49;}
h4 {font-weight:normal;font-size:1.2em;line-height:1.3em;margin-bottom:2px;color:#3a3f49;}

/*---------- Navigation ----------*/
#mainnav {padding:0;margin:46px 0 0 0;list-style-type:none;font-family: 'Trebuchet MS',Verdana,arial,helvetica,serif;font-weight:normal;font-size:16px;text-align:right;float:right;}
#mainnav li {float:left;}
#mainnav li a {color:#3a3f49;text-decoration:none;}
#mainnav li a:hover {color:#cc195f;}

/*---------- Breadcrumbs ----------*/
#breadcrumbs {background:url(../images/shadow-under.png) no-repeat;padding-top:10px;font-size:.8em;}

/*---------- Content ----------*/
#content {font-size:.9em;}

/*---------- Sidebar ----------*/
#sidebar {font-size:.9em;}
.twitdate {color:#999;}

/*---------- News | Sidebar ----------*/
.newsitem {margin:0 0 20px 0;}
.newsdate {padding:0;margin:0;font-size:10px;line-height:1em;color:#999;}

/*---------- Portfolio | Homepage ----------*/
#portfolio {background:url(../images/shadow-top.png) no-repeat;padding-top:23px;font-size:.9em;}
.portfolioitem {width:282px;height:162px;border:1px solid #ccc;padding:8px;background:url(../images/projectblock-bg.png) repeat-x;cursor:pointer;}
.portfolioitem img {border:1px solid #ccc;}
.portfolioname {position:absolute;width:260px;background:url(../images/project-bg.png) repeat;left:10px;bottom:10px;font:normal 1.2em/30px Georgia,'Times New Roman',Times,serif;color:#fff;padding:0 10px;}

/*---------- Contact ----------*/
.contactform input, .contactform textarea {width:98%;border:1px solid #3a3f49;padding:5px;}
.contactform input:hover, .contactform textarea:hover {border-color:#cc195f;}
.contactform input:focus, .contactform textarea:focus {border:1px inset #cc195f;}
.contactform input.disabled {cursor:default;background-color:#efefef;}
.contactform label {cursor:pointer;}
.contactform label:hover {color:#cc195f;}
.contactform .button {width:100px;border:1px inset #3a3f49;cursor:pointer;}

/*---------- Footer ----------*/
#footer {background:url(../images/shadow-under.png) no-repeat;padding-top:10px;margin-top:10px;font-size:.8em;}
#footer a {text-decoration:none;}
#footer a:hover {color:#cc195f;}
#footer .copyright {text-align:right;margin-right:4px;}

#social {float:left;}
#social a {text-indent:-9999px;display:block;float:left;height:18px;width:18px;margin:0 5px 0 0;}
#social a#twitter {background:url(../images/social.png) -36px 0px no-repeat;}
#social a#facebook {background:url(../images/social.png) -54px 0px no-repeat;}
#social a#hyves {background:url(../images/social.png) 0px 0px no-repeat;}
#social a#linkedin {background:url(../images/social.png) -18px 0px no-repeat;}