/* Global Styles */ 
body { }
* { padding:0px; margin:0px; font-family: 'Play', sans-serif; }
.slink { display:none !important; }
.clear { clear:both; height:0px; width:0px; visibility:hidden; }
a { color:#09F; text-decoration:none; }
a:hover { color:#0082d9; }
.hr { margin:10px auto; height:1px; background-color:#DDD; width:75%; }
.floatl { float:left; }
.floatr { float:right; }
.tac { text-align:center; }
.nw { white-space:nowrap; }
.pa { position:absolute; }
@media (min-width:680px) { .mobile-only { display:none !important; } }
@media (max-width:680px) { .mobile-off { display:none !important; } }
@media (min-width:800px) { .mobtab-only { display:none !important; } }
@media (min-width:680px) and (max-width:800px) { .mobtab-off { display:none !important; } }

/* Proceed Menu */
.proceed-menu { text-align:center; margin:0px; padding:0px; font-size:16px; }
.proceed-menu ul { list-style:none; font-size:0; }
.proceed-menu ul li { display:block; font-size:18px; margin:10px; }
.proceed-menu ul li a { display:block; color:#09f; background-color:#fff; border:1px solid #09F; border-radius:5px; padding:12px; margin:0px 5px; position:relative; }
.proceed-menu ul li a:hover { color:#FFF; background-color:#09F; }
.proceed-menu ul li a img { position:absolute; left:0; margin:-5px 5px 0px 10px; }

@media(min-width: 680px){.proceed-menu { text-align:center; margin:0px; padding:0px; font-size:16px; }
	.proceed-menu ul { list-style:none; font-size:0; }
	.proceed-menu ul li { display:inline-block; font-size:18px; }
	.proceed-menu ul li a { display:block; color:#09f; background-color:#fff; border:1px solid #09F; border-radius:5px; padding:12px; margin:0px 5px; }
	.proceed-menu ul li a:hover { color:#FFF; background-color:#09F; }
}

.proceed-grey { color:#CCC !important; border-color:#CCC !important; background-color:#FFF !important; }
.proceed-grey:hover { background-color:#FFF !important; }

/* Content Styles */
.content-blurb { width:95%; text-align:center; font-size:16px; margin:0px auto; padding:0px 0px 20px 0px; color:#666; font-weight:lighter; }
@media(min-width: 680px){
	.content-blurb { width:70%; }
}
.content-blurb p { padding-bottom:10px; }
.content-row { box-sizing:border-box; padding:0px 0px 10px 0px; }
.content-section { box-sizing:border-box; text-align:left; color:#333; }
@media (max-width: 680px){
.content-section {float:none; !important;}	
}
@media (min-width: 680px){
	.content-section { width:50%; padding:0px 15px; }
}
.content-section h2 { color:#09F; text-transform:uppercase; padding-bottom:10px; font-weight:400; font-size:24px; }
.content-section p { padding-bottom:10px; font-size:12px; }
.content-image-wrapper { width:100%; overflow:hidden; text-align:center; }
.content-image-wrapper img { width:100%; }
.content-sample { box-sizing:border-box; text-align:left; color:#333; } @media (min-width: 680px) { .content-sample { width:100%; padding:0px 15px; } }
.content-sample h2 { color:#09F; text-transform:uppercase; padding-bottom:10px; font-weight:400; font-size:24px; }
.content-sample img { max-width:100%; }
.content-packagelist { box-sizing:border-box; text-align:left; color:#333; } @media (min-width: 680px) { .content-packagelist { width:100%; padding:0px 15px; } }
.content-packagelist h2 { color:#09F; text-transform:uppercase; padding-bottom:10px; font-weight:400; font-size:24px; }
@media (min-width: 800px) { .content-packageitems { margin:0px -10px; display:table; border-collapse:separate; border-spacing:10px 10px; box-sizing:border-box; margin-top:-250px; position:relative; z-index:1; } }
.content-packageitem { width:100%; border:1px solid #DDD; border-radius:5px; box-sizing:border-box; overflow:hidden; margin-bottom:10px; background-color:#FFF; } @media (min-width: 680px) { .content-packageitem {  } } @media (min-width: 800px) { .content-packageitem { width:25%; display:table-cell; margin:0px; } }
.content-packagetitle { box-sizing:border-box; background-color:#F5F5F5; height:60px; text-align:center; border-bottom:1px solid #DDD; vertical-align:middle; display:table; border-spacing:0px; border-collapse:collapse; width:100%; }
.content-packagetitle h3 { color:#333; display:table-cell; vertical-align:middle; padding:5px 0px 5px 0px; text-align:center; width:auto; } @media (min-width: 800px) { .content-packagetitle h3 { font-size:14px; text-align:center; } } @media (min-width: 940px) { .content-packagetitle h3 { font-size:16px; } } @media (min-width: 1020px) { .content-packagetitle h3 { font-size:18px; } }
.content-packagetitle img { display:table-cell; margin:10px 0px 10px 10px; float:none; height:40px; width:50px; }
.content-packagewrapper { display:table; border-spacing:0px; border-collapse:collapse; width:100%; }
.content-packagewrapper a { display:table; width:100%; }
.content-packagefeature { color:#333; height:40px; font-size:14px; border-bottom:1px dashed #DDD; padding:5px 20px; box-sizing:border-box; text-align:center; vertical-align:middle; display:table-cell; width:100%; } @media (min-width: 800px) { .content-packagefeature { font-size:14px; height:60px; } } @media (min-width: 940px) { .content-packagefeature { font-size:16px; } }
.content-packagefeature img { float:left; height:40px; width:auto; margin-top:5px; }
.content-packagefeature span { font-size:12px; color:#666; }
.content-packagefeature-hidden { color:#333; height:40px; font-size:14px; border-bottom:1px dashed #DDD; padding:5px 20px; box-sizing:border-box; text-align:center; vertical-align:middle; display:none; width:100%; } @media (min-width: 800px) { .content-packagefeature-hidden { font-size:14px; height:60px; } } @media (min-width: 940px) { .content-packagefeature-hidden { font-size:16px; } }
.content-packagefeature-hidden img { float:left; height:40px; width:auto; margin-top:5px; }
.content-packagefeature-hidden span { font-size:12px; color:#666; }
@media (max-width:800px) { .content-packagemobileoff { display:none; } }
@media (min-width:800px) { .content-packagemobileonly { display:none !important; } }
.content-packageprice { font-size:26px; color:#09F; }
.content-packagedownarrow { position:absolute; right:30px; }
@media (min-width:680px) { .content-packagedownarrow { display:none !important; } }
.content-third-wrapper { box-sizing:border-box; padding:0px 5px 0px 5px; text-align:center; }
.content-third-wrapper * { vertical-align:top; }
.content-third { box-sizing:border-box; padding:10px 10px 0px 10px; border:1px solid transparent; border-radius:5px; }
.content-third:hover { /*border-color:#DDD;*/ }
@media (min-width:680px) { .content-third { width:49%; display:inline-block; } }
@media (min-width:800px) { .content-third { width:33%; display:inline-block; } }
.content-third h2 { color:#09F; text-transform:uppercase; padding:20px 0px; font-weight:400; font-size:24px; text-align:center; }
.content-features { text-align:left; list-style:none; box-sizing:border-box; padding:0px 10px 20px 10px; }
.content-features li { line-height:24px; padding:5px 0px 5px 22px; box-sizing:border-box; }
.content-features li img { float:left; margin-left:-22px; width:18px; height:18px; margin-top:2px; }
.content-features li a { display:block; color:#333; }
.content-features li a:hover { color:#09F; }
@media (max-width:680px) { .content-third .proceed-menu ul li { margin-left:-5px; margin-right:-5px; } }
.content-third .proceed-menu ul li a { }

@media (max-width:800px) { 
	.package-off { display:none; }
	.package-on { display:block; }
}

/* Steps */
.step-icon { width:40px; height:40px; margin:2px 20px 20px 0px; float:left; }
.step-item { padding-left:60px; }

/* List Styles */

/* Contact Styles */
.p-phone { padding-left:22px; background-image:url(/images/icon-phone.png); background-repeat:no-repeat; background-position:0px 4px; line-height:24px; }
.p-address { padding-left:22px; background-image:url(/images/icon-location.png); background-repeat:no-repeat; background-position:0px 4px; line-height:24px; }
.p-email { padding-left:22px; background-image:url(/images/icon-email.png); background-repeat:no-repeat; background-position:0px 4px; line-height:24px; }
.p-website { padding-left:22px; background-image:url(/images/icon-website.png); background-repeat:no-repeat; background-position:0px 4px; line-height:24px; }
.p-website img { float:left; margin-left:-22px; width:18px; height:18px; margin-top:2px; }

/* Team Styles */
.team-wrapper { vertical-align:top; width:100%; font-size:0; text-align:center; position:relative; }
.team-item { margin:0px 4px 0px 4px; width:184px; height:280px; border:0px; display:inline-block; font-size:16px; text-align:center; top:0; vertical-align:top; box-sizing:border-box; }
.team-name { color:#09F; font-size:16px; text-transform:uppercase; text-align:center; }
.team-position { color:#666; font-size:14px; text-align:center; }


