/*-----------------------Main-------------------------------*/
body {margin: 10px 0px 0px 0px; font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #000000; background-color: #FFFFFF; text-align: center; background-image: url(../images/bg.gif); background-repeat: repeat;}
#maincontainer {text-align: left; margin-left: auto; margin-right: auto; width: 952px; background-image: url(../images/main_bg.gif); background-repeat: no-repeat;}
#navigation {width: 180px; float: left; margin-top: 100px;}
#content {float: right; width: 507px !important; width: 762px; padding: 0px 195px 0px 60px; margin-top: 100px; text-align: justify;}
.bottom {margin-left: 190px;}
.logo {margin: 5px 0px 0px 500px;}
.pic {border: 1px solid #990000; margin: 13px 0px 10px 13px;}
p {margin: 4px 0px 4px 0px; padding: 4px 0px 4px 0px;}
/*------------------------------------------------------*/

/*-----------------------Footer-------------------------------*/
#footer {text-align: center; clear: both; padding-bottom: 5px; color: #000000; font-size: 10px;}
#footer a:link, #footer a:visited, #footer a:active {color: #000000; text-decoration: none; font-weight: normal;}
#footer a:hover {color: #990000; text-decoration: underline; font-weight: normal;}
/*------------------------------------------------------*/

#clearbr {clear: both;}

/*-----------------------Titles-------------------------------*/
h1 {color: #990000; font-size: 20px; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 47px; background-repeat: no-repeat;}
h1.about {background-image: url(../images/title_about.gif); text-indent: -9999px;}
h1.wearable {height: 47px; background-image: url(../images/title_wearable.gif); text-indent: -9999px;}
h1.visual {height: 47px; background-image: url(../images/title_visual.gif); text-indent: -9999px;}
h1.theatre {height: 47px; background-image: url(../images/title_theatre.gif); text-indent: -9999px;}
h1.film {height: 47px; background-image: url(../images/title_film.gif); text-indent: -9999px;}
h1.new {height: 47px; background-image: url(../images/title_new.gif); text-indent: -9999px;}
h1.press {height: 47px; background-image: url(../images/title_press.gif); text-indent: -9999px;}
h1.contact {height: 47px; background-image: url(../images/title_contact.gif); text-indent: -9999px;}
h2 {color: #990000; font-size: 12px; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
/*------------------------------------------------------*/

/*-----------------------Links-------------------------------*/
a:link, a:visited, a:active {color: #990000; text-decoration: none; font-weight: bold;}
a:hover {color: #000000; text-decoration: underline; font-weight: bold;}

#navigation ul {list-style-type: none; margin: 0px 0px 0px 6px; padding: 0px 0px 0px 6px;}
#navigation a.home {background: url(../images/b_home.gif) 0px 0px no-repeat; display: block; height: 30px; width: 92px; text-indent: -9999px;}
#navigation a:hover.home {background-position: -92px 0px;}
#navigation a.about {background: url(../images/b_about.gif) 0px 0px no-repeat; display: block; height: 30px; width: 92px; text-indent: -9999px;}
#navigation a:hover.about {background-position: -92px 0px;}
#navigation a.galleries {background: url(../images/b_galleries.gif) 0px 0px no-repeat; display: block; height: 30px; width: 92px; text-indent: -9999px;}
#navigation a:hover.galleries {background-position: -92px 0px;}
#navigation a.wearable {background: url(../images/b_wearable.gif) 0px 0px no-repeat; display: block; height: 23px; width: 142px; text-indent: -9999px;}
#navigation a:hover.wearable {background-position: -142px 0px;}
#navigation a.visual {background: url(../images/b_visual.gif) 0px 0px no-repeat; display: block; height: 23px; width: 142px; text-indent: -9999px;}
#navigation a:hover.visual {background-position: -142px 0px;}
#navigation a.theatre {background: url(../images/b_theatre.gif) 0px 0px no-repeat; display: block; height: 23px; width: 142px; text-indent: -9999px;}
#navigation a:hover.theatre {background-position: -142px 0px;}
#navigation a.film {background: url(../images/b_film.gif) 0px 0px no-repeat; display: block; height: 23px; width: 142px; text-indent: -9999px;}
#navigation a:hover.film {background-position: -142px 0px;}
#navigation a.new {background: url(../images/b_new.gif) 0px 0px no-repeat; display: block; height: 23px; width: 142px; text-indent: -9999px;}
#navigation a:hover.new {background-position: -142px 0px;}
#navigation a.press {background: url(../images/b_press.gif) 0px 0px no-repeat; display: block; height: 30px; width: 92px; text-indent: -9999px;}
#navigation a:hover.press {background-position: -92px 0px;}
#navigation a.contact {background: url(../images/b_contact.gif) 0px 0px no-repeat; display: block; height: 30px; width: 92px; text-indent: -9999px;}
#navigation a:hover.contact {background-position: -92px 0px;}
/*------------------------------------------------------*/

/*-----------------------Forms-------------------------------*/
#contact form {padding: 10px 0px 10px 20px; margin-top: 15px;}
#contact form p {margin: 3px; padding: 0px;}
#contact input {font-size: 11px; color: #000000; background-color: #FFFFFF; border: 1px solid #000000; width: 200px;}
#contact textarea {font-size: 11px; color: #000000; background-color: #FFFFFF; border: 1px solid #000000; width: 300px; height: 150px; font-family: Tahoma, Arial, sans-serif; font-size: 12px;}
#contact input.submit {width: 60px; margin-left: 80px; color: #FFFFFF;  background-color: #990000; border: 1px solid #000000; padding: 1px 5px 1px 5px; font-size: 10px;}
#contact form p label {float: left; width: 80px;}
/*------------------------------------------------------*/

/*-----------------------Gallery-------------------------------*/
#right {float: right; width: 390px; text-align: left;}
#right img {border: 1px solid #000000;}
#thumbnails {float: left; margin-left: 10px; margin-top: 36px; width: 90px;}
.left {float: left;}
.right {float: right;}
#caption {margin-bottom: 10px; color: #990000; font-size: 12px;}
#thumbnails div img {border: 1px solid #000000; margin-bottom: 5px;}
#thumbnails div a:hover img {border: 1px solid #990000;}
/*------------------------------------------------------*/

/*-----------------------Press-------------------------------*/
.image {border: 1px solid #000000; float: left; margin: 3px 10px 8px 0px;}
#press hr {border: 0px; border-bottom: 1px dotted #999999; height: 0px; clear: left;}
/*------------------------------------------------------*/