/* BASIC PAGE SETUP ============================================================================= */



body {

	margin : 0;

	padding : 0;

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-style: normal;

	font-weight: 400;

	color : #000;

	text-align: center;

}





/*  HEADINGS  ============================================================================= */



h1, h2, h3, h4, h5, h6 {

	font-family: 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;

	font-weight : normal;

	margin-top: 0px;

}



h1 {

	font-family: 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;

	color: #333;

	margin-bottom : 0.3em;

	font-size : 3.75em;

}





h2 {

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-style: normal;

	font-weight: 400;

	font-size: 2.5em;

	text-decoration: none;

	letter-spacing: -0.06em;

	line-height: 1em;

	color: #000;

	margin-top: 80px;

	margin-left: 25px;

}



h3 {

	color: #666;

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-style: normal;

	font-size: 1em;

	margin-left: 12px;

	margin-top: 8px;

	text-transform: uppercase;

}





h4 {

	color: #333;

	margin-bottom : 0.3em;

	font-size : 2em; /* 24 / 16  */

	line-height : 1.5;

	font-family: Georgia, "Times New Roman", Times, serif;

	margin-top: 5px;

	padding-left: 1%;

}





h5 {

	color: #444;

	margin-bottom : 0.5em;

	font-size : 1em;

	margin-top: -15px;

}



	footer h4 {

	color: #248f8f;

	margin-left: 20px;

	margin-top: 0px;

	font-size: 1.5em;

	}



h5 { 

color: #555;

margin-bottom : 1.25em;

font-size : 1em; /* 20 / 16 */ }



h6 { 

color: #666;

font-size : 1em; /* 16 / 16  */ }



/*  TYPOGRAPHY  ============================================================================= */



p, ol, ul, dl, address { 

margin-bottom : 1.5em; 

font-size : 1em; /* 16 / 16 = 1 */ }



p {

	hyphens : auto;

	padding-right: 1%;

	padding-left: 1%;

}





p.introtext {

font-family: 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;

font-size : 2.5em; /* 40 / 16 */

color: #333;

line-height: 1.4em;

letter-spacing: -1px;

margin-bottom: 0.5em;

}





p.handwritten {

font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 

font-size: 1.375em; /* 24 / 16 */

line-height: 1.8em;

margin-bottom: 0.3em;

color: #666;

}



p.center {

text-align: center;

}



ul, 

ol { 

margin : 0 0 1.5em 0; 

padding : 0 0 0 24px; }



li ul, 

li ol { 

margin : 0;

font-size : 1em; /* 16 / 16 = 1 */ }



dl, 

dd { 

margin-bottom : 1.5em; }



dt { 

font-weight : normal; }



b, strong { 

font-weight : bold; }



hr { 

display : block; 

margin : 1em 0; 

padding : 0;

height : 1px; 

border : 0; 

border-top : 1px solid #ccc;

}



small { 

font-size : 1em; /* 16 / 16 = 1 */ }

.below-image  {

	font-size : 1em; /* 16 / 16 = 1 */

	clear: both;

	margin-top: 2px;

	padding-left: 12px;

	display: block;

}



.hp-recentwork  {

	padding-left: 20px;

}



/* LINKS =============================================================================  */



a {

	color : #C90;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	transition: all 0.3s ease;

	text-decoration: none;

}



a:focus { 

outline : thin dotted; 

color : rgb(0,0,0); }



a:hover, 

a:active { 

outline : 0;

color : #dd2233;

}





footer a {

	color : #C90;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	transition: all 0.3s ease;

}



footer a:visited { 

color : #fff; }



footer a:focus { 

outline : thin dotted; 

color : rgb(0,0,0); }



footer a:hover, 

footer a:active { 

outline : 0;

color : #fff;

}



img{

	max-width:96%;

	margin-left: 0.5em;

	margin-right: .5em;

}

img.floatleft { float: left; margin: 0 10px 0 0; }

img.floatright { float: right; margin: 0 0 0 10px; }



a img {  -webkit-box-shadow: 0 0 6px #CCC; -moz-box-shadow: 0 0 6px #CCC; box-shadow: 0 0 6px #CCC;  }

a img:hover  { -webkit-box-shadow: 0 0 6px #787878; -moz-box-shadow: 0 0 6px #787878; box-shadow: 0 0 6px #787878; }



/* TABLES ============================================================================= */



table { 

border-collapse : collapse;

border-spacing : 0;

margin-bottom : 1.4em; 

width : 100%; }



th, td, caption { 

padding : .25em 10px .25em 5px; }



tfoot { 

font-style : italic; }

caption { 

background-color : transparent; }





/*  Menu Navigation  ============================================================================= */





#skiptomain { display: none; }



#wrapper {

	width: 100%;

	position: relative;

	text-align: left;

	margin: 0px;

	padding: 0px;

}



	#headcontainer {

	width: 100%;

	margin: 0px;

	padding: 0px;

	}



header {

	clear: both;

	width: 80%; /* 1000px / 1250px */

	font-size: 0.8125em; /* 13 / 16 */

	max-width: 92.3em;

	position: relative;

	color: #000;

	text-align: center;

	margin-top: 15px;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	min-height: 105px;

	border-top-right-radius: 10px;

	border-top-left-radius: 10px;

	-webkit-border-top-left-radius:10px; /* bottom left corner */

	-webkit-border-top-right-radius:10px;

	background-color: #FFF;

	z-index: 1;

		}

 

 .logo-floatleft{

	float: left;

	max-width: 100%;

	margin: 0px;

	color: #666;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 15px;

		 }  

	

#logo{

	background-image: url(../images/ribbon.png);

	background-repeat: no-repeat;

	width: 200px;

	height: 225px;

	position: absolute;

	z-index: 10;

	top: 0px;

	left: 16px;

	}		



	#maincontentcontainer {

	width: 100%;

	}





#maincontent{

	clear: both;

	width: 80%; /* 1000px / 1250px */

	font-size: 0.8125em; /* 13 / 16 */

	max-width: 92.3em;

	color: #333;

	line-height: 1.5em;

	position: relative;

	z-index: 0;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 1em;

	padding-right: 0px;

	padding-bottom: 1em;

	padding-left: 0px;

			}

			

	



#footercontainer {

	width: 100%;

	background-color: #333;

	}

	

	

footer {

	clear: both;

	width: 80%; /* 1000px / 1250px */

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style: normal;

	font-weight: 400;

	font-size: 0.75em;

	line-height: 2;

	max-width: 92.3em;/* 1200px / 13 */

	color: #CCC;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 15px;

	margin-left: auto;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 0px;

	text-transform: uppercase;

	-moz-border-radius-bottomright: 10px;

	border-bottom-right-radius: 10px;

	-moz-border-radius-bottomleft: 10px;

	border-bottom-left-radius: 10px;

	-webkit-border-bottom-left-radius:10px; /* bottom left corner */

	-webkit-border-bottom-right-radius:10px;

	

		}



		footer strong {

			font-size: 1.077em; /* 14 / 13 */

			color: #aaa;

		}



		footer p {

	padding-left: 20px;

	padding-right: 10px;

		}



		footer a:link, footer a:visited {

	color: #C90;

	text-decoration: underline;

}

		footer a:hover {

	color: #CC3;

	text-decoration: underline;

}

.section {

	clear: both;

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

}



/*  GLOBAL OBJECTS ============================================================================= */



.breaker { clear: both; }



.group:before,

.group:after {

	content:"";

	display:table;

}

.group:after {

    clear:both;

}



.floatright {

	float: right;

	margin-right: 20px;

}

.group {

	zoom:1;

}





.floatleft {

    float: left;

}





#line-break{

	width: 90%;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #DBDBDB;

	display: block;

	margin-right: auto;

	margin-left: auto;

}



#dotted-break{

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #DBDBDB;

	display: block;

	margin-bottom: 3px;

	margin-top: -15px;

}







/*  COLUMNS  ============================================================================= */



.twocolumns{

	-moz-column-count: 2;

	-moz-column-gap: 2em;

	-webkit-column-count: 2;

	-webkit-column-gap: 2em;

	column-count: 2;

	column-gap: 2em;

  }





/*  SECTIONS  ============================================================================= */



.section {

	clear: both;

	padding: 0px;

	margin: 0px;

}





/*  GLOBAL OBJECTS ============================================================================= */



.breaker { clear: both; }



.floatleft {

    float: left;

}



.floatright {

	float: right;

	margin-right: 15px;

}





/* VENDOR-SPECIFIC ============================================================================= */



html { 

-webkit-overflow-scrolling : touch; 

-webkit-tap-highlight-color : rgb(52,158,219); 

-webkit-text-size-adjust : 100%; 

-ms-text-size-adjust : 100%; }



.clearfix { 

zoom : 1; }



::-webkit-selection { 

background : rgb(23,119,175); 

color : rgb(250,250,250); 

text-shadow : none; }



::-moz-selection { 

background : rgb(23,119,175); 

color : rgb(250,250,250); 

text-shadow : none; }



::selection { 

background : rgb(23,119,175); 

color : rgb(250,250,250); 

text-shadow : none; }



button, 

input[type="button"], 

input[type="reset"], 

input[type="submit"] { 

-webkit-appearance : button; }



::-webkit-input-placeholder {

font-size : .875em; 

line-height : 1.4; }



input:-moz-placeholder { 

font-size : .875em; 

line-height : 1.4; }



.ie7 img,

.iem7 img { 

-ms-interpolation-mode : bicubic; }



button::-moz-focus-inner, 

input::-moz-focus-inner { 

padding : 0;

border : 0; }



p {

/* http://www.w3.org/TR/css3-text/#hyphenation */

-webkit-hyphens : auto;

-webkit-hyphenate-character : "\2010";

-webkit-hyphenate-limit-after : 1;

-webkit-hyphenate-limit-before : 3;

-moz-hyphens : auto; }











#intro {

	padding-top: 0;

	padding-right: 1%;

	padding-bottom: 0;

	padding-left: 1%;

	margin-left: 160px;

}

#productRow {
	display:inline-block;
	clear:both;
	position:relative;	
	width: 100%;
}

#productRow .left{
	width:50%;	
	float:left;
}

#productRow .right{
	width:50%;	
	float:right;
}



.leftColumn {
	width:49%;	
	float:left;
}
.rightColumn {
	width:49%;	
	float:right;
}


.leftColumn ul{
	list-style:outside;
}

#productYoutubeContainser {
	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
}

#productSlideshowContainser {
}

#productSlideshowContainser .flex-control-nav {
	left:0;
}

#appstorebuttonContainer {
	text-align:center;	
}

.appstorebutton {
	box-shadow :none;
	
}
.appstorebutton:hover {
	box-shadow :none;
}


@media only screen and (max-width: 800px) {
		.leftColumn {
			width:90%;
		}
		
		.rightColumn {
			width:90%;
			float:left;
		}
		
		
	#productYoutubeContainser {
		padding-top:8px;
		padding-bottom:8px;
	}
}