@charset "UTF-8";
/* Art of Life - Main */

.error {
color:#FF0000;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
text-decoration:none;
}


.error1 {
color:#FF0000;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

img {
border:none;
}

img a{
border:none;
}

body {
background-color:#EAEAEA;
margin:0px;
}

#overContainerDiv {
width:100%;
background-color:#FFFFFF;
padding:28px 0px 0px 0px;
}

#footerGradientDiv {
width:100%;
height:89px;
background:url(../images/footerGradient_bg.png) repeat-x top;
overflow:hidden;
padding:40px 0px 0px 0px;
}


#headerContainerDiv {
width:927px;
margin:0px auto 0px auto;
}

#bodyMainDiv{
width:927px;
margin:15px auto 0px auto;
}

#logoMain {
width:213px;
height:61px;
background:url(../images/logoTopMain.png) no-repeat top left;
}

#logoHeadrow1{
height:49px;
background-color:#CCCCCC;
width:100%;
}

#logoHeadrow1_1{
float:left;
height:49px;
width:313px;
background:url(../images/header1_1.png) no-repeat top;
}

#logoHeadrow1_2{
float:right;
height:49px;
width:214px;
}

#logoHeadrow2 {
clear:both;
height:10px;
width:100%;
background:#C2C2C2 url(../images/header2.png) no-repeat top left;
overflow:hidden;
}

#logoHeadrow3{
height:22px;
widows:100%;
background:url(../images/header3.png) top left no-repeat;
overflow:hidden;
}

#logoHeadrow4{
height:256px;
width:100%;
overflow:hidden;
}

#logoHeadrow4_1{
float:left;
height:256px;
width:476px;
background:url(../images/header4_1.png) top left no-repeat;
}

#logoHeadrow4_2{
float:left;
height:256px;
width:347px;
background-color:#CC6600;
}

#logoHeadrow4_3{
float:left;
height:256px;
width:101px;
background:url(../images/header4_3.png) top left no-repeat;
}

#logoHeadrow5{
clear:both;
height:58px;
overflow:hidden;
width:100%;
background:url(../images/header5.png) top left no-repeat;
border-bottom:#4091FF 1px solid;
}

#mainNav {
padding:10px 0px 0px 0px;
margin:0px;
}

.navList {
list-style:none;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:16px;
}

.navList li{
display:inline;
margin:0px;
padding:0px;
}

.navList a{
display:inline-block;
margin:0px 0px 0px 10px;
padding:5px 10px 0px 0px;
text-decoration:none;
color:#000000;
height:28px;
}

.navList a:hover{
color:red;
}

.linkOn{
background:url(../images/linkOn.gif) top right no-repeat;
}

#pageHeadline{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:32px;
margin:40px 0px 10px 70px;
}

#pageSubHeadline{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:16px;
margin:10px 60px 10px 70px;
}


#footer {
width:924px;
margin:0px auto 30px auto;
}

#footerNav {
float:left;
padding:0px 0px 0px 0px;
margin:0px;
}

.footerNavList {
list-style:none;
font-family:Arial, Helvetica, sans-serif;
color:#999999;
font-size:12px;
padding:0px;
margin:0px 0px 0px 0px;
}

.footerNavList li{
display:inline;
margin:0px;
padding:0px;
}

.footerNavList a{
display:inline-block;
margin:0px 0px 0px 0px;
padding:0px 5px 0px 5px;
text-decoration:none;
color:#999999;
}

.footerNavList a:hover{
}

#copyright {
float:right;
text-align: right;
font-family:Arial, Helvetica, sans-serif;
color:#999999;
font-size:12px;
padding:0px 0px 0px 0px;
}

.mailingList {
font-family:Arial, Helvetica, sans-serif;
color:#999999;
font-size:15px;
height:18px;
width:150px;
background-color:#FFFFFF;
border:#999999 1px solid;
border-right:none;

}

.mailingListLabel {
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:10px;
padding:8px 0px 0px 1px;
}

.mainBodyText {
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:13px;
}

.mainBodyText a{
color:#FF6600;
text-decoration:none;
}

.mainBodySub {
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:10px;
}

.mainHeading {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:26px;
margin:0px 10px 0px 0px
}

.mainHeading a{
color:#000000;
text-decoration:none;
}

.mainHeading a:hover {
background-color:#FFD497;
}


.mainBodyImage {
float:left;
background-color:#E9E9E9;
border: 1px solid #CCCCCC;
width:280px;
margin:0px 15px 10px 0px
}

.sideBarLinks {
width:218px;
height:230px;
background:url(../images/sideBar1.png) top left no-repeat;
padding:25px 25px 10px 50px
}

.sideBarLinksAboutUs {
width:218px;
height:351px;
background:url(../images/sideBar3.png) top left no-repeat;
padding:25px 25px 10px 50px
}

.sideBarTextContainer {
width:262px;
height:490px;
background-color:#FFCA91;
background:url(../images/sidebar2.png) top left no-repeat;
padding:15px 0px 15px 20px;
margin:0px 0px 10px 17px;
}

.sideBarVideoContainer {
width:270px;
background-color:#FFCA91;
padding:0px 0px 0px 0px;
margin:0px 0px 20px 23px;
}

.sideBarTextHeading {
color:#FF6600;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

.sideBarTextMain {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}


.blogLeft {
float:left;
width:62px;
height:61px;
background:url(../images/blogDateHolder.png) no-repeat;
}


.blogRight {
float:left;
margin-left:20px;
width:530px;
}



.blogCommentContainer {
width:530px;
overflow:hidden;
margin: 10px 0px 10px 0px;
}

.commentTop{
width:530px;
height:29px;
background:url(../images/commentTop.png) no-repeat top;
overflow:hidden;
}

.commentMiddle {
width:530px;
min-height:62px;
overflow:hidden;
background:url(../images/commentGrad.png) repeat-x top left #F6CC99;
margin:0px;
}

.commentBottom{
width:530px;
height:11px;
overflow:hidden;
background:url(../images/commentBottom.png) no-repeat top;
margin:0px;
}

.blogDay{
color:#FFFFFF;
text-align:center;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:34px;
font-weight:500;
line-height:34px;
}

.blogMonth{
color:#FFFFFF;
text-align:center;
margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

.commentBy {
color:#FF3300;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:right;
padding:0px 20px 20px 20px;

}

.commentContent {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding:20px 20px 20px 20px;
}

.tbl_odd {
background-color:#CCCCCC;
}

.tbl_even {
background-color:#999999;
}


#formContainer {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

#formContainer input{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
border:#CCCCCC 1px solid;
background-color:#FFFFFF;
}

#formContainer textarea{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
border:#CCCCCC 1px solid;
background-color:#FFFFFF;
}

#contactFormContainer {
padding:30px;
background-color:#FFD48F;
background:url(../images/formGradient.jpg) top left repeat-x;
min-height:200px
}

#projectFormContainer {
padding:30px;
background-color:#FFD48F;
background:url(../images/formGradient.jpg) top left repeat-x;
min-height:200pxjpg

}

.contactTabOn {
color:#000000;
float:left;
height:20px;
background-color:#FF9900;
margin-right:5px;
padding:5px 10px 5px 10px;
}

.contactTabOff {
color:#FF9933;
float:left;
height:20px;
background-color:#FFD48F;
margin-right:5px;
padding:5px 10px 5px 10px;
cursor:pointer;
}

.addCommentLink {
padding: 10px 0px 10px 0px;
}

.addCommentLink a{
width:40px;
padding-right:12px;
color:#333333;
text-decoration:none;
}

.addCommentLink a:hover{
background-color:#FFD497
}

#addCommentContainer {
padding:30px;
background-color:#B6D5EF;
}

.adminControls{
padding-left:20px;
}

.list1 {
margin-bottom:0px;
}

.list2 li{
margin-bottom: 5px;
}

.list3{
margin:0px;
padding:10px 20px 10px 20px;
list-style:none;
}

.list3 li{
margin-bottom:3px;
}

.list4 {
margin:0px;
padding:0px;
list-style:none;
display:block;
}

.list4 li{
margin-bottom:10px;
}

.sideBarHeading {
color:#B05500;
font-family:Georgia, serif;
font-size:22px;
font-weight:450;
}

.sideBarMain {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
}

.sideBarMain a{
color:#B05500;
text-decoration:none;
}

.sideBarMain a:hover{
background-color:#FFDAA7;
cursor:pointer;
}


.paginationLinks{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
}

.paginationLinks a{
padding-top:10px;
color:#EA9B29;
text-decoration:none
}

.column1 {
width:295px; 
float:left; 
margin-right:20px;
}

.column2 {
width:295px; 
float:left;
}



/*Feedback  */

.fbContainer {
width:700px;
margin:25px auto 0px auto;
overflow:hidden;
}


.fbHeading {
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:22px;
padding-bottom:25px;
overflow:hidden;
}