body { padding: 20px 0 0 0; color: #444; background-color: #333; }

.left { float: left; }
.right { float: right; }
.hidden { display: none;}

a { color: #9688d8; }
a:hover { color: #9688d8; text-decoration: none; }
p { line-height: 2em; }

.container { background: #fff; }

#header { padding: 15px; }
#header h1 { margin: 20px 0 0 0; }
#header h1 a { display: block; width: 506px; height: 31px; text-indent: -5000px; background: transparent url(../images/logo.jpg) top left no-repeat; }

#menu { padding: 15px 0; }

#main { clear: both; padding: 15px 15px 25px 15px; }

#sidebar { float: left; width: 220px; position: relative; }
#sidebar ul { list-style: none; margin: 0 0 20px 0; padding: 0; }
#sidebar ul li { }
#sidebar ul li a { display: block; padding: 5px 0; text-decoration: none; color: #555; border-bottom: 1px solid #eee; font-size: 1.1em; }
#sidebar ul li a:hover { text-decoration: underline; }
#sidebar ul li.first a { padding-top: 0; }

#content.sidebar { margin-left: 235px; }
#content img { margin: 0 0 10px 0; padding: 10px; border: 2px solid #ccc; background-color: #efefef; }
#content .even { background: #f5f3fe; }

#content #slider { margin: 0 auto 15px 0; text-align: center; }
#content #slider ul, #slider li { margin: 0; padding: 0; list-style: none; }
#content #slider li { width: 920px; height: 356px; overflow: hidden; }

#content .designer_profile { padding: 0 15px 15px 15px; overflow: auto; }
#content .designer_profile h3 { padding: 15px 0 0 0; }
#content .designer_profile img { margin: 0 15px 0 0; }

#content .designer { padding: 0 15px 15px 15px; }
#content .designer h3 { font-size: 1.7em; margin: 0 0 10px 0; padding: 15px 0 0 0; }
#content .product { clear: right; margin: 0 0 20px 0; padding: 10px 0 0 0; border-top: 2px dotted #ccc; overflow: auto; }
#content .product img { margin: 0 15px 0 0; }
#content .product .description { margin-left: 289px; }

#content .news { padding: 0 15px 5px 15px; }
#content .news h3 { margin: 0 0 10px 0; padding: 15px 0 0 0; }

#content ul#pagination { list-style: none; margin: 20px 0; padding: 0; }
#content ul#pagination li { float: left; margin: 0 8px 0 0; border: none; }
#content ul#pagination li a { float: left; padding: 0 2px; text-decoration: none; }
#content ul#pagination li.off { color: #ccc; padding: 0 2px; }
#content ul#pagination li.active { background: #000; color: #fff; font-weight: bold; padding: 0 3px; }

#content form { }
#content form p { margin: 15px 0; }
textarea { font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; width: 620px; height: 200px; font-size: 1em; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #999; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #9688d8; outline: 2px solid #fff; }
input, select { cursor: pointer; }
input[type='text'],input[type='password'] { cursor: text; }
input[type='image'] { padding: 0; }
.submit_button { border: none; background-color: #9688d8; width: 108px; height: 37px; color: #fff; font-size: 1.1em; font-weight: bold; }

#footer .container { background: transparent; }

#footer { margin: 15px 0; padding: 0 0 15px 0; }
#footer p { float: left; color: #ddd; }
#footer ul { list-style: none; margin: 0; padding: 0; float: right; }
#footer ul li { float: left; margin: 0 0 0 30px; }
#footer ul li a { display: block; text-decoration: none; color: #9688d8; font-size: 1.1em; }
#footer ul li a:hover { text-decoration: underline; }