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

/*
Design: http://portman2.com
Author: Clive
Site: http://johnharragan.co.uk
Last updated: 2nd May 2009
Last updated by: Clive
*/

/* RESETS */
body {text-align: center; margin: 0; overflow: auto;}
h1, h2, h3, h4, p, ol, ul, p {margin: 0; clear: both; font: 12px Arial, Helvetica, sans-serif; }
ol, ul, li {list-style-type: none; margin: 0; padding: 0;}
img {border: none;}
a {text-decoration: none; outline: none;}

/* COMMON ELEMENTS */
p, li {color: #333333; line-height: 12px;}
p a:link, p a:visited {color: #333333; text-decoration: underline;}
p a:hover {color: #f20046; text-decoration: none;}

/* COMMON CLASSES */
.hide {position: absolute; left: -9999px;} /* invisible but still presented by screen readers */
.noshow {display: none;} /* invisible, even to screen readers */
.clearboth {clear: both;}








/* STRUCTURE AND HEADER */
body {background: #dbdbdb url(../images/gradient_site.gif) repeat-x;}
#body2 {width: 100%; padding-top: 50px; }

#homepage, #aboutpage, #interiorspage, #muralspage, #painteffectspage, #testimonialspage, #venetianpppage {
	width: 800px; margin: 0 auto 5px; background: #000000;}

#header {width: 800px; height: 125px; position: relative;}
#header h1 {background: url(../images/h1.gif) no-repeat; text-indent: -9999px;
	position: absolute; top: 18px; left: 182px;}
#header h1 a {display: block; width: 436px; height: 55px; }

#content {width: 800px; margin: 0;}







/**************************************** LEFT **************************************/
#left {width: 195px; height: 490px; float: left; background: url(../images/gradient_nav.png) repeat-x; padding: 0;}

/* NAVIGATION */
#nav {width: 170px; margin: 0 auto;}
#nav ul {}
#nav li {margin: 2px 0;}
li#about_li {margin: 7px 0;}
li#galleries_li { text-indent: 0; border-bottom: 1px dashed #ffffff; margin-bottom: 3px;
	font: 10px Arial, Helvetica, sans-serif; color: #ffffff;}
li#painteffects_li {border-bottom: 1px dashed #ffffff; padding-bottom: 2px; margin-bottom: 9px;}
li#testimonials_li {}
#nav a {display: block; width: 170px; height: 30px; background-color: #4a4a4a;
	font: 14px "Times New Roman", Times, serif; color: #ffffff; line-height: 30px;}
#nav a:hover, #nav a.active { background-color: #000000;}

#left p {text-align: left; margin: 81px 12px 6px; padding: 8px 0; border-bottom: 1px dashed #ffffff; border-top: 1px dashed #ffffff; font: 11px Arial, Helvetica, sans-serif; color: #ffffff;}

/* CONTACT */
#contact {}
#contact ul {text-align: left; margin: 0 12px; padding-bottom: 8px; border-bottom: 1px dashed #ffffff;}
#contact li {font: bold 10px Arial, Helvetica, sans-serif; color: #ffffff; line-height: 16px;}
li#tel_li {font: bold 18px Arial, Helvetica, sans-serif; color: #000000; line-height: 20px;}
li#email_li a{font: bold 13px Arial, Helvetica, sans-serif; color: #d1df1a; line-height: 14px;}
li#email_li a:hover {text-decoration: underline;}








/**************************************** RIGHT **************************************/
#right {width: 605px; float: right; height: 490px;}
#homepage #right {background: url(../images/home_pic.jpg) no-repeat;}
#aboutpage #right {background: url(../images/about_pic.jpg) no-repeat;}
#testimonialspage #right {background: url(../images/testimonials_bg.jpg) no-repeat;}

/* HOME PAGE */
#homepage h2 {width: 234px; height: 23px; background: url(../images/home_h2.gif) no-repeat; text-indent: -9999px;
	position: absolute; top: 66px; left: 283px;}
	
/* ABOUT PAGE */
#aboutpage h2 {width: 86px; height: 20px; background: url(../images/about_h2.gif) no-repeat; text-indent: -9999px;
	position: absolute; top: 68px; left: 357px;}
#abouttext {float: left; width: 320px; height: 490px; background: url(../images/gradient_about.png) repeat-x;
	text-align: left; padding: 0 20px;}
#abouttext h3 {font: 22px "Times New Roman", Times, serif; color: #ec1674; line-height: 18px; letter-spacing: 0.5px;
	margin-bottom: 7px;}
#abouttext p {font: 11px Arial, Helvetica, sans-serif; color: #ffffff; line-height: 15px;}
#abouttext a:link, #abouttext a:visited {color: #d1df1a; text-decoration: none;}
#abouttext a:hover {text-decoration: underline;}
#mypractice {padding-bottom: 11px; margin-bottom: 25px;}
#mypractice p {margin-bottom: 17px;}
#clients {}



#slideshow {width: 605px;
	text-align: center;}
#mainimage {width: 370px; height: 370px;
	margin: 0 auto 52px;}
	#mainimage img.portrait {margin: 0 35px;}
	#mainimage img.landscape {margin: 35px 0;}
	#mainimage p.caption {font: 10px Arial, Helvetica, sans-serif; color: #fff;}
	

#carouselholder {display: inline-block; margin: 0 auto;}
a#prevbutton {width: 50px; height: 50px;
	float: left;
	background: url(../images/left-arrow.gif) 13px 15px no-repeat;
	text-indent: -9999px;}	
#thecarouselwindow {width: 369px; height: 56px; overflow: hidden;
	float: left;
	position: relative;
	text-align: left;}
#thecarousel {position: absolute; left: 0;}
	#thecarousel li {display: inline; margin: 0 1px 0 2px;}
		#thecarousel li a {display: inline-block; width: 50px; height: 50px;
			border: 3px solid #000;}
		#thecarousel li a:hover, #thecarousel li a:focus, #thecarousel li a:active, #thecarousel li a.theone {border: 3px solid #555;}
a#nextbutton {width: 50px; height: 50px;
	float: left;
	background: url(../images/right-arrow.gif) 13px 15px no-repeat;
	text-indent: -9999px;}
		

/* INTERIORS PAGE */
#interiorspage h2 {width: 123px; height: 21px; background: url(../images/interiors_h2.gif) no-repeat; text-indent: -9999px; position: absolute; top: 67px; left: 338px;}

/* VENETIAN PP PAGE*/
#venetianpppage h2 {width: 347px; height: 21px; background: url(../images/venetianpp_h2.gif) no-repeat; text-indent: -9999px; position: absolute; top: 67px; left: 229px;}

/* MURALS PAGE */
#muralspage h2 {width: 97px; height: 21px; background: url(../images/murals_h2.gif) no-repeat; text-indent: -9999px; position: absolute; top: 67px; left: 351px;}

/* PAINT EFFECTS PAGE */
#painteffectspage h2 {width: 167px; height: 22px; background: url(../images/painteffects_h2.gif) no-repeat; text-indent: -9999px; position: absolute; top: 67px; left: 316px;}

/* TESTTMONIALS PAGE */
#testimonialspage #right {padding-top: 80px; height: 410px;}
#testimonialspage h2 {width: 259px; height: 22px; background: url(../images/testimonials_h2.gif) no-repeat; text-indent: -9999px; position: absolute; top: 67px; left: 270px;}
div.testimonial {margin: 0 70px 8px 70px; padding-bottom: 12px; border-bottom: 1px dashed #000000; text-align: left;}
div.testimonial p {font: 14px "Times New Roman", Times, serif; color: #000000; line-height: 17px;}
div.testimonial p.testimonial_author {font: bold 14px "Times New Roman", Times, serif; color: #ec1674;}







/***************************************** FOOTER ************************************/
#footer {width: 800px; margin: 0 auto; border-top: 1px dashed #505050;}
#footer a:link, #footer a:visited {color: #505050;}
#footer a:hover {text-decoration: underline;}
#footer ul {margin-top: 6px;}
#footer li {float: left; font: 9px Arial, Helvetica, sans-serif; color: #505050; line-height: 15px;}
li#copyright {padding-right: 5px; border-right: 1px solid #505050;}
li#sds {padding: 0 5px; border-right: 1px solid #505050;}
li#p2 {padding-left: 5px;}
sup {font-size: 6px;}