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

/* ||| universal set of reset styles |||*/

html, body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
vertical-align : baseline;
font-size : 100%;
outline : 0;
padding : 0;
margin : 0;
border : 0;
}
:focus {
outline : 0;
}
body {
background : white;
line-height : 1;
color : black;
}
#contact-two-col {
background : url(../images/contact_bg.gif) right repeat-y;
margin-bottom : 22px;
}
#contact-two-col p {
margin : 0;
}
#left-contact-col, #right-contact-col {
float : left;
display : inline;
margin : 0 0 0 30px;
}
#left-contact-col {
width : 577px;
}
#right-contact-col {
width : 273px;
}
ol, ul {
list-style : disc;
list-style-position : outside;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
.clr {
font-size : 1px;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
.clear {
clear : both;
}
a {
outline : none;
cursor : pointer;
}
img {
border : none;
text-decoration : none;
}
img.pic {
margin : 15px 0 20px 0;
}
a:link, a:visited, a:active {
color : #666;
font-weight : bold;
text-decoration : none;
}
a:hover {
text-decoration : none;
color : #97999C;
}
html {
height : 100%;
margin-bottom : 1px;
}
body {
margin : 0;
padding : 0;
font-size : 100%;
background : url('images/bg.jpg') center 0 no-repeat scroll #fff;
font : normal normal 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
line-height : 1.6;
color : #666;
}
h1, h2.large {
border-bottom : 1px solid #b6babf;
color : #464749;
font-family : Arial, Helvetica, sans-serif;
font-size : 21px;
font-weight : bold;
line-height : 24px;
height : 24px;
margin-bottom : 8px;
}
h2 {
font-weight : bold;
font-size : 13px;
}
h1.blue, h2.largeblue {
background : url('images/bullet.png') 2px 7px no-repeat scroll #fff;
border-bottom : 1px solid #b6babf;
color : #464749;
font-family : "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size : 21px;
font-weight : bold;
line-height : 24px;
height : 24px;
margin-bottom : 8px;
padding-left : 22px;
}
h1.tab-heading {
background : url(images/large-arrow.png) 0 9px no-repeat scroll transparent;
border-bottom : medium none;
color : #464749;
font-family : "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size : 20px;
font-weight : bold;
height : 36px;
line-height : 36px;
padding-left : 22px;
}
h1.sub, h2.sublarge {
background : url('images/bullet.png') 2px 7px no-repeat scroll #fff;
border-bottom : 1px solid #b6babf;
color : #464749;
font-family : "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size : 21px;
font-weight : bold;
line-height : 24px;
height : 24px;
margin-bottom : 0;
padding-left : 22px;
}
h3 {
color : #464749;
font-weight : bold;
font-size : 13px;
margin-bottom : 6px;
}
h4 {
color : #464749;
font-weight : bold;
font-size : 15px;
}
.black{
color : #000000;
}
.italics {
font-style : italic;
}
p {
font-size : 12px;
margin-bottom : 8px;
text-align : justify;
line-height : 14px;
font-family : Arial, Helvetica, sans-serif;
}
.tab-div {
padding : 7px 15px;
position : relative;
}
.tab-div p {
font-size : 15px;
color : #666;
line-height : 16px;
}
.seoright {
border-radius : 12px;
background : none 0 0 repeat scroll #e8f5fb;
height : 160px;
width : 100%;
margin-bottom : 15px;
}
.seoleft {
border-radius : 12px;
background : none 0 0 repeat scroll #e8f5fb;
height : 100px;
width : 100%;
margin-bottom : 14px;
}
.portleft {
border-radius : 12px;
background : none 0 0 repeat scroll #e8f5fb;
margin-bottom : 14px;
padding : 7px 15px 12px;
}
.seoleft a {
color : #666666;
font-size : 13px;
line-height : 16px;
}
input {
margin : 3px 0;
width : 90%;
border : #ccc solid 1px;
}
input.btn {
background : #97999c;
border : none medium;
color : #FFFFFF;
height : 18px;
padding : 0 0 1px;
width : 43px;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
}
input.btn:hover {
background : #888;
}
textarea.msg {
width : 100%;
height : 130px;
margin : 3px 0;
border : #ccc solid 1px;
}
.thumb {
float : left;
padding : 4px;
border : #B6BABF solid 1px;
margin-right : 8px;
}
.thumb2 {
float : left;
padding : 5px;
border : #B6BABF solid 1px;
margin-right : 10px;
}
#seocopy ul, #web-design ul, #seo-design ul, #e-commerce ul, #custom-design ul {
margin-bottom : 10px;
}
#bottom ul li, #custom-design ul li, #web-design ul li, #seo-design ul li, #e-commerce ul li, #seocopy ul li, #rightcolumn ul li, #expandable ul li, ul.pdbullet li {
background : url(images/arrow.png) 0 6px no-repeat scroll transparent;
line-height : 18px;
padding-left : 14px;
list-style-type : none;
}
li.quote {
background : url(images/quote.png) 0 4px no-repeat scroll transparent;
line-height : 18px;
padding-left : 14px;
list-style-type : none;
padding-bottom : 8px;
}
.quotes {
margin-bottom : 8px;
}
a.pdlink {
background : url(images/arrow.png) 0 4px no-repeat scroll transparent;
color : #464749;
font-weight : bold;
height : 22px;
line-height : 22px;
padding-left : 12px;
}
a.pdlink:hover {
color : #97999C;
}
.pdexample {
margin-top : 15px;
float : left;
}
.pdexample p {
font-size : 11px;
margin-bottom : 3px;
}
.pdsep {
float : left;
height : 100px;
width : 15px;
}
.heavy {
font-weight : bold;
}
#page {
width : 960px;
margin : 0 auto;
background : #fff;
}
#header {
height : 198px;
background : url('images/dark-top.jpg') 0 28px repeat-x;
}
#headerline {
height : 28px;
width : 100%;
display : block;
background : #111;
}
p.right {
padding : 7px 28px 0 0;
color : #fff;
float : right;
font-weight : bold;
}
p.left {
padding : 7px 0 0 28px;
color : #222;
float : left;
font-weight : bold;
}
#rest {
min-height : 200px;
clear : both;
padding : 10px 28px 0 17px;
}
.extend {
margin-bottom : 10px;
}
#logo {
background : url('images/logo1.png') 0 0 no-repeat;
height : 170px;
width : 960px;
display : block;
margin : 0 0 0 0;
float : left;
clear : both;
text-indent : -999em;
}
#logo2 {
background : url('images/logo2.png') 0 0 no-repeat;
height : 170px;
width : 960px;
display : block;
margin : 0 0 0 0;
float : left;
clear : both;
text-indent : -999em;
}
#menu {
background : url('images/bg_menu.png') 0 10px repeat-x;
width : 904px;
margin : 4px 0 0 28px;
border-top : 1px solid #b6babf;
height : 42px;
}
#menu div {
background : none 0 0 repeat scroll #FFFFFF;
float : left;
height : 31px;
width : 20px;
}
ul.topmenu li {
float : left;
font-size : 16px;
font-weight : bold;
list-style-type : none;
background : #fff;
padding : 7px 10px;
position : relative;
top : -1px;
border-top : 1px solid #B6BABF;
}
ul.topmenu li a {
color : #464749;
}
ul.topmenu li:hover {
background : url('images/current.png') center top no-repeat;
border-top : none;
padding : 8px 10px;
}
#home ul.topmenu li.homenav, #philosophy ul.topmenu li.philonav, #yourevent ul.topmenu li.eventnav, #faqs ul.topmenu li.faqnav, #videos ul.topmenu li.vidnav, #photos ul.topmenu li.photosnav, #set ul.topmenu li.setnav, #gear ul.topmenu li.gearnav, #test ul.topmenu li.testnav, #contact ul.topmenu li.contactnav {
background : url('images/current.png') center top no-repeat;
border-top : none;
padding : 8px 10px;
}
#home ul.topmenu li.homenav a, #philosophy ul.topmenu li.philonav a, #yourevent ul.topmenu li.eventnav a, #faqs ul.topmenu li.faqnav a, #videos ul.topmenu li.vidnav a, #photos ul.topmenu li.photosnav a, #set ul.topmenu li.setnav a, #gear ul.topmenu li.gearnav a, #test ul.topmenu li.testnav a, #contact ul.topmenu li.contactnav a {
color : #97999c;
}
body#contact-us {
background : url('images/bg-contact.jpg') center 0 no-repeat scroll #fff;
}
#fulln {
width : 880px;
float : left;
}
#leftcolumn {
width : 448px;
float : left;
}
#mid-left {
float : left;
margin-left : 11px;
width : 200px;
}
#mid {
float : left;
margin-left : 18px;
width : 420px;
}
#mid-right {
float : right;
}
#examples {
float : right;
width : 678px;
}
#contactus {
height : 325px;
min-height : 325px;
padding : 0 10px;
display : block;
}
#linkdiv {
padding : 0 10px;
display : block;
}
#tabcontent {
float : right;
width : 352px;
margin-left : 18px;
}
#rightcolumn {
float : right;
width : 448px;
}
#bottom {
padding : 40px 28px 0;
background : url(images/middle.png) top left repeat-x scroll transparent;
margin : 10px 0;
}
#bottom1 {
width : 28%;
float : left;
}
.divider {
width : 5%;
height : 100px;
float : left;
display : block;
background : url(images/divider.png) top center no-repeat scroll transparent;
}
#bottom2 {
width : 31%;
float : left;
}
#bottom3 {
width : 31%;
float : left;
}
.section {
padding-bottom : 20px;
}
#footer {
background : url(images/bg-footer.png) top right no-repeat scroll #111;
width : 960px;
margin : 0 auto;
height : 42px;
border-top : 10px solid #012234;
}
#credit {
float : right;
padding : 12px 28px 0 0;
font-size : 11px;
font-weight : bold;
}
.credit a:link, .credit a:visited, .credit a:active {
color : #97999c;
font-size : 11px;
}
.credit p {
color : #97999c;
font-size : 11px;
}
#rightfoot {
float : right;
margin : 25px 35px 0 0;
width : 395px;
}
#leftfoot {
width : 350px;
float : left;
margin : 25px 35px 0;
}
.trigger {
background : url(images/toggle.png) 0 0 no-repeat scroll transparent;
float : left;
width : 246px;
height : 28px;
font-size : 14px;
font-weight : bold;
text-align : center;
display : block;
margin : 20px 87px 10px;
}
.trigger a, span.active a {
display : block;
padding-top : 3px;
color : #666;
}
.trigger a:hover, .trigger a:active, span.active:hover a, span.active:active a {
color : #999;
}
span.active {
background : url(images/toggle.png) 0 bottom no-repeat scroll transparent;
}
.toggle_container {
float : left;
margin-bottom : 15px;
}
ul#meet_the_band {
list-style : none;
margin : 0;
padding : 0;
}
ul#meet_the_band li {
background : url(../images/divider.gif) right top repeat-y;
width : 206px;
float : left;
display : inline;
list-style : none;
margin : 0 0 30px 30px;
padding : 0;
}
ul#meet_the_band li.last-item {
background : none;
width : 175px;
}
ul#meet_the_band li img {
margin-bottom : 13px;
}
ul#meet_the_band li h2 {
font-size : 1.1em;
}
.caption-top, .caption-bottom {
color : #fff;
cursor : pointer;
border : #334143 solid 0;
background : #000;
font-size : 11px;
padding : 1.2em;
}
.caption-bottom h3 {
margin-bottom : 7px !important ;
color : #717171;
}
.list-bands ul {
list-style : none !important ;
margin : 0 !important ;
padding : 0 !important ;
}
.list-bands li {
list-style : none !important ;
float : none !important ;
display : block !important ;
width : 160px !important ;
background : none !important ;
margin : 0 0 6px !important ;
padding : 0 !important ;
}
.list-vids li {
font-size : 11px;
line-height : 150%;
}
.caption-top {
border-width : 0 0 8px;
}
.caption-bottom {
border-width : 8px 0 0;
}
.caption a, .caption a {
border : none 0;
text-decoration : none;
background : #000;
padding : 0.3em;
}
.caption a:hover, .caption a:hover {
background : #202020;
}
br.c {
clear : both;
}
form {
margin : 0 15px 42px;
}
form ul li {
float : left;
width : 273px;
display : inline;
font-size : 1em;
height : 50px;
margin : 0 15px;
}
form ul li#message-item {
clear : both;
width : auto;
display : block;
height : auto;
float : none;
margin-bottom : 15px;
}
label {
font-size : 1.1em;
color : #000000;
display : block;
margin : 0 0 3px;
}
input, textarea, select {
font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size : 1.1em;
background : #ffffff;
border : #555a5e solid 1px;
}
input:focus, textarea:focus, select:focus {
border : #000 solid 1px;
color : #000;
}
input {
width : 261px;
padding : 4px 5px;
}
textarea {
width : 880px;
height : 130px;
padding : 4px 5px;
}
select {
width : 272px;
padding : 3px;
}
form p {
float : right;
clear : both;
display : inline;
margin : 0 3px 0 0;
}
input.submit {
border : none;
height : auto;
width : auto;
background : none;
padding : 0;
}
div#toolbar, div#toolbarbut {
position : fixed;
bottom : 0;
right : 0;
z-index : 9999;
height : 36px;
background : url(images/bcktool.png);
border-top : 1px solid #eee;
border-left : 1px solid #eee;
border-right : 1px solid #eee;
}
div#toolbar {
width : 85%;
min-width : 700px;
margin : 0 auto;
left : 0;
}
div#toolbarbut {
width : 60px;
height : 15px;
margin-right : 3%;
display : none;
}
span.showbar a {
padding : 5px;
font-size : 10px;
color : #989898;
}
.leftside {
float : left;
}
.rightside {
float : right;
}
ul#social li {
display : inline;
}
a.rss {
display : inline-block;
width : 104px;
height : 35px;
margin-left : 5px;
background : url(images/rss.png) no-repeat;
}
a.facebook, a.twitter, a.digg, a.delicious, a.youtube, a.myspace {
display : inline-block;
width : 40px;
height : 35px;
margin-top : 1px;
}
a.rss:hover, a.facebook:hover, a.twitter:hover, a.digg:hover, a.delicious:hover, a.youtube:hover, a.myspace:hover {
background-position : 1px 1px;
}
a.facebook {
background : url(images/facebook.png) no-repeat;
}
a.twitter {
background : url(images/twitter.png) no-repeat;
}
a.delicious {
background : url(images/delicious.png) no-repeat;
}
a.digg {
background : url(images/digg.png) no-repeat;
}
a.youtube {
background : url(images/youtube.png) no-repeat;
}
a.myspace {
background : url(images/myspace.png) no-repeat;
}
.tip {
position : absolute;
top : -75px;
width : 250px;
height : 78px;
background : url(images/tip.png) no-repeat;
float : left;
display : none;
}
#tipfacebook {
left : 75px;
}
#tiptwitter {
left : 120px;
}
#tipdelicious {
left : 165px;
}
#tipdigg {
left : 210px;
}
#tipyoutube {
left : 255px;
}
#tipmyspace {
left : 300px;
}
.tip ul {
padding : 22px 0 0 25px;
}
.tip ul li {
display : inline;
padding-left : 3px;
}
.tip ul li a {
font-size : 18px;
color : #989898;
}
.tip ul li a:hover {
color : #666;
}
.tip ul li small {
font-size : 10px;
}
span.downarr {
float : right;
border-left : 1px solid #a4a4a4;
}
span.downarr a {
display : block;
width : 36px;
height : 26px;
padding : 25px 0 0 10px;
background : url(images/downarrow.png) 5px 7px no-repeat;
}
span.menu_title {
background : #e4e4e4;
border-left : 1px solid #a4a4a4;
padding : 10px;
}
span.menu_title a {
font-size : 16px;
line-height : 34px;
color : #9a9a9a;
}
.quickmenu {
position : absolute;
top : -251px;
right : 46px;
width : 260px;
height : 250px;
background : #e4e4e4;
border-top : 1px solid #a4a4a4;
border-left : 1px solid #a4a4a4;
border-right : 1px solid #a4a4a4;
display : none;
}
.quickmenu ul {
padding-top : 20px;
}
.quickmenu ul li {
border-bottom : 1px solid #989898;
padding : 5px 10px;
margin : 0 15px 0 15px;
}
.quickmenu ul li a {
font-size : 18px;
color : #989898;
display : block;
}
.quickmenu ul li a:hover {
color : #666;
}.headerwhite {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFF;
}