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

/* RESET CSS  */
* {margin:0; padding:0}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img, a, img {border:none; text-decoration:none;}
ul,ol {list-style:none;}

.clearboth{clear:both}

/* BODY  */
body{border:0; text-align:center; padding:0; margin:0; font-family:"Helvetica Neue", Arial, sans-serif; }

/* SUPERSIZED  */
#loading {position: absolute;top: 49.5%; left: 49.5%;z-index: 3;width: 24px; height: 24px;text-indent: -999em;background: url(../images/progress.gif) no-repeat;}
#supersize{	position:fixed;}
#supersize img{height:100%;	width:100%;	position:absolute; z-index: 0;}
#supersize .prevslide, #supersize .prevslide img{z-index: 1;}
#supersize .activeslide, #supersize .activeslide img{z-index: 2;}


/* HOME CONTENT  */
#home #content{margin:0px auto; height:100%; text-align:left; margin:0 0 0 30px; width:1211px; z-index: 3; position:relative; }
#home #contentframe{overflow:auto; z-index: 3; height:auto; width:1211px; position:relative;}

/* HOME HEADER  */
#home { overflow:hidden;}
#home #header{ width:100%; height:90px; border-bottom:solid 1px #ffffff; padding:20px 0 0 0;}
#home #header #logo_home { float:left;}
#home #header #nav { margin:0 0 0 269px; }
#home #header #nav ul.topnav { padding:0; margin:-6px 0 0 0;}
#home #header #nav ul.topnav li.topnav_li { height:15px; width:100%;}
#home #header #nav ul.topnav li.topnav_li a { font:normal 12px "Helvetica Neue", Arial, sans-serif; width:100px; display:block; color:#bfbfbf; text-decoration:none;}
#home #header #nav ul.topnav li.topnav_li a:hover { font-weight:normal; color:#ffffff; text-decoration:none;}
#home #header #nav ul.topnav li.topnav_li a.active { font-weight:normal; color:#ffffff; text-decoration:none;}

/* INSIDE CONTENT  */
#inside #content{margin:0px auto; height:100%; text-align:left; margin:0 0 0 30px; z-index: 3; position:relative; }
#inside #contentframe{z-index: 3; height:auto; width:1211px; position:relative;}

/* INSIDE HEADER  */
#inside #header{ width:1211px; height:90px; border-bottom:solid 1px #575151; padding:20px 0 0 0; margin:0 0 10px 0;}
#inside #header #logo_home { float:left;}
#inside #header #nav { margin:0 0 0 269px; }
#inside #header #nav ul.topnav { padding:0; margin:-6px 0 0 0;}
#inside #header #nav ul.topnav li.topnav_li { height:15px; width:100%;}
#inside #header #nav ul.topnav li.topnav_li a { font:normal 12px "Helvetica Neue", Arial, sans-serif; width:100px; display:block; color:#bfbfbf; text-decoration:none;}
#inside #header #nav ul.topnav li.topnav_li a:hover { font-weight:normal; color:#740a97; text-decoration:none;}
#inside #header #nav ul.topnav li.topnav_li a.active { font-weight:normal; color:#740a97; text-decoration:none;}

#inside #header #nav ol.subnav { margin:-18px 0 0 100px; padding:0;}
#inside #header #nav ol.subnav, x:-moz-any-link { margin:-20px 0 0 100px; padding:0;}
#inside #header #nav ol.subnav li.suvnav_li { display:inline-block; border-left:solid 1px #bfbfbf; margin:0 0 0 5px ; padding:0 0 0 10px;}
#inside #header #nav ol.subnav li.suvnav_li.first { display:inline-block; border:none; margin:0 0 0 5px ; padding:0 0 0 10px;}
#inside #header #nav ol.subnav li.suvnav_li a { font:normal 12px "Helvetica Neue", Arial, sans-serif; width:auto; display:block; color:#bfbfbf; text-decoration:none;}
#inside #header #nav ol.subnav li.suvnav_li a:hover { font-weight:normal; color:#740a97; text-decoration:none;}
#inside #header #nav ol.subnav li.suvnav_li a.active { font-weight:normal; color:#740a97; text-decoration:none;}

/* FOOTER  */
#footer { border-top:solid 1px #f4f4f4; height:auto; width:100%; margin:1px 0 10px 0;}
#footer p { width:100%; font:normal 10px "Helvetica Neue", Arial, sans-serif; margin:5px 0 0 0; color:#9e9e9e;}
#footer a { text-decoration:none;font:normal 10px "Helvetica Neue", Arial, sans-serif; color:#9e9e9e; padding:0 0 0 10px; margin:0 0 0 5px; border-left:solid 1px #f4f4f4;}
#footer a:hover { text-decoration:underline; color:#740a97;}

/* PORTFOLIO  */
#video { float:left; width:941px; height:643px; position:relative; margin:0 0 10px 270px; background-color:#f4f4f4;}
#video img { height:0px; width:0px;float:left; margin:153px 0 0 193px;}
#image { float:right; width:942px; height:643px; position:relative; margin:0 0 10px 0;}
#image img { height:643px; width:auto;float:left;}
#caption { float:left; width:255px; height:310px; margin:340px 15px 0 0; position:absolute;}
#caption, x:-moz-any-link { margin:340px 15px 0 0; }
#caption p.title { padding:5px 0 21px 0; border-top:solid 1px #c8bcc3; width:100%; font:normal 12px "Helvetica Neue", Arial, sans-serif; color:#999999;}
#caption p { width:100%; font:normal 12px "Helvetica Neue", Arial, sans-serif; margin:8px 0 0 0; color:#9e9e9e; line-height:14px;}
#caption a { padding:5px 0 0 0; border-top:solid 1px #e9e4e7; width:100%; display:block; font:normal 12px "Helvetica Neue", Arial, sans-serif; color:#9e9e9e;}


#videoplayer {  height:640px; width:360px; z-index:9000; position:absolute; left:420px; top:-178px;}
#landing.caption {  height:583px; float:right; position:absolute; left:775px; top:-330px; *top:-340px;}
#landing.caption, x:-moz-any-link {  height:583px; float:right; position:absolute; left:775px; top:-340px;}
#description { border:solid 10px #f4f4f4; width:377px; height:583px; float:right; padding:20px; z-index:5000;}
#description span.txt_books {font:normal 12px "Helvetica Neue", Arial, sans-serif; color:#7d7979; margin:5px 15px 6px 0; display:block;}
#description p.title_book {font:bold 12px "Helvetica Neue", Arial, sans-serif; color:#453e3e; margin:5px 0 15px 0; display:block;}
#description span.intro_book {font:normal 12px "Helvetica Neue", Arial, sans-serif; color:#000000; margin:5px 15px 6px 0; display:block;}
#description p { margin:0 0 15px 0;}
#description a {font:normal 12px "Helvetica Neue", Arial, sans-serif; color:#9e9a9a; text-decoration:underline;}
#description a:hover { text-decoration:underline; color:#720793;}

#story { display:none;}

#book_links {border-top:solid 1px #f4f4f4; padding:10px 0 0 0; margin:40px 0 0 0; } 
#book_links div.bookstore { width:45%; float:left; z-index:3000;}
#book_links div.bookstore a {font:normal 12px "Helvetica Neue", Arial, sans-serif; padding:0 0 0 8px; background:url(../img/link_bullet_off.gif) no-repeat 0px 5px; border:none; width:auto;line-height:18px; display:block; color:#9e9a9a; text-decoration:none;}
#book_links div.bookstore a:hover { text-decoration:none; color:#720793; padding:0 0 0 8px; background:url(../img/link_bullet_on.gif) no-repeat 0px 5px;}

#book_links div.socialmedia { width:45%; float:right;}
#book_links div.socialmedia a {font:normal 12px "Helvetica Neue", Arial, sans-serif; padding:0 0 0 8px; background:url(../img/link_bullet_off.gif) no-repeat 0px 5px; border:none; width:auto;line-height:18px; display:block; color:#9e9a9a; text-decoration:none;}
#book_links div.socialmedia a:hover { text-decoration:none; color:#720793; padding:0 0 0 8px; background:url(../img/link_bullet_on.gif) no-repeat 0px 5px;}

/* CONTACT  */
#contact_image { float:right; z-index:3; margin:0 0 10px 0;}
#contact { float:left; margin:0 0 0 270px; z-index:3000; position:absolute;}
#contact div.col1 { margin:24px 25px 0 0; border-top:solid 1px #9e9a9a; float:left; width:185px;}
#contact div.col1 p {font:normal 12px "Helvetica Neue", Arial, sans-serif; color:#9e9a9a;line-height:18px;}
#contact div.col1 p.name {font:normal 12px "Helvetica Neue", Arial, sans-serif; color:#453e3e;line-height:18px;}
#contact div.col1 p strong {font:bold 12px "Helvetica Neue", Arial, sans-serif; color:#453e3e; margin:5px 0 6px 0; display:block;}
#contact div.col1 a {font:normal 12px "Helvetica Neue", Arial, sans-serif; width:auto;line-height:18px; display:block; color:#9e9a9a; text-decoration:underline;}
#contact div.col1 a:hover { text-decoration:underline; color:#720793;}

#contact div.col2 { margin:24px 25px 0 0; border-top:solid 1px #9e9a9a; float:left; width:185px; }
#contact div.col2 p {font:normal 12px "Helvetica Neue", Arial, sans-serif; color:#9e9a9a;line-height:18px;}
#contact div.col2 p.name {font:normal 12px "Helvetica Neue", Arial, sans-serif; color:#453e3e;line-height:18px;}
#contact div.col2 p strong {font:bold 12px "Helvetica Neue", Arial, sans-serif; color:#453e3e; margin:5px 0 6px 0; display:block;}
#contact div.col2 a {font:normal 12px "Helvetica Neue", Arial, sans-serif; width:auto; display:block;line-height:18px; color:#9e9a9a; text-decoration:underline;}
#contact div.col2 a:hover { text-decoration:underline; color:#720793;}

/* ABOUT  */
#about_image { float:left; margin:0 0 10px 270px;}
#about { border:solid 10px #f4f4f4; width:377px; height:583px; float:right; padding:20px;}
#about span.txt {font:normal 12px "Helvetica Neue", Arial, sans-serif; color:#7d7979; margin:5px 15px 6px 0; display:block;}
#about p.title {font:bold 12px "Helvetica Neue", Arial, sans-serif; color:#453e3e; margin:5px 0 18px 0; display:block;}
#about span.intro {font:normal 12px "Helvetica Neue", Arial, sans-serif; color:#000000; margin:5px 15px 6px 0; display:block;}
#about p { margin:0 0 15px 0;}
#about a {font:normal 12px "Helvetica Neue", Arial, sans-serif; color:#9e9a9a; text-decoration:underline;}
#about a:hover { text-decoration:underline; color:#720793;}