/* NORMAL CSS */
	
body{color:#222; margin:0 auto; background-color:#e2e2e2; font-family:"Century Gothic", "Helvetica Neue", "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif; font-size:12px}

#mask{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#666;z-index:99}

#loading{width:244px; height:145px; margin-left:-122px; left:50%; top:130px; position:absolute; background-color:#CCC; -moz-border-radius:10px;     -webkit-border-radius:10px; border:10px solid #333}

span.loading{position:relative; left:50%; top:20px; margin-left:-55px; font-size:20px}
span.loading img{margin:0 5px -8px 0; padding-top:10px}

#ajax{position:relative; left:50%; top:40px; margin-left:-16px; width:32px}

#bgtop{height:145px; background:#ff9400 url(images/row1.jpg) repeat-y scroll 50% 0}

#bgquote{min-height:177px; background:#c4c6ca url(images/row2.jpg) repeat-y scroll 50% 0; overflow:auto}

#bgabout{min-height:360px; background:#c4c6ca url(images/row2.jpg) repeat-y scroll 50% 0; overflow:hidden}

#bgcontact{min-height:490px; background:#c4c6ca url(images/row2.jpg) repeat-y scroll 50% 0; overflow:hidden; padding-bottom:20px}

#bgwork{min-height:200px; background:#c4c6ca url(images/row2.jpg) repeat-y scroll 50% 0; overflow:auto; padding-bottom:20px}

#bgthanks{min-height:120px; background:#c4c6ca url(images/row2.jpg) repeat-y scroll 50% 0; overflow:auto}

#movie{margin:25px auto 0 auto; width:860px}

#rowthree{min-height:480px; background:#c4c6ca url(images/row2.jpg) repeat-y scroll 50% 0; overflow:auto}

#bgbody{background:#315877 url(images/row3.jpg) repeat-y scroll 50% 0; height:428px}

#bgaboutbody{background:#315877 url(images/row3.jpg) repeat-y scroll 50% 0; min-height:460px; overflow:auto}

#bgfooter{background:#252628 url(images/row4.jpg) repeat-y scroll 50% 0; height:180px; clear:both}

#topcontent{margin:0 auto; width:960px}

.quotecontent{margin:0 auto; width:960px; padding:40px 34px 10px 34px; background:url(images/shadow.png) no-repeat scroll 0 0; color:#343434;}

.workcontent{margin:0 auto; width:970px; padding:34px; background:url(images/shadow.png) no-repeat scroll 0 0; color:#343434;}

.quotecontent h2, .workcontent h2{font-size:22px; margin-bottom:25px}

.quotecontent h3, .workcontent h3{font-size:17px; line-height:1.7em}

.quotecontent h3 a{text-decoration:none; color:#343434; font-weight:100}

.quotecontent h4, .workcontent h4{font-size:27px; line-height:1.7em; text-align:center}
#homewrap{width:1000px; margin:0 auto}

#bodycontent{margin:20px auto; float:left; padding:20px; background-image:url(images/bodybg.png); background-repeat:repeat; -moz-border-radius:15px; -webkit-border-radius:15px; overflow:visible;}

#bodycontentabout{margin:0 auto; overflow:hidden; min-height:405px}

#footercontent{margin:0 auto; width:960px; background:url(images/shadow.png) no-repeat scroll 0 0; padding:33px 0 0 0; color:#fff; }

#words{float:left; display:inline; margin:23px 0 0 14px; width:236px; height:350px}

#logo{float:left; margin:15px 0 0 13px; width:235px; height:82px; display:inline}

#nav{float:right; display:inline; width:435px; display:inline; margin:-8px 30px 0 0}

#navtwo{float:right; display:inline; width:288px; display:inline; margin:19px 13px 0 0}

#navthree{float:right; display:inline; width:288px; display:inline; margin:29px 13px 0 0}

#navframe{float:right; height:20px; width:488px; padding:0; display:inline; margin-top:-1px}

.home, .about, .work, .contact, .blog{padding:0 15px; display:inline; float:left; height:100px}

#logob,#socmed,#band{padding:0 9px; display:inline; float:left; border-left: 2px solid #dca707;}

#web{padding:0 9px; display:inline; float:left}

#homeactive, #aboutactive, #blogactive, #workactive{padding:0 14px; display:inline; float:left; background-image:url(images/activehome.png); height:45px}

#logobactive, #socmedactive, #bandactive{background-image:url(images/activehome.png); display:inline; float:left; height:25px; margin:-7px 5px 0 4px; padding: 6px 5px 5px 5px; }

#webactive{ background-image:url(images/activehome.png); display:inline; float:left; height:25px; margin:-7px 5px 0 4px; padding: 6px 5px 5px 5px}

#contactnavactive{padding:0 14px; display:inline; float:left; background-image:url(images/activehome.png); height:45px}

#nav a img{margin:14px 0 0 0}

#home{padding:0 15px; display:inline; float:left}

#about{padding:0 15px; display:inline; float:left}

#work{padding:0 15px; display:inline; float:left}

#contactnav{padding:0 15px; display:inline; float:left}

#blog{padding:0 15px; display:inline; float:left}



#col1{float:left; display:inline; width:250px; height:364px; margin:0 11px 0 0; padding:15px; background-image:url(images/columntrans.png); background-repeat:repeat; -moz-border-radius:15px; -webkit-border-radius:15px}

#col2{float:left; display:inline; width:306px; height:364px; margin:0 11px 0 0; padding:15px 15px 15px 13px; background-image:url(images/columntrans.png); background-repeat:repeat; -moz-border-radius:15px; -webkit-border-radius:15px; position:relative;}

#col3{float:left; display:inline; width:276px; height:364px; margin:0; padding:15px; background-image:url(images/columntrans.png); background-repeat:repeat; -moz-border-radius:15px; -webkit-border-radius:15px}

#col2 h2, #col1 h2, #col3 h2{font-size:16px; margin:0 0 1px 0; text-transform:uppercase; letter-spacing:2px; font-weight:bold; color:#212121}

#col2 h3, #col1 h3, #col3 h3{font-size:21px; margin:2px 0 8px 0; color:#FFC331}

.red{color:#ee4e07}

#bodytext{float:left; margin-top:10px; text-align:justify; font-size:11px; line-height:1.2}

#bodytext a{font-weight:bold; color:#222; text-decoration:underline}

#abouttext{line-height:1.2; font-size:12px; text-align:justify}

#vj{float:left; display:inline; padding:15px 10px 10px 10px}

ul#info{float:left; display:inline; width:180px; background-image:url(images/footertrans.png); background-repeat:repeat; height:95px; font-size:12px; line-height:1.4; padding:11px; -moz-border-radius:15px; -webkit-border-radius:15px; margin-right:20px}

#follow h3{font-size:20px; color:#ffc331; margin-bottom:4px}

ul#info li.header, ul#rfi li.header, ul#navigate li.header{font-size:17px; color:#ffc331; margin-bottom:4px}

ul#rfi{float:left; display:inline; width:191px; background-image:url(images/footertrans.png); background-repeat:repeat; height:95px; font-size:11px; line-height:1.3; padding:11px; -moz-border-radius:15px; -webkit-border-radius:15px; margin-right:20px}

ul#navigate{float:left; display:inline; width:80px; background-image:url(images/footertrans.png); background-repeat:repeat; height:95px; font-size:11px; line-height:1.2; padding:11px; -moz-border-radius:15px; -webkit-border-radius:15px; margin-right:20px}

#follow{float:left; display:inline; width:231px; background-image:url(images/footertrans.png); background-repeat:repeat; height:95px; font-size:11px; line-height:1.3; padding:11px 11px 11px 15px; -moz-border-radius:15px; -webkit-border-radius:15px}

ul#navigate a:hover, ul#info a:hover, ul#rfi a:hover{color:#ffc82e}

ul#rfi a, ul#info a{font-size:11px; display:inline; text-decoration:underline; color:#FFC331}

ul#navigate a{font-size:11px; display:inline; color:#fff; text-decoration:none}

ul#process{float:left; display:inline; width:495px; font-size:11px; line-height:1.2;}

ul#process li img{float:left; display:inline; margin:5px 15px 15px 5px}

ul#process li{margin:8px 0 10px 0; padding:10px; background-repeat:repeat}

ul#process li.hlite{margin:8px 0 10px 0; padding:10px; background-image:url(images/rowbg.png); background-repeat:repeat; -moz-border-radius:15px; -webkit-border-radius:15px}

ul#process a{color:#E26121}

ul#process h2{font-size:16px; color:#e26121; margin:6px 0 0 0}

ul#process h3{font-size:12px; margin:1px 0 5px 0; color:#7a7a7a}

ul#process p{margin:0 0 5px 0}

.title{height:40px}

.titles{height:40px; margin-bottom:10px}

.titlework{margin-bottom:10px; float:left; display:inline; margin-top:15px;}

.titlework2{margin-bottom:15px; float:left; display:inline; clear:left}

.titless{height:40px; width:116px; float:left}

.titleac{height:40px; width:116px; display:inline;}

.title h2, .titles h2, .titless h2, .titleac h2, .titlework h2, .titlework2 h2{background-color:#4b4b4b; padding:5px; float:left; display:inline; margin:0; padding:6px 6px 2px 6px; font-size:16px; color:#ccc; height:25px; text-transform:capitalize}

h2.recenttitle{background-color:#4b4b4b; padding:5px; float:left; display:inline; margin:0; padding:6px 6px 2px 6px; font-size:18px; color:#ccc; height:25px; text-transform:uppercase}

#sortnav{float:left; margin:10px 0 0 10px; display:inline}

#sortnav h3{background-color:#f88121; color:#333; padding:5px 7px; margin:0 7px; display:inline; font-size:12px}
#sortnav h3 a{text-decoration:none}
#sortnav h3:hover{background-color:#9a9a9a}

.processcontent{margin:0 auto; width:960px; padding:17px; background:url(images/shadow.png) no-repeat scroll 0 0; color:#343434; }

.jesse{width:422px; float:left; font-size:12px; display:inline; margin-top:16px; line-height:1.1}

.jesstext{margin-left:15px; font-size:11px; width:188px; float:left; display:inline}

.jesstext h2{font-size:18px; font-weight:bold; margin:0; padding:0}

.jesstext h3{color:#7C7C7C; font-size:13px; margin:0; padding:0; margin-bottom:4px;}

.jesstext p{line-height:1;}

#partner{width:222px; float:left; font-size:12px; line-height:1.1}

#jesse img, #partner img{border:4px solid #ccc}

#jesse h2, #partner h2{font-size:21px; font-weight:bold; margin:0; padding:0}

#jesse h3, #partner h3{font-size:12px; margin:0; padding:0; margin:0; color:#7c7c7c}

#aboutme{float:left; display:inline; width:400px; font-size:12px; margin-right:30px; padding-right:30px; border-right:2px solid #666; margin-bottom:30px}

#aboutme p{margin-bottom:10px; line-height:1.3}

#aboutme p.bodybold{ font-size:13px;}

#aboutme p.bold{font-size:16px; color:#E26121}

#bodytrans{float:left; display:inline; width:915px; min-height:410px; margin:0 0 20px 0; padding:15px; background-image:url(images/columntrans.png); background-repeat:repeat; -moz-border-radius:15px; -webkit-border-radius:15px}

#bodytrans2{float:left; display:inline; width:915px; min-height:300px; margin:0 0 20px 0; padding:15px; background-image:url(images/columntrans.png); background-repeat:repeat; -moz-border-radius:15px; -webkit-border-radius:15px}

#formbox{width:620px; float:left}

#contactbox{width:960px; margin-top:10px}

#contactbox h3 img{float:right; margin-top:-4px; display:inline}

#vcard{width:160px; float:left}

#contacttext{float:left; width:260px; text-align:left; font-size:14px; display:inline; margin:0 0 15px 0; line-height:1.2;}

#contacttext a{color:#EE4E07; text-decoration:none;}

#cform{float:left; width:675px; margin:20px 0 0 20px; display:inline}

#sidebar{float:right; width:250px}

#sidebar #map{background-image:url(images/map.jpg); background-repeat:no-repeat; height:250px; width:250px}

#downloadvcard{margin:25px 0 10px 0; float:left; display:inline}

#downloadplanner{margin:5px 0 0 0; float:left; display:inline}

.fieldblock{float:left; width:630px; margin-bottom:12px}
 
.fieldblock label{width:109px; float:left; font-size:14px; text-align:right; margin-right:50px; color:#242f33}

.fieldblock label#rfpmsg{width:181px; float:left; font-size:13px; text-align:right; margin-right:12px; color:#242f33}

.fieldblock label.graylabel{font-size:12px}

input.submit{float:right; margin-right:50px; display:inline}

input#SaveAccount.submit{float:right; margin-right:33px; display:inline; margin-top:-24px}

.fieldblock input{background:#aaa; border:1px solid #aaa; float:left; padding:8px; width:270px}

.fieldblock textarea{background:#aaa; border:1px solid #aaa; float:left; padding:5px; width:350px; height:137px}

.fieldblock textarea.area{background:#aaa; border:1px solid #aaa; float:left; padding:5px; width:280px}

.fieldblock img.myIcon{display:none; margin:4px 0 0 8px}

select{background:#aaa; border:1px solid #aaa; float:left; margin:0 30px 0 0; padding:5px; width:290px}
 
 
 /* end form, start hover effect */
/* This is style for work top part  */
.mypets{/*header of 1st demo*/cursor:hand; cursor:pointer; text-align:right}

.openpet{/*class added to contents of 1st demo when they are open*/}

.thepet{margin-top:10px; margin-left:50px; width:845px; color:#ccc; float:left; display:inline}

ul.clients{width:950px; font-size:12px; width:150px; float:left; margin-right:20px; border-left:3px solid #9a9a9a; display:inline}

ul.clients li.zebra, ul.clientslast li.zebra{background-color:#939393; -moz-border-radius:5px; -webkit-border-radius:5px}

ul.clients li.zebra:hover, ul.clientslast li.zebra:hover{background-color:#b8b8b8; -moz-border-radius:5px; -webkit-border-radius:5px}

ul.clientslast{width:850px; font-size:12px; width:150px; border-left:3px solid #9a9a9a; float:left; display:inline}

ul.clients li.header, ul.clientslast li.header{font-size:18px; color:#ffd200}

ul.clients li, ul.clientslast li{margin:1px 0 1px 7px; padding:6px 6px 6px 10px}

ul.clients li a, ul.clientslast li a{text-decoration:none; font-size:12px; color:#fff}

/* end work top part, begin jquery image zoom */
/* Layout */
.boundingBox{margin:0 auto; width:916px}

/* Content */
#content{padding:20px 0}

/* Content - Portfolio Listing */
ul#portfolio-filter{float:left; margin:0 0 0 20px; display:inline; font-size:13px;}
ul#portfolio-filter li{display:inline}
ul#portfolio-filter a{float:left; display:inline; margin-right:0.5em; padding:10px; background:#AAA; color:#fff; font-weight:bold; text-decoration:none; -moz-border-radius:4px; -webkit-border-radius:4px}
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{color:#fff; background-color:#ccc}
ul#portfolio-filter a.current{background-color:#EE4E07; color:#fff}

ul#portfolio-list{margin:36px 0 0 0; padding:0; list-style:none}
ul#portfolio-list li{width:223px; height:390px; display:block; float:left; margin-right:18px; overflow:hidden}
ul#portfolio-list li a{ width:216px; height:167px; background-color:#000; overflow:hidden}
ul#portfolio-list li p{font-size:11px; line-height:1.15px; color:#AAA; margin:5px 0}

.zitem{width:217px; height:167px; border:3px solid #707070; margin:0 20px 10px 0; display:inline; line-height:1.3; /* required to hide the image after resized */overflow:hidden; /* for child absolute position */position:relative; /* display div in line */float:left}

.zitem .caption{width:217px; height:30px; background:#000; color:#fff; font-weight:bold; /* fix it at the bottom */position:absolute; bottom:-1px; /* fix IE issue */left:0; /* hide it by default */display:none; /* opacity setting */filter:alpha(opacity=70);  /* ie  */-moz-opacity:0.7;  /* old mozilla browser like netscape  */-khtml-opacity:0.7;  /* for really really old safari */ opacity:0.7;  /* css standard,currently it works in most modern browsers like firefox, */}

.zitem .caption img{float:left; margin:5px 5px 0 5px; display:inline}

.zitem .caption a.caplink{text-decoration:none; color:#fff; font-size:12px; padding-left:5px; position:absolute; top:6px}
.zitem a img{border:0; /* allow javascript moves the img position*/position:absolute}

.clear{clear:both}

.portcol{float:left; width:217px; margin:15px 23px 10px 0; display:inline; line-height:1.2}

.portcol h2{margin:10px 0; padding:0; font-size:18px; color:#EE4E07}

.portcol h3{margin:7px 0 0 0; padding:0; font-size:12px; line-height:1.2}

.caption a{background-color:#3F6}

/* end jquery image zoom, BEGI NCASE STUDY */
.casestudyleft{float:left; width:210px; display:inline; line-height:1.2; text-align:left}

.casestudyleft a img{margin-top:20px}

.casestudyleft h2{text-transform:uppercase; margin:15px 0 0 0; padding:0; font-size:20px; text-align:left}

.title h2{background-color:#4b4b4b; padding:5px; float:left; display:inline; margin:0; padding:6px 6px 4px 6px; font-size:18px; color:#ccc; height:25px}

.casestudyleft h3{text-transform:uppercase; font-size:15px; margin:-2px 0 5px 0; padding:0; color:#636363; text-align:left}

.casestudyleft h3 a{color:#EE4E07; border-bottom:1px dotted #111; text-decoration:none}

.casestudyleft h4{text-transform:uppercase; font-size:18px; margin:10px 0 5px 0; padding:0; color:#EE4E07; text-align:left}

.casestudyleft ul{margin:0 0 0 30px; padding:0; line-height:1.4; list-style-image:url(images/arrow.png)}

#slider{float:left; width:560px; margin-right:10px; display:inline}

#slideshow{width:560px; height:475px; position:relative}
#slideshow #slidesContainer{ margin:0 auto;  width:475px;  height:475px;  overflow:hidden; /* allow scrollbar */ position:relative}
#slideshow #slidesContainer .slide{ margin:0 auto;  width:455px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:475px}

/** 
 * Slideshow controls syle rules.
 */
.control{  display:block;   width:39px;   height:475px;   text-indent:-10000px;   position:absolute;   cursor:pointer}
#leftControl{  top:0;   left:0;   background:transparent url(img/control_left.png) no-repeat 0 0;   height:40px;    margin-top:213px}

#rightControl{  top:0;   right:0;   background:transparent url(img/control_right.png) no-repeat 0 0;   height:40px;   margin-top:213px}

a{  color:#fff;   font-weight:bold;   text-decoration:none}
a:hover{  text-decoration:underline}

.slide h2, .slide p{  margin:15px}
.slide h2{  font:italic 24px Georgia,"Times New Roman",Times,serif;   color:#ccc;   letter-spacing:-1px}
.slide img{border:8px solid #ccc}

#rightcol{float:right; width:140px; margin-left:9px; display:inline; background:url(images/caseside.png) repeat; padding:17px 10px 17px 17px; -moz-border-radius:13px; -webkit-border-radius:13px}

#morework{margin-top:10px; float:left; display:inline; width:150px}

ul#workrow{margin:0; padding:0; float:left}

ul#workrow li{padding:0}

ul#workrow li a span{display:none}

ul#workrow li a{display:block; float:left; height:100px; width:100px; margin:0 20px 0 0}

ul#workrow li.yogipatch a{background:#000 url(images/yogipatch/featured.jpg) no-repeat scroll 0 0px}

ul#workrow li.yogipatch a:hover, ul#workrow li.yogipatch a.active{background:#000 url(images/yogipatch/featured.jpg) no-repeat scroll 0 -100px}

#iconcontainer{-moz-border-radius:10px; -webkit-border-radius:10px; background-image:url(images/rowbg.png); background-repeat:repeat; float:left; padding:6px 8px}

.iconrow{float:left; width:244px; display:inline; margin:2px 0; padding:8px; text-decoration:none; height:30px; -moz-border-radius:8px; -webkit-border-radius:8px}


#col3 .iconrow a h2{font-size:16px; color:#fff; margin:5px 0 0 0; padding:0; font-weight:100; letter-spacing:1px; text-transform:none}

#col3 .iconrow a h2:hover{color:#fff; text-decoration:none;}


.iconrow a img{float:left; margin:-5px 17px 0 5px}

#icon1{float:left; margin:1px 17px 0 5px; background:url(images/iconsprite.png) no-repeat 0 0; width:35px; height:33px; z-index:10; display:block; position:relative}
#icon2{float:left; margin:0px 17px 0 5px; background:url(images/iconsprite.png) no-repeat -35px 0; width:35px; height:30px; z-index:10; display:block; position:relative}
#icon3{float:left; margin:0px 17px 0 5px; background:url(images/iconsprite.png) no-repeat -70px 0; width:35px; height:29px; z-index:10; display:block; position:relative}
#icon4{float:left; margin:0px 17px 0 5px; background:url(images/iconsprite.png) no-repeat -105px 0; width:35px; height:31px; z-index:10; display:block; position:relative}
#icon5{float:left; margin:-3px 17px 0 5px; background:url(images/iconsprite.png) no-repeat -140px 0; width:35px; height:36px; z-index:10; display:block; position:relative}
#icon6{float:left; margin:-3px 17px 0 5px; background:url(images/iconsprite.png) no-repeat -175px 0; width:35px; height:34px; z-index:10; display:block; position:relative}



.js .iconrow{background:none !important}/* Hide current hover effect */

.iconfader{ position:absolute;  display:block;  left:0;  top:0; -webkit-border-radius:10px; -moz-border-radius:10px;   width:100%;  height:100%;  background:#ffc000;  z-index:5;  color:#333}

.iconrow{position:relative}/* Spans are absolute, need the parent to be relative */

.iconrow a{position:relative; z-index:10; display:block}/* Needs to sit on top */

ul.img_list{display:inline; float:left; height:54px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0}
 
 ul.img_list li{float:left}

li.image_ten{margin-right:5px}

li.image_ten a{display:block; width:24px; height:15px; position:relative}

li.image_one a, li.image_two a, li.image_three a, li.image_four a{display:block; width:54px; height:54px; position:relative}

li.image_four{margin-right:10px}

li.image_one{margin-left:-5px}
 
li.image_one a .rollover{display:block; position:absolute; top:0; left:0; width:54px; height:54px; background:url(images/fb2.png); background-repeat:no-repeat}

li.image_ten a .rollover{display:block; position:absolute; top:0; left:0; width:24px; height:15px; background:url(images/bbro.png); background-repeat:no-repeat}

li.image_two a .rollover{display:block; position:absolute; top:0; left:0; width:54px; height:54px; background:url(images/twitter2.png); background-repeat:no-repeat}

li.image_three a .rollover{display:block; position:absolute; top:0; left:0; width:54px; height:54px; background:url(images/linkedin2.png); background-repeat:no-repeat}

li.image_four a .rollover{display:block; position:absolute; top:0; left:0; width:54px; height:54px; background:url(images/su2.png); background-repeat:no-repeat}



#home a, #about a, #work a, #contactnav a, #blog a{display:block; position:relative}

#home a .rollover{display:block; position:absolute; top:14px; left:0; width:55px; height:16px;  background:url(images/hometextactive_o.png); background-repeat:no-repeat}

#about a .rollover{display:block; position:absolute; top:14px; left:0; width:58px; height:16px; background:url(images/abouttextinactive_o.png); background-repeat:no-repeat}

#work a .rollover{display:block; position:absolute; top:14px; left:0; width:51px; height:16px; background:url(images/worktextinactive_o.png); background-repeat:no-repeat}

#contactnav a .rollover{display:block; position:absolute; top:14px; left:0; width:76px; height:15px; background:url(images/contacttextinactive_o.png); background-repeat:no-repeat}

#blog a .rollover{display:block; position:absolute; top:14px; left:0; width:41px; height:21px; background:url(images/blogtextinactive_o.png); background-repeat:no-repeat}


#web a, #logob a, #socmed a, #band a{display:block; position:relative}

#web a .rollover{display:block; position:absolute; top:0px; left:0; width:52px; height:25px;  background:url(images/websiteservicesro.png); background-repeat:no-repeat}

#logob a .rollover{display:block; position:absolute; top:0px; left:0; width:43px; height:24px; background:url(images/logoservicesro.png); background-repeat:no-repeat}

#socmed a .rollover{display:block; position:absolute; top:0px; left:0; width:40px; height:22px; background:url(images/socialservicesro.png); background-repeat:no-repeat}

#band a .rollover{display:block; position:absolute; top:0px; left:0; width:65px; height:23px; background:url(images/bandservicesro.png); background-repeat:no-repeat}



#costcontent h3{font-size:21px; color:#E26121}

#costtable{float:left; padding:12px 25px 20px 25px; margin:0 0 20px 0; display:inline; background-image:url(images/rowbg.png); background-repeat:repeat; -moz-border-radius:15px; -webkit-border-radius:15px}
tr.costtitle{font-size:23px; height:1.8em}
#costcontent h5{font-style:italic; color:#666; margin-top:20px; font-size:12px; line-height:1.3}
tr.otherx{height:2.5em; background-color:#FFF}
tr.othery{height:2.5em}

td.col1{width:200px; padding:2px; vertical-align:middle; padding:10px; background-image:url(images/rowbg.png); background-repeat:repeat; font-size:16px; border-right:6px solid #E26121}

td.col1a{width:200px; padding:2px; vertical-align:middle; padding:10px}

td.col1b{width:200px; padding:2px; vertical-align:middle; padding:10px; background-image:url(images/rowbg.png); background-repeat:repeat; font-size:16px; font-weight:bold}

td.col2{width:135px; padding:2px; vertical-align:middle; padding:10px}

td.col3{width:575px; padding:2px; vertical-align:middle; padding:10px}

#costicon{float:left; margin-top:10px; margin-right:25px; display:inline; width:270px}

#costtitle{margin-top:20px; float:left; width:650px; color:#E26121}

#costtitle h2{line-height:1.4; font-size:19px}

#costcontent{float:left; margin-top:15px; line-height:1.3; font-size:13px}

#costcontent a{color:#E26121; text-decoration:underline}

#costcontent p{margin-bottom:13px}

ul.img_lista{float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0}
 
 ul.img_lista li{float:left; margin:0 13px 13px 0; display:inline}

li.image_onea a, li.image_twoa a, li.image_threea a, li.image_foura a, li.image_fivea a, li.image_sixa a, li.image_sevena a, li.image_eighta a, li.image_ninea, li.image_tena{display:block; width:60 px; height:60 px; position:relative}

 
li.image_onea a .rollover{display:block; position:absolute; top:0; left:0; width:60px; height:60px; background:url(images/yogipatch/f2.jpg); background-repeat:no-repeat}
li.image_twoa a .rollover{display:block; position:absolute; top:0; left:0; width:60px; height:60px; background:url(images/farmtotable/f2.jpg); background-repeat:no-repeat}
li.image_threea a .rollover{display:block; position:absolute; top:0; left:0; width:60px; height:60px; background:url(images/smashpalace/f2.jpg); background-repeat:no-repeat}
li.image_foura a .rollover{display:block; position:absolute; top:0; left:0; width:60px; height:60px; background:url(images/cloth2clay/f2.jpg); background-repeat:no-repeat}
li.image_fivea a .rollover{display:block; position:absolute; top:0; left:0; width:60px; height:60px; background:url(images/dynasty/f2.jpg); background-repeat:no-repeat}
li.image_sixa a .rollover{display:block; position:absolute; top:0; left:0; width:60px; height:60px; background:url(images/hhl/f2.jpg); background-repeat:no-repeat}
li.image_sevena a .rollover{display:block; position:absolute; top:0; left:0; width:60px; height:60px; background:url(images/fsa/f2.jpg); background-repeat:no-repeat}
li.image_eighta a .rollover{display:block; position:absolute; top:0; left:0; width:60px; height:60px; background:url(images/mainst/f2.jpg); background-repeat:no-repeat}
li.image_ninea a .rollover{display:block; position:absolute; top:0; left:0; width:60px; height:60px; background:url(images/snowsports/f2.jpg); background-repeat:no-repeat}
li.image_tena a .rollover{display:block; position:absolute; top:0; left:0; width:60px; height:60px; background:url(images/ztmag/f2.jpg); background-repeat:no-repeat}

ul.img_listb{display:inline; float:left; height:131px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0}
 
 ul.img_listb li{float:left}

li.image_oneb a, li.image_twob a{display:block; width:208 px; height:131 px; position:relative}

 
li.image_oneb a .rollover{display:block; position:absolute; top:0; left:0; width:208px; height:131px; background:url(images/jessero.jpg); background-repeat:no-repeat}
li.image_twob a .rollover{display:block; position:absolute; top:0; left:0; width:208px; height:131px; background:url(images/partnerro.jpg); background-repeat:no-repeat}

#costbg{-moz-border-radius:15px;     -webkit-border-radius:15px; background-image:url(images/columntrans.png); background-repeat:repeat; display:inline; float:left; padding:20px 20px 5px 20px; margin-bottom:20px}

li#bb{margin:0; display:inline}

li#bb a{position:absolute; top:11px; right:16px}
#meerkat{display:none}

#meerkat-content{width:960px; margin:0 auto}

#meerkat-content a img{float:right; clear:right; margin:10px 67px 0 0}

a.demo-2-test{float:right; display:inline; margin:-7px 16px 0 0; cursor:pointer;}

#leftcontact{float:left; width:260px; margin-right:30px; margin-top:20px; padding:22px; background-image:url(images/leftbarbg.png); background-repeat:repeat; -moz-border-radius:10px; -webkit-border-radius:10px}

#rightcontact{float:left; width:572px; margin-top:20px; padding:22px; background-image:url(images/rightbarbg.png); background-repeat:repeat; -moz-border-radius:10px; -webkit-border-radius:10px}

#rightrfp{float:left; width:572px; margin-top:20px; padding:20px 15px 20px 30px; background-image:url(images/rightbarbg.png); background-repeat:repeat; -moz-border-radius:10px; -webkit-border-radius:10px}

#aboutwidth{width:960px; margin:-15px auto 0 auto; position:relative;}

/* SLIDER STYLE */
#wrap {
width: 960px;
color: white;
}

.hidden {
display: none;
}

#prevNext {
margin: -142px 10px 0 15px;
display:none;
}

#prevNext img {
position: relative;
z-index: 2;
cursor: pointer;
}


#prevNext img.jFlowPrev {
float: left;
}

#prevNext img.jFlowNext {
float: right;
}

#sliderhome{
	width:305px;
	position:relative;
	float:left;
	height:249px;
	display:block;
	border: 2px solid #4A4A4A;
	z-index:1!important;
}

#comingsoon{
    background:url(images/comingsoon.png) no-repeat;
    position:absolute;
    left:50%;
    margin-left: -265px;
    width:302px;
    height:78px;
    top:93px;
}

#comingsoon ul{
    line-height:1.5;
    margin: 25px 0 0 0;
    padding:10px;
    width:154px;
    float:right;
    text-align:right;
    list-style-type:circle;
}

#comingsoon ul li{
    color:#353535;
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
}

.sponsorListHolder{
	margin-bottom:30px;
}

.sponsor{
	width:176px;
	height:176px;
	float:left;
	margin:4px;
	
	/* Giving the sponsor div a relative positioning: */
	position:relative;
	cursor:pointer;
}

.sponsorFlip{
	/*  The sponsor div will be positioned absolutely with respect
		to its parent .sponsor div and fill it in entirely */

	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #ddd;	
	background:url(images/background.jpg) no-repeat center center #f9f9f9;
}

.sponsorFlip:hover{
	border:1px solid #999;
	
	/* CSS3 inset shadow: */
	-moz-box-shadow:0 0 30px #999 inset;
	-webkit-box-shadow:0 0 30px #999 inset;
	box-shadow:0 0 30px #999 inset;
}

.sponsorFlip img{
	/* Centering the logo image in the middle of the sponsorFlip div */
	
	position:absolute;
	top:50%;
	left:50%;
	margin:-70px 0 0 -70px;
}

.sponsorData{
	/* Hiding the .sponsorData div */
	display:none;
}

.sponsorDescription{
	font-size:11px;
	padding:15px 10px 15px 10px;
	font-weight:bold;
	color:#444444;
	font-size:12px;
	line-height:1.2;
	text-align:center;
}

.sponsorURL{
	font-weight:bold;
	position:absolute;
	text-align:center;
	width:176px;
	bottom:10px;
}

.sponsorURL a{
	font-size:10px;
	font-weight:bold;
	color: #E26121;
}


.clear{
	/* This class clears the floats */
	clear:both;
}

#main{
	position:relative;
	margin-left:-4px;
	width:960px;
	clear:left;
}

.note{
	font-size:12px;
	font-style:italic;
	padding-bottom:20px;
	text-align:center;
}

#logowrapper {
  width: 905px;
  color:#ffffff;
  float:left;
  margin:0;
  display:inline;
}

#logodesc{
	float:left;
	color:#212121;
	margin-top:10px;
}

#logodesc p{
	line-height:1.3;
	font-size:13px;
}

#logodesc ul{
	line-height:1.5;
	margin:7px 0 10px 30px;
	list-style-image:url("images/bullet.png");
	font-weight:bold;
	color:#2f2f2f;
	float:left
}


#logodesc h3{
	margin:58px 0 0 0;
	font-size:24px;
	color:#2f2f2f;
	font-weight:bold;
	float:right;
	text-transform:uppercase;
	text-align:right;
	font-family:"Century Gothic", "Trebuchet MS";
}

#socialtag{
	float:left;
	background: url(images/socialtags.png) no-repeat;
	position:relative;
	width:1004px;
	height:593px;
	margin-bottom:20px;
}

.rotate {
line-height:1.3;
font-size:12px;
color:#212121;
}

.rotate h2{
	font-size:20px;
	font-weight:bold;
	margin-bottom:8px;
}

#plan1 ul, #plan2 ul, #plan3 ul, #plan4 ul{
	margin-left:27px;
	margin-top:10px;
	line-height:1.5;
	font-weight:bold;
	color:#212121;
	list-style:circle;
}
	

#plan1{
	width:220px;
	position:absolute;
	left:18px;
	top:233px;
	
}

#plan2{
	width:218px;
	position:absolute;
	left:269px;
	top:262px;
	
}

#plan3{
	width:190px;
	position:absolute;
	left:517px;
	top:243px;
	
}

#plan4{
	width:229px;
	position:absolute;
	left:743px;
	top:240px;
	
}

#topsocial{
	position:absolute;
	top:11px;
	left:56px;
	width:885px;
	line-height:1.2;
	font-size:12.5px;
}

#topsocial a{
	color:#E26121;	
}

#topsocial h2{
	background-color:#4B4B4B;
	color:#cccccc;
	font-size:16px;
	padding:11px 6px 8px 6px;
	float:left;
	margin:0 15px 13px 0;
}

#linka{
	position:absolute;
	bottom:98px;
	left:121px;
	
	
}

#linkb{
	position:absolute;
	bottom:74px;
	left:370px;
}

#linkc{
	position:absolute;
	bottom:30px;
	left:594px;
}

#linkd{
	position:absolute;
	bottom:86px;
	left:854px;
}

#linka a, #linkb a,#linkc a, #linkd a{
	text-decoration:underline;
	font-weight:bold;
	font-size:11px;
	opacity:0.7;
	filter:alpha(opacity=70);
	color:white;
	font-weight:bold;
}

#examplea{
	width:449px;
	margin:15px 0 15px 15px;
	float:left;
	padding-right:15px;
	border-right:1px dashed #666;
	
}

#exampleb{
	width:449px;
	margin:15px;
	float:left;
	
}

#examplea p,#exampleb p {
	margin-bottom:10px;
	font-size:12px;
	line-height:1.2;
}

#examplea h2,#exampleb h2{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}

#examplea h3,#exampleb h3{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
}

#bottomsocial{
	float:left;
	width:960px;
	line-height:1.3;
	background:url(images/socialbg.png) repeat;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	margin-bottom:20px;
}

#bottomsocial p{
	font-size:13px;
}

p.restintro{
	line-height:1.4;
	font-size:15px;
	margin-bottom:20px;
}

.socialrowa{
	width:426px;
	float:left;
	padding:8px;
	background:url(images/sociallistb.png) repeat;
	border-bottom:1px dashed grey;
	
}

.socialrowb{
	width:426px;
	float:left;
	background:url(images/sociallist.png) repeat;
	padding:8px;
	border-bottom:1px dashed grey;
}

.socialrowa p,.socialrowb p{
	color:#212121;
	line-height:1.3;
	font-size:11px!important;
}

.socialrowa img,.socialrowb img{
	float:left;
	margin-right:15px;
}