/* CSS Document */

body {background: url('uploads/images/site/bg_body.jpg') top left repeat-x #fff; font-size: 85%; color: #574c43; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; line-height: 120%;} 
* html body {font-size: 90%;}

/*-------------------------------------------    
  Structural Styles
-------------------------------------------*/
#canvas {background: url('uploads/images/site/bg_canvas.jpg') center 158px no-repeat; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -189px;}
/* Note: Canvas's negative margin is so that the footer remains on bottom of page */

#header {width: 870px; margin: 0 auto;}
#branding {float: left; padding: 3px 0 0 0; margin: 0; position: relative;}
#branding h1 {background: url('uploads/images/site/asirastudio_logo.png') no-repeat; width: 460px; height: 184px; margin-left: -60px;}
* html #branding h1 {margin-left: -55px;}
#branding h1 a {display: block; width: 318px; padding: 170px 0 0 0; border: 0 none;}
#branding h1 a span {display: none;}


#pnav {float: right; margin: 104px 5px 0 0; height: 55px;}
/*IE7*/ html*#pnav {]margin-right: -7px;}
#pnav li {list-style-type: none; display: block; float: left; background: url('uploads/images/site/nav_border.png') top right no-repeat; margin: 0; padding: 0;}
* html #pnav li.i18 {background: url('uploads/images/site/nav_border.png') top right no-repeat;}
* html #pnav li.i15 {background: 0 none;}

#pnav li a {color: #fff; text-transform: uppercase; font-size: 1.1em; letter-spacing: .05em; display: block; padding: 15px 21px 16px 18px; border: 0 none;}
#pnav li a:hover {background: url('uploads/images/site/nav_hover.gif') repeat-x; border-bottom: 4px solid #6a7335;}
#pnav li a.currentpage {background: url('uploads/images/site/nav_onstate.gif') center -2px no-repeat; display: block; border: 0 none;}
#pnav li a.menuparent {background: url('uploads/images/site/nav_onstate.gif') center -2px no-repeat; border: 0 none;}
html*#pnav li a.menuparent {border-left: 1px solid #211813;}
* html #pnav li a.menuparent {border-left: 1px solid #211813;}
#pnav li.i15 a.currentpage {background: 0 none;}
#pnav li.i15 a.currentpage:hover {background: url('uploads/images/site/nav_hover.gif') repeat-x;}
#pnav li.i18 {background: none; margin-right: -22px;}

#pagecontent {clear: both; width:870px; margin: 0 auto;}


#snav {position: relative; margin: 0 0 0 -8px; padding: 0; width: 215px;}
#snav ul {}
#snav li {list-style-type: none; display: block; margin: 0 0 8px 0; padding: 0;}
#snav li a {display: block; border: 0 none; background-color: #4b222f; font-size: .9em; font-style: italic; color: #fff; padding: 6px; margin-left: 10px; text-align: center;}
/*IE6*/ * html #pagecontent #snav ul li {margin-bottom: 0; padding: 0;}
/*IE6*/ * html #pagecontent #snav ul li a {color: #4b222f; text-align: left; padding: 0; margin: 0 0 0 7px;}

.push {height: 189px;} /*This helps the footer stay at bottom of page - must equal the height of the footer*/

#footer {bottom: 0; background: url('uploads/images/site/bg_footer.png') repeat-x; height: 189px; width: 100%; clear: both;}
#footer .footertext {width: 870px; margin: 0 auto; padding: 75px 0 0 0; font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; color: #fff; font-size: .688em;}
#footer .footertext a { border: 0 none;}
#footer .footertext p.left {float: left;}
#footer .footertext p.right {float: right; margin: -37px 0 0 0; padding: 0;}
/*IE7*/ html*#footer .footertext p.right {]margin: 0;}
/*-------------------------------------------    
   End Structural Styles
-------------------------------------------*/

/*-------------------------------------------
   REUSED STYLES
------------------------------------------ */
.space {height: 10px; clear: both; margin: 0; padding: 0;}
.clear {clear: both; background: none;}
span.boost {font-size: 120%;} 

p.quote {background: url('uploads/images/site/quote_open.png') no-repeat top left; margin: 0; padding: 10px 30px 0 15px; font-size: 1.1em; line-height: 1.3em; font-style: italic;}
* html p.quote {background: url('uploads/images/site/quote_open.gif') no-repeat top left;}
p.quote:after  {content: url('uploads/images/site/quote_close.png'); vertical-align: bottom; padding: -20px 0 0 5px;}
p.byline {font-style: italic; font-size: .8em; padding: 6px 0 0 15px; margin: 0 0 25px 0;}
p.byline:after {content: none;}

p.button a {color: #fff;}
.button a {background: #4b222f; font-size: .9em; font-style: italic; color: #fff; padding: 6px; margin-right: 10px; border: 0 none;}
.button a:hover {background: #643947; color: #fff;}

.button_homelft a {background: #4b222f; font-size: .9em; font-style: italic; color: #fff; padding: 6px; margin-right: 10px; float: left; margin-top: 5px; border: 0 none;}
.button_homelft a:hover {background: #643947; color: #fff;}

.buttonlft a {background: #4b222f; font-size: .75em; font-style: italic; color: #fff; padding: 4px; margin: 0 0 0 10px; border: 0 none; float: right; text-transform: capitalize;}
.buttonlft a:hover {background: #643947; color: #fff;}

p.grbutton a {color: #fff;}
.grbutton a {background: #505426; font-size: .9em; font-style: italic; color: #fff; padding: 6px; margin-right: 10px; border: 0 none;}
.grbutton a:hover {background: #643947; color: #fff;}

.emphasis {font-weight: bold; line-height: 1.7em; }

table.artists td {padding: 0 30px 0 0; margin: 0;}

.smaller {font-size: 95%;}
p.smaller {padding-bottom: 0; margin: 5px 0 15px 0;}

/* -----FANCY TYPE------- */
.amp {font-size: 120%; font-family: "Baskerville", "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-style: italic;	font-weight: normal; line-height: 0;}
.bracket {font-size: 150%; font-family: "Baskerville", "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-weight: bold; padding: 0 1px;}
.asterisk {overflow: hidden; background: url('images/asterisk.png') -2px 2px no-repeat; width: 15px; height: 15px; margin: 0; padding: 2px 2.5px;}


/* ---CLEARFIX--- */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */



/*-------------------------------------------    
  Home Page Styles
-------------------------------------------*/
.home_colleft {width: 475px; float: left; margin: 20px 10px 0 0; padding: 0 0 0 30px; background: url('uploads/images/site/home_recentwork.png') top left no-repeat; min-height: 310px;}
/*Safari*/ html*.home_colleft {width: 490px; ]width: 475px;}
.home_colright {width: 350px; float: left; margin: 16px 0 0 0; padding: 0;}
/*Safari*/ html*.home_colright {width: 340px;}

.currentwork {margin: 0;}
.currentwork ul.img_list {margin: 0; padding: 0; width: 475px;}
.currentwork ul.img_list li.image_one {list-style-type: none; float: left; margin: 0 10px 10px 0; padding: 0; height: 150px;}
.currentwork ul.img_list li.image_one a {display: block; border: 5px solid #867e73; width: 130px; height: 140px; overflow: hidden;}

.currentwork ul.img_list li.image_one a:hover {border: 5px solid #a29b91;}

.currentwork ul.img_list li.image_one a .rollover {display:block; position:absolute; top:0; left:0; width: 130px; height: 140px; background: #fff;}

/*-------------------------------------------    
  General Interior Page Styles
-------------------------------------------*/
.int_colleft {width: 453px; float: left; margin: 15px 25px 0 0; padding: 0 35px 0 0; border-right: 1px solid #ceccc9;}
/*Safari*/ html*.int_colleft {width: 468px;}
/*IE7*/ html*.int_colleft {]width: 453px;}
/*IE6*/ * html .int_colleft {width: 468px; margin-top: 0;}
.int_colright {width: 350px; float: left; margin: 12px 0 0 0; padding: 0;}
/*Safari*/ html*.int_colright {width: 335px;}
/*IE7*/ html*.int_colright {]width: 350px;}
/*IE6*/ * html .int_colright {width: 340px; margin: 0; padding:0;}
.int_colleft2 {width: 383px; float: left; margin: -15px 100px 0 0; padding: 0;}
/*Safari*/ html*.int_colleft2 {width: 383px;}
/*IE7*/ html*.int_colleft2 {]width: 383px;}

.int_colright2 {width: 380px; float: left; margin:  -15px 0 0 0; padding: 0;}
/*Safari*/ html*.int_colright2 {width: 380px;}
/*IE7*/ html*.int_colright2 {]width: 380px;}


.int_bottom {width: 923px; float: left; margin: 20px 0 0 0; padding: 0;}

h2.aboutrt {margin-top: .75em; font-size: 120%;}

ul.services {margin: 0 0 0 -15px; padding: 0;}
li.services  {list-style-type: none; display: block; float: left; width: 150px; margin: 0 20px 0 0; line-height: 1.15em; padding-bottom: .5em;}
/*Safari*/ html*li.services {width: 145px;}
/*IE6*/ * html li.services {width: 140px;}
ul.prservices {margin: 10px 0 0 -15px; padding: 0;}
li.prservices {list-style-type: none; padding: 0 0 .15em 0; margin: 0;}


/*-------------------------------------------    
  Work Styles
-------------------------------------------*/
.work_types {position: relative; width: 222px; float: right; margin:-20px -6px 0 0; padding: 0;}
.work_types li {list-style-type: none; display: block; margin: 0; padding: 0; float: left;}
.work_types li a {background: url('uploads/images/site/bt_worktypes_off.png') no-repeat; width: 105px; height: 37px; display: block; border: 0 none; text-align: center; padding-top: 6px; font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; text-transform: uppercase; color: #cccebf; font-size: 90%; letter-spacing: .05em;}
.work_types li a:hover {background: url('uploads/images/site/bt_worktypes_hover.png') no-repeat; color: #fff;}
.work_types li a.menuparent {background: url('uploads/images/site/bt_worktypes_on.png') no-repeat; color: #fff;}

.work_colleft {width: 214px; float: left; margin: 20px 20px 0 0; padding: 0;}
.work_colmid {width: 625px; float: left; margin: 0 0 0 0; padding: 0;}

h1.work_titles {color: #6b655d; font-size: 1.65em; line-height: 1em;}
.notes {font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; font-size: .85em;}
.notes p {line-height: 1.35em;}
.notes p a {font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;}
/*IE7*/ html*.notes {font-size: .9em; letter-spacing: .01em;}

.work_morescreens {width: 214px; background: url('uploads/images/site/work_viewmore.gif') top left no-repeat; padding: 20px 0 0 0;}
.gallery_demo{width:214px;}
.gallery_demo li{list-style-type: none; float: left; margin: 0 6px 6px 0; padding: 0; display: block; border: 3px solid #c1bdb7; width: 93px; height: 93px; overflow: hidden;}
.gallery_demo li.active {border: 3px solid #867e73;}
.gallery_demo li div{}
	
.work_large {margin: 0; padding:0;}
#main_image{margin:0;}
#main_image img {border: 1px solid #867e73; padding: 4px; background: none;}
.caption {font-size: 90%; font-style: normal; display: none;}

p.slidenav {padding-top:10px;}	
p.slidenav a {clear:both; font-size:75%; text-transform:uppercase; text-decoration: none; border: 0 none;}
p.slidenav a:hover {border-bottom: 2px dotted #505426;}

.imagenav {margin: -13px -5px 5px 0; padding: 0; float: right; display: block; width: 425px;}
* html .imagenav {margin-top: 0; padding: 0;}

ul.img_list {margin: 0; padding: 0; width: 100%;}
ul.img_list li {list-style-type: none; float: left; margin: 0 15px 15px 0; padding: 0; height: 195px;}
ul.img_list li a {position:relative;display: block; border: 5px solid #867e73; width: 265px; height: 143px; overflow: hidden;}

ul.img_list li a .rollover {display:block; position:absolute; top:0; left:0; width: 265px; height: 143px; background: #fff;}
ul.img_list li a:hover {border: 5px solid #bcb8b2;}

ul.img_list li .title {display: block; width: 275px; line-height: 1em; margin: 0; padding: 5px 0; color: #867e73;  font-size: .7em; text-transform: uppercase; font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; line-height: 1.15em; letter-spacing: .01em; border-bottom: 1px solid #bcb8b2;}



/*-------------------------------------------    
  Contact Forms Styles
-------------------------------------------*/

.forms {margin: -20px 0 0 0; padding: 0;}

.contactform div {width: 100%; margin: 0; padding: 0; font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;  color: #555; line-height: 1.35em; width: 100%; font-size: .9em;}
.contactform div label {margin: 0; padding: 0;}
.contactform div .labels {font-weight: bold; padding: 1.5em 0 .4em 0;}
.contactform div .multiple {}
.contactform input {width: 325px; margin: 0; padding: 9px; font-size: .85em; background-color: transparent;}
/*Safari*/ html*.contactform input {padding: 10px;}
.forms .inputstyles .contactform input {background-image: url(uploads/images/site/inputbg.png);
border: 0 none; background-repeat: no-repeat; background-position: center center; background-color: transparent;}

form .submit {margin: 10px 0 0 0; padding: 0px; width: 71px; height: 25px;}
.contactform select {width: 343px; margin: 0; padding: 9px; font-size: .85em; background-image: url(uploads/images/site/inputbg.png); border: 0 none; background-repeat: no-repeat; background-position: center center; background-color: transparent;}

.contactform input.radio {margin: 0; padding: 0;}

.contactform .radiobuttons input {width: auto; margin: 0; padding: 0; border: 0 none;}
.contactform .checkboxes input {width: auto; margin: .5em 0 0 0; padding: 0; border: 1px solid #d5d5d5;}

.contactform textarea {width: 325px; height: 200px; margin: 0; padding: 9px; font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; margin: 0; font-size: .85em; background-image: url(uploads/images/site/textareabg.png); border: 0 none; background-repeat: no-repeat; background-position: center center; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; 	border-left-width: 0px;}

.contactform div.required {color: #777;}
.contactform .symbol {color: #990000;}
.contactform .fbsubmit {width: 70px; padding: 0; font-size: .85em; margin-top: 30px;}

.contactform div .error_message {color: #990000;}
.contactform div .error {color: #990000;}