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

body { 
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
}

a { text-decoration: none; color: #000; }
a:hover { text-decoration: none; color: #639; }
.active { color: #CCC; }

p { margin-left: 15px; }

.splitter { width: 1005px; height: 10px; background-image: url(../images/stripe_purple.png); background-repeat: repeat; margin: 0px auto; }
.clear { clear: both; }

#header {
	width: 1005px;
	margin: 0 auto;
}
#header #title { font-size: 23px; margin: 0px 0px 0px 10px; }
.menu-left { float: left; width: 580px; }
.menu-right { float: left; width: 425px; }
.menu-right ul { list-style: none; margin-top: 30px; }
.menu-right li { float: left; margin-left: 20px; font-size: 18px; font-weight: bold; }
.menu-right li img { padding: 5px; }

#container {
	width: 1005px;
	margin: 0 auto;
	height: auto;
}

.header { font-size: 28px; font-weight: bold; margin: 30px 0px 0px 15px; }

#about #left { width: 630px; float: left; }
#about #right { width: 345px; margin-left: 15px; float: left; }
#about ul li { padding: 5px 0px 5px 0px; }

#work-box { -border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 2px #639 solid; padding: 10px; background-color: #fff }
#work-box ul { list-style: none; padding: 0px; margin: 0px; width: auto; }
#work-box li { background-color: #309; padding: 4px; margin: 5px; width: auto; height: auto; font-size: 14px; color: #FFF; -border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: bold; float: left; margin-left: 10px; }
#work-box li:first-child { background-color: #FFF; color: #306; font-size: 16px; margin: 3px 5px 5px 0px; }
#work-box li:first-child:hover { background-color: #FFF; color: #306 }
#work-box li a { color: #FFF; text-decoration: none; }
#work-box li a:hover { color: #000; }
#work-box li:hover { background-color: #C9B9DD; color: #000; }
#work-box hr { color:#CCC; height: 1px;}
#wb-left { width: 400px; float: left; }
#wb-right { width: 580px; float: left; }
#wb-title { font-size: 22px; font-weight: bold; width: auto; height: auto; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif }
#wb-description { margin-top: 10px; width: auto; height: auto; }
#wb-image { text-align: center; line-height: 580px; width: 580px; height: 250px; border: 1px #666 solid; background-color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -border-radius: 2px; }
#wb-image #loader { margin-top: 100px; }


#contact-form input { font-size: 16px; }
#contact-form #message { font-size: 16px; font-family: Arial, Helvetica, sans-serif;}
#contact-error { margin-top: 10px; margin-left: 15px; border: 1px #F00 solid; background-color: #EC4548; color: #FFF; padding: 10px; width: 500px; height: auto; }
#contact-sent { margin-top: 10px; margin-left: 15px; border: 1px #000 solid; background-color: #FFC; color: #000; padding: 10px; width: 500px; height: auto; }

#footer { /*background-color: #5C10C7;*/ width: 1005px; height: 80px; color: #000; padding-top: 15px; }
#footer p { margin: 0px 15px 15px 0px; }