* {
margin: 0;
padding: 0;
}

body {
background: #2C0931 url(images/body-bg.gif) repeat-x;
font-size: 62.5%;
font-family: helvetica, arial, tahoma, sans-serif;
min-width: 970px;
}

.error{color:#ff0000 !important; margin:0; padding:15px 0; font-weight:bold; font-size:13px;}
.thankyou{color:#5c2568 !important; font-size:14px;}

#wrap {
background: url(images/wrap-bg.gif) top center no-repeat;
height: 562px;
}

#container {
margin: 0 auto;
width: 970px;
}


/* =============== Header and Logo =============== */

#header {
position: relative;
margin: 0 auto;
width: 960px;
height: 116px;
}

#logo {
position: absolute;
left: 2px;
top: 18px;
display: block;
width: 580px;
height: 85px;
background: url(images/logo.gif) no-repeat;
text-indent: -9999px;
}


/* =============== Main Navigation =============== */

#nav {
background: url(images/d-shadow.png) top right repeat-y;
}

#nav ul {
list-style: none;
margin: 0 5px;
text-align: left;
background: #5C2568 url(images/nav-ul-bg.gif) top left repeat-x;
border: 1px solid #1B1B1A;
}

#nav li {
display: inline;
font-size: 1.4em;
}

#nav li a {
display: inline-block;
padding: 14px 18px 12px 18px;
color: #FFF;
text-decoration: none;
}

#nav li a:link, #nav li a:visited {
background: none;
color: #FFF;
}

#nav li a:hover, #nav li a:active, #nav li a#current {
background: #7A4E7E;
color: #EDC4F1;
}


/* =============== Main Image =============== */

#main-image-wrap {
background: url(images/d-shadow.png) top right repeat-y;
width: 970px;
}

#main-image {
margin: 0 auto;
background: #FFF;
width: 960px;
height: 395px;
}

#main-image img {
margin: 8px;
border: 2px solid #29042F;
}


/* =============== Three Teasers =============== */

#teasers {
float: left;
display: inline;
margin-left: 22px;
width: 942px;
margin-bottom: 30px;
}

.teaser {
float: left;
width: 292px;
margin-right: 22px;
}

.teaser a.teaser-link {
display: block;
width: 292px;
height: 182px;
background: url(images/teaser-a-bg.gif) no-repeat;
margin-bottom: 4px;
}

.teaser a.teaser-link img {
margin: 8px;
border: 2px solid #29042F;
}

.teaser h2 {
margin: 0 16px 0.8em 8px;
}

.teaser p {
margin: 0 16px 0.8em 8px;
}


/* =============== Content and Sub Navigation =============== */

#content-wrap {
margin: 0 auto;
width: 960px;
overflow: hidden;
background: #FAF4E7 url(images/content-wrap-bg.gif) top left repeat-x;
padding: 24px 0 30px 0;
}

#content-left {
margin-left: 30px;
display: inline;
float: left;
width: 582px;
line-height: 150%; 
}

#content-right {
margin-left: 38px;
display: inline;
float: left;
width: 292px;
/*padding-top: 10px;*/ 
}

#sub-nav{
margin-left: 38px;
display: inline;
float: left;
width: 292px;
padding-top: 10px;
background: url(images/sub-nav-bg.gif) top left no-repeat;
}

#sub-nav ul {
list-style: none;
background: url(images/sub-nav-ul-bg.gif) bottom left no-repeat;
padding: 0 0 18px 0;
}

#sub-nav ul li {
width: 292px;
background: url(images/sub-nav-li-bg.gif) top left repeat-y;
}

#sub-nav ul li a {
display: block;
padding: 10px 10px 10px 28px;
margin: 0 17px 0 10px; 
font-size: 1.3em;
color: #251914;
}

#sub-nav ul li a:link, #sub-nav ul li a:visited  {
background: #FFF url(images/bullet-white.gif) 8px center no-repeat;
text-decoration: none;
}

#sub-nav ul li a:hover, #sub-nav ul li a:active  {
background: #FFF url(images/bullet-white.gif) 8px center no-repeat;
text-decoration: underline;
}

#sub-nav ul li a.alt:link, #sub-nav ul li a.alt:visited  {
background: #E6E1E7 url(images/bullet-ppl.gif) 8px center no-repeat;
text-decoration: none;
}

#sub-nav ul li a.alt:hover, #sub-nav ul li a.alt:active  {
background: #E6E1E7 url(images/bullet-ppl.gif) 8px center no-repeat;
text-decoration: underline;
}


/* =============== Special Offers =============== */

#special-offers {
margin: 0 5px;
background: #FFF;
padding: 30px;
}


/* =============== Call Us =============== */

#call-us {
margin: 0 5px;
background: #BDB1BF;
padding: 30px;
border: 1px solid #B296AC;
text-align: right;
font-weight: bold;
}

/* =============== Sub Page Feature =============== */

.sub-img-wrap {
float: right;
padding: 0 0 20px 30px;
}

.sub-img-wrap img {
padding: 2px;
border: 2px solid #bdb1bf;
}

/* =============== Typography =============== */

p {
color: #251914;
font-size: 1.3em;
line-height: 150%;
margin-bottom: 1.8em;
}

p a:link, p a:visited {
color: #7C4F81;
}

p a:hover, p a:active {
color: #c195c5;
}

h1 {
font-size: 1.6em;
margin-bottom: 0.8em;
}

h2 {
font-size: 1.6em;
margin-bottom: 0.8em;
}

h3 {
font-size: 1.6em;
margin-bottom: 0.8em;
}


/* =============== Footer =============== */

#footer {
margin: 20px auto;
padding-bottom: 40px;
width: 940px;
text-align: right;
color: #FFF;
font-size: 1.1em;
}

#footer span {
margin-left: 16px;
}

#footer a {
color: #FFF;
}

#site-by a {
display: inline-block;
width: 107px;
height: 27px;
background: url(images/b-studios-logo.gif) no-repeat;
text-indent: -9999px;
margin-bottom: -1px;
}

/* Speech Bubble */
.speech_bubble{
	background: transparent;
}
.speech_bubble_content{
	display:block; 
	background:#fff; 
	border:3px solid #e6e1e7; 
	border-width:0 3px;
}
.speech_bubble p{
	padding:0.5em 0; 
	color:#000;
	margin:0 15px; 
}
.sb1, .sb2, .sb3, .sb4, .sb5, .sb6, .sb7{
	display:block; 
	overflow:hidden; 
	font-size:0;
}
.sb1, .sb2, .sb3, .sb4, .sb5, .sb6{
	height:1px;
}
.sb4, .sb5, .sb6, .sb7{
	background:#fff; 
	border-left:1px solid #e6e1e7; 
	border-right:1px solid #e6e1e7;
}
.sb1 {margin:0 8px; background:#e6e1e7;}
.sb2 {margin:0 6px; background:#e6e1e7;}
.sb3 {margin:0 4px; background:#e6e1e7;}
.sb4 {margin:0 3px; background:#fff; border-width:0 5px;}
.sb5 {margin:0 2px; background:#fff; border-width:0 4px;}
.sb6 {margin:0 2px; background:#fff; border-width:0 3px;} 
.sb7 {margin:0 1px; background:#fff; border-width:0 3px; height:2px;} 

.speech_bubble em{
	display:block; 
	width:0; 
	height:0; 
	overflow:hidden; 
	border-top:12px solid #e6e1e7; 
	border-left:12px dotted transparent; 
	border-right:12px dotted transparent; 
	margin-left:50px;
}
.speech_bubble span{
	display:block; 
	width:0; 
	height:0; 
	overflow:hidden; 
	border-top:10px solid #fff; 
	border-left:10px dotted transparent; 
	border-right:10px dotted transparent; 
	margin-left:52px; 
	margin-top:-15px;
}
* html .speech_bubble em {width:24px; height:12px; w\idth:0; hei\ght:0;}
* html .speech_bubble span {width:20px; height:10px; w\idth:0; hei\ght:0;}

img.double-border { border:3px solid #bdb1bf; padding:3px; background:#fff; }

#gallery {
float: left;
margin-left: 22px;
width: 942px;
}
