/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-family:Arial, Helvetica, sans-serif; padding-bottom:.7em; letter-spacing:1px; }
h3 { color:#333; font-size:2.00em; font-weight:normal; text-shadow:0 1px 1px #fff; }
h4 { color:#444; font-size:1.25em; font-weight:normal; text-shadow:0 1px 1px #fff; }
h5 {
	color:#eee;
	height:10px;
	text-shadow:0 1px 2px #000;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img { margin:0; }

/* Graphic headings
-------------------------------------------------------------- */
.formusicianshead { display:block; width:385px; height:99px; background:url(../images/header_formusicians.png) no-repeat; text-indent:-9999px; position:relative; top:47px; }
.forfilmmakershead { display:block; width:410px; height:99px; background:url(../images/header_filmmakers.png) no-repeat; text-indent:-9999px; position:relative; top:47px; }
.forauthorshead { display:block; width:410px; height:99px; background:url(../images/header_authors.png) no-repeat; text-indent:-9999px; position:relative; top:47px; }
.forbrandshead { display:block; width:410px; height:99px; background:url(../images/header_brands.png) no-repeat; text-indent:-9999px; position:relative; top:47px; }
.theoriginal { display:block; width:100%; height:61px; background:url(../images/header_theoriginal.png) no-repeat; text-indent:-9999px; margin:0 0 20px; }
.oneroof { display:block; width:100%; height:61px; background:url(../images/header_oneroof.png) no-repeat; text-indent:-9999px; margin:0 0 20px; }
.control { display:block; width:100%; height:66px; background:url(../images/header_controleverything.png) no-repeat; text-indent:-9999px; margin:0 0 20px; }
.customize { display:block; width:100%; height:66px; background:url(../images/header_customizeeverything.png) no-repeat; text-indent:-9999px; margin:0 0 20px; }
.privacyhead { float:left; width:266px; height:47px; background:url(../images/header_privacypolicy.png) no-repeat; text-indent:-9999px; margin:39px 0 0; }
.termshead { float:left; width:266px; height:47px; background:url(../images/header_terms.png) no-repeat; text-indent:-9999px; margin:39px 0 0; }
.templateshead { float:left; width:266px; height:47px; background:url(../images/header_templates.png) no-repeat; text-indent:-9999px; margin:39px 0 0; }
.contacthead { float:left; width:266px; height:47px; background:url(../images/header_contact.png) no-repeat; text-indent:-9999px; margin:39px 0 0; }
.quotehead { float:left; width:311px; height:47px; background:url(../images/header_quote.png) no-repeat; text-indent:-9999px; margin:39px 0 0; }
.getstartedhead { position:relative; width:266px; height:47px; background:url(../images/header_getstarted.png) no-repeat; text-indent:-9999px; margin:39px 0 0; }
.ourworkhead { float:left; width:266px; height:47px; background:url(../images/header_ourwork.png) no-repeat; text-indent:-9999px; margin:39px 0 0; }
.portfoliohead { float:left; width:266px; height:47px; background:url(../images/header_portfolio.png) no-repeat; text-indent:-9999px; margin:39px 0 0; }
.productshead { float:left; width:266px; height:47px; background:url(../images/header_products.png) no-repeat; text-indent:-9999px; margin:39px 0 0; }
.tourhead { float:left; width:266px; height:47px; background:url(../images/header_tour.png) no-repeat; text-indent:-9999px; margin:39px 0 0; }

/* Text elements
-------------------------------------------------------------- */
p { margin:0 0 1.0em; }

p img.left { float:left; margin:0 1.5em 1.5em 0; padding:0; }
p img.right { display:inline; margin:0 0 1.5em 1.5em; }

p a:focus,p a:hover { border-bottom:dashed 1px; }
p a, a:visited, a:active {
	color:#000;
	text-decoration:none;
	outline:none;
}

a, a:visited, a:active { text-decoration:none; border: none;}

/* Graphic text
-------------------------------------------------------------- */
.formusicianstext { display:block; width:372px; height:70px; background:url(../images/text_formusicians.png) no-repeat; text-indent:-9999px; position:relative; top:47px; margin:1.5em 0; }
.forfilmmakerstext { display:block; width:372px; height:70px; background:url(../images/text_filmmakers.png) no-repeat; text-indent:-9999px; position:relative; top:47px; margin:1.5em 0; }
.forauthorstext { display:block; width:372px; height:70px; background:url(../images/text_authors.png) no-repeat; text-indent:-9999px; position:relative; top:47px; margin:1.5em 0; }
.forbrandstext { display:block; width:372px; height:70px; background:url(../images/text_brands.png) no-repeat; text-indent:-9999px; position:relative; top:47px; margin:1.5em 0; }
.privacytext { float:left; width:599px; height:45px; background:url(../images/text_privacy.png) no-repeat; text-indent:-9999px; margin-top:3px; }
.termstext { float:left; width:599px; height:45px; background:url(../images/text_terms.png) no-repeat; text-indent:-9999px; margin-top:3px; }
.templatestext { float:left; width:599px; height:45px; background:url(../images/text_templates.png) no-repeat; text-indent:-9999px; margin-top:3px; }
.contacttext { float:left; width:599px; height:45px; background:url(../images/text_contact.png) no-repeat; text-indent:-9999px; margin-top:3px; }
.quotetext { float:left; width:606px; height:45px; background:url(../images/text_quote.png) no-repeat; text-indent:-9999px; margin-top:3px; }
.getstartedtext { position:relative; width:606px; height:45px; background:url(../images/text_getstarted.png) no-repeat; text-indent:-9999px; margin-top:3px; }
.portfoliotext { float:left; width:599px; height:20px; background:url(../images/text_portfolio.png) no-repeat; text-indent:-9999px; margin-top:3px; }
.productstext { float:left; width:606px; height:20px; background:url(../images/text_products.png) no-repeat; text-indent:-9999px; margin-top:3px; }
.tourtext { float:left; width:599px; height:20px; background:url(../images/text_tour.png) no-repeat; text-indent:-9999px; margin-top:3px; }

/* Graphic buttons
-------------------------------------------------------------- */
.button_learnmore { display:block; width:141px; position:relative; top:47px; }
.button_learnmore a { display:block; height:34px; background:url(../images/button_learnmore.png) no-repeat; text-indent:-9999px; }
.button_learnmore a:hover { background-position:0 -34px; border:0; }
.button_learnmore2 { float:left; width:149px; border:none; }
.button_learnmore2 a { display:block; height:42px; background:url(../images/button_learnmore2.png) no-repeat; background-position:-2px 0; text-indent:-9999px; }
.button_learnmore2 a:hover { background-position:-2px -42px; border:0; }
.button_getstarted { float:left; width:149px; border:none; }
.button_getstarted a { display:block; height:42px; background:url(../images/button_getstarted.png) no-repeat; background-position:-2px 0; text-indent:-9999px; }
.button_getstarted a:hover { background-position:-2px -42px; border:0; }
.button_contactus { float:left; width:149px; border:none; }
.button_contactus a { display:block; height:42px; background:url(../images/button_contact.png) no-repeat; background-position:-2px 0; text-indent:-9999px; }
.button_contactus a:hover { background-position:-2px -42px; border:0; }
.button_contactus_blue { float:left; width:129px; border:none; }
.button_contactus_blue a { display:block; height:37px; background:url(../images/button_contact_blue.png) no-repeat; background-position:0 0; text-indent:-9999px; }
.button_contactus_blue a:hover { background-position:0 -37px; border:0; }
.button_helpdesk { float:left; width:149px; border:none; }
.button_helpdesk a { display:block; height:42px; background:url(../images/button_helpdesk.png) no-repeat; background-position:-2px 0; text-indent:-9999px; }
.button_helpdesk a:hover { background-position:-2px -42px; border:0;}
.button_quote { float:left; width:149px; border:none; }
.button_quote a { display:block; height:42px; background:url(../images/button_quote.png) no-repeat; background-position:-2px 0; text-indent:-9999px; }
.button_quote a:hover { background-position:-2px -42px; border:0; }
.button_pricing { float:left; width:149px; border:none; }
.button_pricing a { display:block; height:42px; background:url(../images/button_pricing.png) no-repeat; background-position:-2px 0; text-indent:-9999px; }
.button_pricing a:hover { background-position:-2px -42px; border:0; }
.button_back { float:left; width:119px; border:none; }
.button_back a { display:block; height:43px; background:url(../images/button_back.png) no-repeat; background-position:-1px 0; text-indent:-9999px; }
.button_back a:hover { background-position:-1px -43px; border:0; }
.button_order { float:left; width:134px; border:none; }
.button_order a { display:block; height:43px; background:url(../images/button_order.png) no-repeat; background-position:-1px 0; text-indent:-9999px; }
.button_order a:hover { background-position:-1px -43px; border:0; }
.button_visit { float:left; width:129px; border:none; }
.button_visit a { display:block; height:37px; background:url(../images/button_visitsite.png) no-repeat; background-position:0 0; text-indent:-9999px; }
.button_visit a:hover { background-position:0 -37px; border:0; }
.button_next { float:left; width:89px; border:none; }
.button_next a { display:block; height:37px; background:url(../images/button_next.png) no-repeat; background-position:0 0; text-indent:-9999px; }
.button_next a:hover { background-position:0 -37px; border:0; }
.button_prev { float:left; width:89px; border:none; }
.button_prev a { display:block; height:37px; background:url(../images/button_prev.png) no-repeat; background-position:0 0; text-indent:-9999px; }
.button_prev a:hover { background-position:0 -37px; border:0; }
.button_starttour { float:left; width:149px; border:none; }
.button_starttour a { display:block; height:43px; background:url(../images/button_starttour.jpg) no-repeat; background-position:-2px 0; text-indent:-9999px; }
.button_starttour a:hover { background-position:-2px -43px; border:0; }
.button_readmore { float:left; width:112px; border:none; }
.button_readmore a { display:block; height:37px; background:url(../images/button_readmore.jpg) no-repeat 0 0; text-indent:-9999px; }
.button_readmore a:hover { background-position:0 -37px; border:0; }


/* Lists
-------------------------------------------------------------- */
li ul,li ol { margin:0 1.5em; }
ul,ol { margin:0 1.5em 1.5em; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
dl { margin:0 0 1.5em; }
dl dt { font-weight:bold; }
dd { margin-left:1.5em; }

.templateslist { list-style:none; margin:0; postion: relative; top: 0; left: 0;}
.templateslist li { float:left; width:234px; border-bottom:dashed 1px #c7c7c7; padding-bottom:10px; margin-bottom:15px; }
.templateslist li h4 { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; text-transform:uppercase; padding-bottom:0; margin-bottom:.25em; }
.templateslist li p { font-size:13px; }

.serviceslist { list-style:none; margin:0; padding:0; }
.serviceslist li { float:left; width:102px; height:94px; border:solid 1px #c7c7c7; margin:0 10px 10px 0; }
.serviceslist li img { border:solid 1px #fff; }

.testimoniallist {float: left; list-style: none; margin: 1.0em 0; padding: 0; width: 960px;}
.testimoniallist li {float: left; width: 230px; margin-right: 10px;}

.aboutlist {list-style: none; margin: 0 0 25px 0; padding: 0;}
.aboutlist li {background: url(../images/icon_check.png) no-repeat; padding: 4px 0 0 40px; min-height: 29px;}


/* Inputs */
label { float:left; display:block; margin-right:20px; line-height:35px; font:15px; width:100px; color:#666; font-style:italic; }
input { float:left; padding:0; margin:0; margin-bottom:1em; padding:10px; border:1px solid #ccc; color:#0B6D96; background:#fafafa; }
.submit { border:0; margin-bottom:0; }
textarea { margin-left:0; background:#fff; color:#C2C5AD; border:none; padding:7px; border:1px solid #ccc; }
fieldset { border:none; padding:0; margin:0; }
input.inputError { border:1px solid #EFBF18!important; }

/*for form validation*/
.select { float:left; padding:10px; background:#FFF; color:#0b6d96; margin-bottom:1em; border:1px solid #ccc; }
option { padding:2px 0 0 5px; }
#contactForm { float:left; margin-top:25px; width:525px; }
#contactForm .input { width:350px; }
#contactForm .select { width:375px; }
#contactForm textarea { width:370px; height:200px; overflow:auto; color:#0b6d96; }
#contactForm .example { width:370px; height:200px; overflow:auto; color:#0b6d96; }
#contactForm .submit { float:none; clear:both; margin-top:15px; margin-left:108px; width:118px; height:42px; text-indent:-9999px; border:0; }

#signupForm { float:left; margin-top:25px; }
#signupForm label { float:left; display:block; margin-right:20px; line-height:35px; font:15px; width:100px; color:#666; font-style:italic; width:130px; }
#signupForm .input { width:350px; }
#signupForm .select { width:375px; }
#signupForm textarea { width:370px; height:200px; overflow:auto; color:#0b6d96; }
#signupForm .example { width:370px; height:200px; overflow:auto; color:#0b6d96; }
#signupForm .submit { float:left; display:block; margin-top:15px; margin-left:135px; width:118px; height:42px; text-indent:-9999px; border:0; }

/* iContact form styling */

.icontactframe {float:left; margin-top:25px; width:525px;}
.icontactframe .input {width:350px;}
.icontactlabel {float:left; display:block; margin-right:20px; line-height:35px; font:15px; width:100px; color:#666; font-style:italic;}

/* Misc classes
-------------------------------------------------------------- */
.small { font-size:.8em; margin-bottom:1.875em; line-height:1.875em; }
.large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; }
.hide { display:none; }
.firstwords { text-transform:uppercase; color:#1a1a1a; font-weight:bold; }
.highlight, .highlight a { background:#ddd;}
.highlight:hover {background: #fff;}
.yellow { color:#ffaa00; }
.footertext  { color:#fff; }
.footertext a { color:#fff; }
.footertext a:visited {color: #fff;}
.footertext a:hover { color:#9e0000; border-bottom:dashed 1px; }
.copytext {
	float:left;
	font-size:12px;
	line-height:3.875em;
	color: #FFF;
}
.copytext a, .copytext a:visited, .copytext a:active { color:#888; }
.copytext a:hover { color:#888; border-bottom:dashed 1px; }
.smallblue { margin-left:7px; font-size:.75em; }
.smallblue a:focus,.smallblue a:hover { color:#0b6d96; border-bottom:dashed 1px; }
.smallblue a { color:#0b6d96; text-decoration:none; outline:none; }

.errormessage {color: #cc0659; font-weight: bold; text-transform: uppercase; font-style: italic;}