#lightboxbgcolor {
color : #cc7d80;
}
.container {
width : 1004px;
margin : 0 auto;
position : relative;
background : url(../images/watercolor/bg_center_repeat.jpg) repeat-y center top;
}
body {
background-color : transparent;
font-family : Arial;
color : #000;
font-size : 14px;
line-height : 27px;
}
#header {
background : url(../images/watercolor/bg_header.jpg) no-repeat;
height : 200px;
width : 980px;
margin-left : 12px;
}
.logo {
position : absolute;
top : 30px;
left : 80px;
color : #000;
font-size : 35px;
font-weight : bold;
}
/*title div*/
#title-div
{
    position : absolute;
    top : 65px;
    left: 80px;
	width:700px;
	height:50px;
	text-align:left;
	vertical-align:middle;
}
.title-text
{
    color :  #000;
    text-decoration : none;
    font-size : 30px;
    
}
ul#navigation {
position : absolute;
top : 300px;
left : 730px;
width : 177px;
}
#navigation li {
padding-right : 20px;
color : #000;
font-size : 16px;
font-weight : bold;
margin-bottom : 10px;
}
#navigation li a {
color : #000;
text-decoration : none;
cursor : pointer;
}
#navigation li a.active {
color : red;
font-size : larger;
}
#navigation li a:hover {
color : red;
font-size : larger;
text-decoration : underline;
}
.vertical-links {
position : absolute;
top : 160px;
left : 80px;
width : 800px;
}
.vertical-links li {
list-style-image : url(../images/watercolor/bg_sb_pin1.gif);
background : #ece098;
padding-top : 2px;
padding-bottom : 17px;
padding-left : 15px;
padding-right : 15px;
display : inline;
color : #000;
font-size : 16px;
font-weight : bold;
border-top : 4px solid #000;
}
.vertical-links li a  , .vertical-links li a:link{
color : #000;
text-decoration : none;
cursor : pointer;
}
.vertical-links li a.active {
color : red;
text-decoration : underline;
}
.vertical-links li a:hover {
color : red;
text-decoration : underline;
}
.side-img {
background : url(../images/watercolor/side-img-bg.png) no-repeat;
width : 342px;
height : 308px;
position : absolute;
top : 240px;
left : 200px;
text-align : center;
}
.side-img img {
padding : 45px 42px;
}
.side-img div {
margin : 45px 42px;
}
.content .heading {
position : absolute;
top : 70px;
left : -20px;
width : 350px;
}
.content .heading p {
background : #206882;
padding-right : 10px;
padding-bottom : 2px;
padding-top : 2px;
color : #fff;
font-weight : bold;
font-size : 20px;
text-transform : lowercase;
text-align : right;
}
h3 {
font-size : 25px;
color : #206882;
padding-bottom : 15px;
border-bottom : 2px dotted #206882;
}
.sub-heading {
font-size : 18px;
color : #9e7b22;
font-weight : bold;
}
.content {
background : url(../images/watercolor/bg_container.jpg) no-repeat;
background-color : transparent;
margin-left : 12px;
width : 980px;
}
.bio-content {
width : 500px;
margin-left : 110px;
padding-top : 360px;
text-align : justify;
}
.brief-content {
width : 500px;
margin-left : 110px;
padding-top : 360px;
text-align : justify;
}
.contact-content {
width : 500px;
margin-left : 110px;
padding-top : 360px;
text-align : justify;
}

.phototitle span, .videotitle span
{
    width:173px;
    height:50px;
    color:black;
    font-family:"Lucida sans";
    font-size:11px;
    line-height:12px;
    text-align:center;
    word-wrap:break-word;
    display:table-cell;
    vertical-align:middle;
}
.videotitle span
{
    width:244px; 
}


.gallery {
width : 500px;
margin-left : 110px;
padding-top : 100px;
text-align : justify;
}
.gallery li 
{
	float: left;
	list-style: none;
	width:173px;
	height:203px;
	margin:30px;
	margin-left:15px;
}

.gallery li .photo 
 {  
	margin:0px 0px ;
	text-align:center;
	vertical-align:middle;
	background:url(../images/watercolor/photo-gall-bg1.png) no-repeat;
    width:173px;
	height:152px;
}


.gallery li img
{
    text-align:center;
    vertical-align:middle;
    padding-top:15px;
}
/*video gallery*/

.video-gallery {
width : 500px;
margin-left : 110px;
text-align : justify;
}

.video-gallery li
{
	float: left;
	list-style: none;
	width: 264px;
	height: 290px;
	margin:15px;
}

.video-gallery li .video
 {  
	text-align:center;
	vertical-align:middle;
    background:url(../images/watercolor/video-gall-bg1.png) no-repeat;
	width: 264px;
	height: 240px;
}


.video-gallery li img
{ 
    float:left;
    text-align:center;
    padding-top:30px;
    padding-left:13px;
}
.video-gallery li div
{ 
    float:left;
    text-align:center;
    vertical-align:middle;
    padding-top:10px;
    padding-left:8px;
}

.video-gallery li a {
margin-left : 100px;
font-size : 20px;
position : relative;
top : -15px;
text-decoration : none;
color : #206882;
clear : both;
}
.offering-content {
width : 500px;
margin-left : 110px;
padding-top : 380px;
text-align : justify;
}
#offering-div .gallery {
padding-top : 50px;
}
#offering-div .video-gallery {
margin-left : 110px;
}
#offering-div .side-img div div {
margin-left : -3px;
}
#offering-div .side-img img {
padding : 0;
}
.news-content {
width : 500px;
margin-left : 110px;
padding-top : 360px;
text-align : justify;
}
.news-content ul {
margin-bottom : 25px;
}
.news-content li span {
color : #000;
padding : 5px 0;
}
.news-content li {
border-bottom : 1px solid #747274;
}
.news-content li span.news-meta {
font-size : 14px;
color : #9e7b22;
font-weight : bold;
}
.news-content li a {
font-size : 14px;
color : #9e7b22;
display : block;
}
#upcomingevents-div {
width : 500px;
margin-left : 110px;
padding-top : 360px;
text-align : justify;
}
#upcomingevents-div .upcomingevents-content ul {
margin-bottom : 25px;
}
#upcomingevents-div .upcomingevents-content li {
border-bottom : 1px solid #747274;
}
#upcomingevents-div .upcomingevents-content li span.upcomingevents-meta {
font-size : 14px;
color : #9e7b22;
font-weight : bold;
}
#upcomingevents-div .upcomingevents-content li a {
font-size : 14px;
color : #9e7b22;
display : block;
}
.upcomingevents-date {
margin-top : 25px;
float : left;
width : 60px;
height : 50px;
margin-right : 10px;
margin-bottom : 30px;
background : url(../images/watercolor/calendar_bg.jpg) no-repeat;
}
#upcomingevents-div .upcomingevents-content li span.day {
padding-top : 10px;
padding-left : 15px;
font-size : 30px;
font-weight : bold;
color : #000;
}
#upcomingevents-div .upcomingevents-content li span.month {
font-size : 15px;
font-weight : bold;
padding-top : 15px;
color : #000;
padding-left : 15px;
}
#upcomingevents-div .upcomingevents-content li span.year {
font-size : 15px;
font-weight : bold;
color : #000;
padding-left : 10px;
}
.upcomingevents-text {
padding-top : 15px;
padding-left : 115px;
}
#downloads-div {
width : 500px;
margin-left : 110px;
padding-top : 360px;
text-align : justify;
}
#downloads-div .downloads-content ul {
margin-bottom : 25px;
}
#downloads-div .downloads-content li {
border-bottom : 1px solid #747274;
}
#downloads-div .downloads-content li a {
font-size : 14px;
color : #9e7b22;
padding : 5px;
}
#reviews-div {
width : 500px;
margin-left : 80px;
padding-top : 100px;
text-align : justify;
}
#reviews-div .review-content .review-body {
float : left;
padding : 10px;
margin : 10px 0;
width : 500px;
border-bottom : 1px solid #747274;
}
#reviews-div .review-content .review-maker-logo {
float : left;
width : 110px;
height : 85px;
margin-right : 10px;
background-color : #ece098;
text-align : center;
border : 3px solid #be7b22;
overflow:hidden;
}
#reviews-div .review-content .review-maker-logo img {
padding : 5px 5px;
}
#reviews-div .review-content .review-text {
float : left;
padding : 5px;
width : 330px;
}
#reviews-div .review-content .review-text .t-image {
margin-top : 10px;
margin-bottom : 10px;
clear : both;
width : 400px;
height : 300px;
padding-left : 40px;
}
.review-span-text {
font-style : italic;
}
.review-span-main-text {
font-family : "Monotype Corsiva";
color : black;
font-size : 22px;
}
.left-quotes {
width : 30px;
height : 19px;
background : url(../images/watercolor/left-quotes.jpg) no-repeat;
}
.right-quotes {
width : 30px;
height : 19px;
background : url(../images/watercolor/right-quotes.jpg) no-repeat;
}
#footer {
margin-left : 12px;
width : 980px;
height : 471px;
background : url(../images/watercolor/bg_footer.jpg) no-repeat center top;
overflow : hidden;
background-color : transparent;
}
#footer .copyright {
margin-top : 320px;
background :url(../images/watercolor/mk_logo.gif) no-repeat top left;

}
#footer .copyright  p 
{
   
padding-top : 40px;
padding-right : 110px;
font-weight : bold;
font-size : 16px;
color : white;

}
.design-on-top {
visibility : hidden;
}
span#lblPreview div {
background : url(../images/watercolor/side-img-bg.png) no-repeat;
width : 342px;
height : 308px;
position : relative;
left : 200px;
padding-top : 40px;
padding-right : 17px;
}
html* span#lblPreview div 
{
    position:relative;
    left:-80px;
}

#lnkClose, #lnkSubmit {
position : relative;
right:100px;
top : -20px;
color : black;
font-weight : bolder;
font-size : 18px;
text-decoration : underline;
padding : 5px;
}

html* #lnkClose, #lnkSubmit 
{
    position : relative;
    left:-100px;
    top : -20px;
    color : black;
    font-weight : bolder;
    font-size : 18px;
    text-decoration : underline;
    padding : 5px;
}

#content #gallery-div #imgPreview {
margin-bottom : 20px;
position:relative;
right:80px;
}



#content {
background : url(../images/watercolor/bg_container.jpg) no-repeat center top;
width : 980px;
height : 350px;
margin-left : 11px;
}
#download-div {
position : relative;
left : 100px;
top : 100px;
text-align : center;
}

html* #download-div
{
    height:auto !important;
    height:400px;
    position:relative;
    left:-60px;
}
#download-div #lnkClose, #download-div #lnkSubmit {
position : relative;
left : -250px;
font-weight : bolder;
text-decoration : underline;
padding : 5px;
}
html* #download-div #lnkClose,html* #download-div #lnkSubmit 
{
    position:relative;
    left:0px;
}
#player-div {
text-align : center;
min-height : 300px;
height : auto !important ;
height : 300px;
position : relative;
top : 100px;
right : 50px;
}
#player-div #lnkClose {
position : relative;
left : 0;
}
