/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   
/*Fonts*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,300,400,600,700);

html,
button,
input,
select,
textarea {
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

body {
	margin:0px; padding:0px;
	font-family: 'Open Sans', sans-serif;
	padding:0px 0px 0px 0px;
	font-size:14px;
	}

#nav-container
	{
		background-color:#F7F7F7;
		height:60px;
		width:100%;
	}
	
#nav{
	margin: 0 auto;
	width:960px;
	text-align:center;
	font-size:14px;
}

#nav a{
	color:#000;
	text-decoration:none;
}

#nav a:hover{
	text-decoration:underline;
}
	
#topbanner{
	background-image:url(../img/imgTopBanner.png);
	background-size:cover;
	background-repeat:no-repeat;
	height:504px;
}

#topbanner-container{
	margin: 0 auto;
	width:960px;
	text-align:left;
}

#content{
	margin: 0 auto;
	width:969px;
	text-align:left;
	padding:30px 0px 30px 0px;
}

#header{
	margin: 0 auto;
	width:960px;
	text-align:center;
}

#footer
{
	padding:30px 0px 30px 0px;
	margin:0 auto;
	background-color:#F7F7F7;
}

.footer-container
{
	margin:0 auto;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	width:960px;
	color:#686868;
}

.footer-container a
{
	color:#686868;
	text-decoration:none;
}

.footer-container a:hover
{
	color:#686868;
	text-decoration:underline;
}

.gray-line-hor
{
	background-color:#EEEEEE;
	height:1px;
	width:100%;	
}

.gray-line-hor-dotted
{
	border-top: dotted 1px; 
	color:#DDDDDD;
}

.gray-line-ver
{
	background-color:#DDD;
	height:38px;
	width:1px;
	margin-top:10px;
}

.gray-line-ver2
{
	background-color:#BFBFBF;
	height:236px;
	width:1px;
	margin:0px 50px 0px 50px;
}



.box-products-details
{
	width:706px;
	box-shadow:0 1px 2px 1px #c2c2c2;
	-moz-box-shadow:0 1px 2px 1px #c2c2c2;
	-webkit-box-shadow:0 1px 2px 1px #c2c2c2;
	padding:30px;
}

.box-pricing-details
{
	width:243px;
	background-color:#FCFCFC;
	box-shadow:0 1px 2px 1px #c2c2c2;
	-moz-box-shadow:0 1px 2px 1px #c2c2c2;
	-webkit-box-shadow:0 1px 2px 1px #c2c2c2;
}

.box-pricing-details-white
{
	width:243px;
	background-color:#FFF;
	box-shadow:0 0 4px 0 #c2c2c2;
	-moz-box-shadow:0 0 4px 0 #c2c2c2;
	-webkit-box-shadow:0 0 4px 0 #c2c2c2;
}

.main-image {
  width: 230px;
  margin-bottom: 0.75em;
  text-align:center;
}
.thumbnails li {
  display: inline;
  margin: 0 10px 0 0;
}

#textbox2
{
	background-image:url(../img/bgTextboxSM.png);
	background-repeat:no-repeat;
	width:29px;
	height:24px;
	padding:2px 0px 0px 4px;
}

.textbox
{
	border:0px none transparent;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

input.middle:focus {
    outline-width: 0;
}


.fs66 {font-size:66px}
.fs61 {font-size:61px}
.fs59 {font-size:59px}
.fs54 {font-size:54px}
.fs50 {font-size:50px}
.fs47 {font-size:47px}
.fs45 {font-size:45px}
.fs42 {font-size:42px}
.fs40 {font-size:40px}

.fs37 {font-size:37px}
.fs35 {font-size:35px}
.fs32 {font-size:32px}
.fs30 {font-size:30px}
.fs28 {font-size:28px}
.fs26 {font-size:26px}
.fs25 {font-size:25px}
.fs24 {font-size:24px}
.fs23 {font-size:23px}
.fs22 {font-size:22px}
.fs21 {font-size:21px}
.fs20 {font-size:20px}
.fs19 {font-size:19px}
.fs18 {font-size:18px}
.fs17 {font-size:17px}
.fs16 {font-size:16px}
.fs15 {font-size:15px}
.fs14 {font-size:14px}
.fs13 {font-size:13px}
.fs0  {font-size:0px}

.ls0  {letter-spacing:0px}

.lh72 {line-height:72px}
.lh34 {line-height:34px}
.lh30 {line-height:30px}
.lh40 {line-height:40px}
.lh55 {line-height:55px}
.lh45 {line-height:45px}
.lh61 {line-height:61px}
.lh25 {line-height:25px}
.lh22 {line-height:22px}
.lh19 {line-height:19px}
.lh18 {line-height:18px}
.lh16 {line-height:16px}
.lh0 {line-height:0px}

.colororange	{color:#FD8004}
.coloryorange	{color:#FFCC00}
.coloryellow	{color:#FFFF00}
.colorpblue	{color:#338CC4}
.colorwhite	{color:#FFF}
.colorred	{color:red}
.colorred2  {color:#D80000}
.colorred3	{color:#F04837}
.colorblack	{color:#000}
.colorred2 {color:#CC0000}
.colorgreen {color:#468532;}
.colorlgreen {color:#96BF1F;}
.colorblack {color:#000}
.colorbrick	{color:#EC6633}

.bgwhite	{background-color:#FFF}
.bgblack	{background-color:#000}
.bgbeige	{background-color:#FFFFBF}
.bggray		{background-color:#F3F3F3}
.bgdgray	{background-color:#DDDDDD}
.bgdblue	{background-color:#1B242D}
.bggray		{background-color:#494949}
.bgcyan		{background-color:#D2F0FB}
.bgorange	{background-color:#FD8104}

.brdrred	{border:solid #D90000 1px}
.brdrblue	{border:solid #1B242D 2px}

.fwbold {font-weight:bold}
.fw300	{font-weight:300}
.fw400	{font-weight:400}
.fw600	{font-weight:600}
.fw700	{font-weight:700}
		
/*Misc*/
.pabsolute	{position:absolute}

.fleft	{float:left}
.fright	{float:right}
.clear  {clear:both}

.taligncenter {text-align:center}
.talignleft {text-align:left}
.talignright {text-align:right}

.pall30	{padding:30px}
.pall20	{padding:20px}
.pall10	{padding:10px}

.ptop110	{padding-top:110px}
.ptop90	{padding-top:90px}
.ptop80	{padding-top:80px}
.ptop60	{padding-top:60px}
.ptop50	{padding-top:50px}
.ptop48	{padding-top:48px}
.ptop43	{padding-top:43px}
.ptop40	{padding-top:40px}
.ptop37	{padding-top:37px}
.ptop35	{padding-top:35px}
.ptop30	{padding-top:30px}
.ptop20	{padding-top:20px}
.ptop25	{padding-top:25px}
.ptop23	{padding-top:23px}
.ptop15	{padding-top:15px}
.ptop12	{padding-top:12px}
.ptop10	{padding-top:10px}
.ptop8	{padding-top:8px}
.ptop5	{padding-top:5px}
.ptop3	{padding-top:3px}
.ptop1	{padding-top:1px}

.pright80 	{padding-right:80px}
.pright60 	{padding-right:60px}
.pright50 	{padding-right:50px}
.pright40 	{padding-right:40px}
.pright32 	{padding-right:32px}
.pright30 	{padding-right:30px}
.pright25 	{padding-right:25px}
.pright20 	{padding-right:20px}
.pright15 	{padding-right:15px}
.pright10 	{padding-right:10px}
.pright4 	{padding-right:4px}
.pright2 	{padding-right:2px}

.pleft310 {padding-left:310px}
.pleft175 {padding-left:175px}
.pleft100 {padding-left:100px}
.pleft80 {padding-left:80px}
.pleft61 {padding-left:61px}
.pleft60 {padding-left:60px}
.pleft50 {padding-left:50px}
.pleft48 {padding-left:48px}
.pleft43 {padding-left:43px}
.pleft40 {padding-left:40px}
.pleft35 {padding-left:35px}
.pleft32 {padding-left:32px}
.pleft30 {padding-left:30px}
.pleft25 {padding-left:25px}
.pleft23 {padding-left:23px}
.pleft22 {padding-left:22px}
.pleft20 {padding-left:20px}
.pleft19 {padding-left:19px}
.pleft15 {padding-left:15px}
.pleft10 {padding-left:10px}
.pleft5 {padding-left:5px}
.pleft3 {padding-left:3px}
.pleft2 {padding-left:2px}
.pleft1 {padding-left:1px}

.pbot30	{padding-bottom:30px}
.pbot20	{padding-bottom:20px}
.pbot17	{padding-bottom:17px}
.pbot15	{padding-bottom:15px}
.pbot12	{padding-bottom:12px}
.pbot10	{padding-bottom:10px}
.pbot8	{padding-bottom:8px}
.pbot5	{padding-bottom:5px}

.mtop50	{margin-top:50px}
.mtop40	{margin-top:40px}
.mtop35	{margin-top:35px}
.mtop30	{margin-top:30px}
.mtop20	{margin-top:20px}
.mtop25	{margin-top:25px}
.mtop15	{margin-top:15px}
.mtop10	{margin-top:10px}
.mtop5	{margin-top:5px}
.mtop2	{margin-top:2px}

.mbot35	{margin-bottom:35px}

.-mtop13 {margin-top:-13px}

.mright30{margin-right:30px}

.mleft30{margin-left:30px}
.mleft100{margin-left:100px}
.mleft55{margin-left:55px}
.mleft45{margin-left:45px}
.mleft20{margin-left:20px}
.mleft10{margin-left:10px}
.mleft7{margin-left:7px}

.width960	{width:960px}
.width956	{width:956px}
.width940	{width:940px}
.width920	{width:920px}
.width916	{width:916px}
.width843	{width:843px}
.width817	{width:817px}
.width800	{width:800px}
.width766	{width:766px}
.width760	{width:760px}
.width720	{width:720px}
.width700	{width:700px}
.width690	{width:690px}
.width660	{width:660px}
.width640	{width:640px}
.width630	{width:630px}
.width620	{width:620px}
.width600	{width:600px}
.width595	{width:595px}
.width583	{width:583px}
.width570	{width:570px}
.width558	{width:558px}
.width545	{width:545px}
.width540	{width:540px}
.width523	{width:523px}
.width520	{width:520px}
.width500	{width:500px}
.width483	{width:483px}
.width474	{width:474px}
.width459	{width:459px}
.width443	{width:443px}
.width431	{width:431px}
.width430	{width:430px}
.width420	{width:420px}
.width410	{width:410px}
.width403	{width:400px}
.width400	{width:400px}
.width390	{width:350px}
.width380	{width:380px}
.width370	{width:370px}
.width368	{width:368px}
.width316	{width:316px}
.width310	{width:310px}
.width300	{width:300px}
.width297	{width:297px}
.width295	{width:295px}
.width288	{width:288px}
.width284	{width:284px}
.width278	{width:278px}
.width273	{width:273px}
.width265	{width:265px}
.width260	{width:260px}
.width253	{width:253px}
.width252	{width:252px}
.width250	{width:250px}
.width240	{width:240px}
.width230	{width:230px}
.width243	{width:243px}
.width222	{width:222px}
.width215	{width:215px}
.width210	{width:210px}
.width200	{width:200px}
.width140	{width:140px}
.width24	{width:24px}

.height551  {height:551px}
.height551  {height:551px}
.height518	{height:518px}
.height460	{height:460px}
.height431	{height:431px}
.height280	{height:280px}
.height240	{height:240px}
.height220	{height:220px}
.height190	{height:190px}
.height150	{height:150px}
.height125	{height:125px}
.height120	{height:120px}
.height113	{height:113px}
.height104	{height:104px}
.height80	{height:80px}
.height50	{height:50px}
.height40	{height:40px}
.height30	{height:30px}
.height20	{height:20px}
.height12	{height:12px}
.height2	{height:2px}
.height1	{height:1px}

.colorwhite	{color:#FFF}

.callnow {font-size:13px}
.valign-top{vertical-align:top}
.disnone	{display:none}


.auto-center{margin:0px auto}



.content{
	overflow: auto;
	position: relative;
	padding: 10px;
	background-color: #333;
	width: 100%;
	height: auto;
	float: left;
}
.content li{
	margin: 4px;
	overflow: hidden;
	width:180px;
	text-align:center;
}
.content li a{
	display: inline-block;
	border: 7px solid rgba(255,255,255,.1);
}
.content.light, .content.light .mTSButton{ background-color: #c2beb2; }
.content.light li a{ border: 7px solid rgba(255,255,255,.4); }
#content-1, #content-2{
	width: auto;
	height: 600px;
}
#content-1 ul li:first-child{ margin-top: 20px; }
#content-1 ul li:last-child{ margin-bottom: 20px; }
#content-2{ padding: 55px 10px; }
#content-3 .mTSButton{ background-color: #333; }
#content-5{ background-color: #444; }
#content-6{ background-color: transparent; }
#content-6 .mTSButton{
	background-color: rgba(0,0,0,.7);
	-moz-border-radius: 48px; -webkit-border-radius: 48px; border-radius: 48px;
}
#content-6 .mTSButtonLeft{ left: 5px; }
#content-6 .mTSButtonRight{ right: 5px; }