@charset "UTF-8";

html {height:100%;}
body  {
	font: Arial, Helvetica, sans-serif;
	/*background: #000000 url(images/bg.png) repeat-y center;*/
	/* gold gradient - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3e2c7+0,c19e67+50,b68d4c+51,e9d4b3+100;L+Brown+3D */
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#deefff+0,98bede+39,deefff+40,98bede+100 */
	background: #deefff; /* Old browsers */
	background: -moz-linear-gradient(top, #deefff 0%, #98bede 39%, #deefff 40%, #98bede 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #deefff 0%,#98bede 39%,#deefff 40%,#98bede 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #deefff 0%,#98bede 39%,#deefff 40%,#98bede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
	
	background-repeat: no-repeat;
    background-attachment: fixed;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	-webkit-text-size-adjust: none;
}
h1, h2, h3, h2.distributor {
	margin: 0;
	padding: 0;
}
h1	{
	font: bold 15px Arial, Helvetica, sans-serif; /* 1em */
	letter-spacing: 0em;
	line-height: 15px; /* 1em */
	color:#FF0000;
}
h2	{
	font: bold 13px Arial, Helvetica, sans-serif; /* 0.8em */
	letter-spacing: 0em;
	line-height: 15px;
	color:#000000;
}
h3	{
	font: bold 13px Arial, Helvetica, sans-serif; /* 0.8em */
	letter-spacing: 0em;
	line-height: 15px;
	color:#FF0000;
}
h4	{
	font: bold 13px Arial, Helvetica, sans-serif; /* 0.8em */
	letter-spacing: 0em;
	line-height: 15px;
	color:#FF0000;
}
p, #navTabs p {
	font: 11px Arial, Helvetica, sans-serif;  /* 0.7em */
	letter-spacing: 0em;
	line-height: 13px; /* 1em */
	margin: 0;
}
h2.distributor	{
	font: bold 13px Arial, Helvetica, sans-serif; /* 0.8em */
	letter-spacing: 0em;
	line-height: 13px;
	color:#FF0000;
}
sup {
	font-size-adjust:0.4;
}
div.noscript {
	width: 100%;
	background: #FF0000;
	font: bold 14px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #FFFF00;
}
a:link {
	color: #0033FF;
	text-decoration: none;
}
a:hover {
	color: #0033FF;
	text-decoration: underline;
}
a:visited {
	color: #0033FF;
	text-decoration: none;
}
a img {
	border: none;
	margin: 0;
	padding: 0;
}

.patent {
	background: #000000;
	color: #FFFF00;
	font: bold 13px Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
	line-height: 15px;
	text-align: center;
	padding: 3px;
}

#container {
	position:relative;
	width: 950px;  /* or 100% */
	background: none;
	margin: 10px auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
	z-index: 1;
}
#header {
	background: none;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#smartlogo {
  	float: left;
	width: 100px;  /* 10.526% */
	height:100px;
  }
#smartname {
  	float: left;
	width: 600px;  /* 62.5% */
  }
#pagename {
	margin-left: 700px;  /* 74% */
	width: 200px;  /* 20.833% */
  }
#navtop {
	margin-left: 0px;
	width: 950px;  /* 89% */
  }
#navtop ul {
	margin: 0;
  }
#navtop li {
	margin: 0 0.1em;
	/*border-right: #FFFFFF 1px solid;*/
	border:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#0099ff; /*0033ff*/
	padding: 0.4em 2.0em;
	color: #FFFFFF;
	font: 10px Arial, Helvetica, sans-serif; /* 1em */
	letter-spacing: 0em;
	line-height: 15px; /* 1.2em */
	float: left;
	list-style: none;
  }
#navtop li a:link, #navtop li a:visited {
	color: #FFF;
	background: none;
	padding: 0.3em;
  }
#navtop li a:hover {
	color: #FFF;
	background: #0099ff; /*0033ff*/
	padding: 0.3em;
	text-decoration: none;
  }

#smartlogo img {
  	width: 100%;
  }
#smartname img {
  	width: 100%;
  }
#pagename img {
  	width: 100%;
  }
#pagename .flashmsg img {
  	width: 39px;
	float:left;
  }

.flashmsg, .flashmsg a:link, .flashmsg a:hover, .flashmsg a:visited {
	/*color:#F8F708;*/
	color:#ff3333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	-webkit-animation: flashtxt 2s infinite;
    -moz-animation: flashtxt 2s infinite;
	animation: flashtxt 2s infinite;
}
div.flashmsg {
	width:96%;
	padding:22px 2%;
}
@-webkit-keyframes flashtxt {
    from { color: #3399ff; }
    to { color: #ff3333 }
}

@-moz-keyframes flashtxt {
    from { color: #3399ff; }
    to { color: #ff3333 }
}

@keyframes flashtxt {
    from { color: #3399ff; }
    to { color: #ff3333 }
}

@-webkit-keyframes tabs {
    from { background-color: #ccc; }
    to { background-color: #ff0; }
}

@-moz-keyframes tabs {
    from { background-color: #ccc; }
    to { background-color: #ff0; }
}

@keyframes tabs {
    from { background-color: #ccc; }
    to { background-color: #ff0; }
}

#content1 {
	width: 190px;
	height: 360px;
	margin: 10px 0 10px 0;
	background: #EBEBEB;
	padding: 5px;
	float: left;
	border: 4px solid #0099FF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow:scroll;
}
#content2 {
	width: 700px;
	height: 360px;
	margin: 10px 0 10px 220px;
	background: #000000;
	padding: 5px;
	overflow: hidden;
	border: 4px solid #0099FF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.homeDiv {
	display: none;
	width: 580px;
	height: 360px;
	overflow: hidden;
	background: none;
	padding: 5px;
	margin: 0;
	float: left;
}
.homeDiv p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
}
.homeDiv h1 {
	font: 24px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #FF0000;
	text-align: center;
}
.homeDiv a:link, .homeDiv a:hover, .homeDiv a:visited {
	color:#0099ff;
}
#newGames img {
	width: 145px;
	height: 254px;
	border: 0;
	padding: 0;
	margin: 0;
}
img.flashImg {
	width: 66px !important;
	height: 66px !important;
	margin: -20px 15px !important;
	-webkit-animation: burst 1s infinite;
    -moz-animation: burst 1s infinite;
	animation: burst 1s infinite;
}
/*img.flashImg:nth-of-type(1) {
	float:left;
}
img.flashImg:nth-of-type(2) {
	float:right;
}*/
@-webkit-keyframes burst {
    from { color: #3399ff; }
    to { color: #ff3333 }
}

@-moz-keyframes burst {
    from { color: #3399ff; }
    to { color: #ff3333 }
}

@keyframes burst {
	from { opacity:0.0; }
	to { opacity:1.0; }
}
.homeCaption {
	width: 580px;
	height: 80px;
	padding: 5px 0 0 0;
	background-color: none;
	border: #FFFFFF 2px solid;
	font: bold 30px Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #FFFFFF;
	text-align: center;
}
.homeCaption .game {
	width: 145px;
	height: auto;
	float: left;
	text-align: center;
	font: bold 12px Arial, Helvetica, sans-serif; /* 0.8em */
	letter-spacing: 0em;
	line-height: 15px;
	color: #0099FF;
}
#homeColumn {
	width: 100px;
	height: 350px;
	padding: 0;
	margin: 0 0 0 590px;
	border: 0;
	background: 0;
}
.select, .chosen {
	display: block;
	width: 100px;
	height: 60px;
	padding: 0;
	margin: 8px 5px 0 5px;
	border: none;
	background: none;
	overflow: hidden;
}
.select img, .chosen img {
	width: 85px;
	height: 55px;
	padding: 2px 2px 3px 12px;
	margin: 0;
	border: none;
}
.chosen {
	background:url(images/nav/arrowleft.png);
}

#mainContent {
	position:relative;
	width: 930px;
	min-height: 360px;
	margin: 10px auto;
	background: #EBEBEB;
	padding: 5px 0px 0px 2px;
	border: 4px solid #0099FF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#mainimage {
  	width: 200px;
	height: 350px;
	float: left;
	text-align: center;
	z-index: 5;
  }
#mainimage li, #mainimage li a:link, #mainimage li a:visited {
	font: bold 13px Arial, Helvetica, sans-serif; /* 0.8em */
	letter-spacing: 0em;
	line-height: 12px; /*15px*/
	color:#FF0000;
	text-align: left;
	text-decoration: none;
	list-style: none;
	background: #EEEEEE;
	margin: 5px 0;
	padding: 10px;
	border: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#mainimage li a:hover, .current {
	background: #CCCCCC !important;
}

#game1 {
	margin: 0;
	padding: 0;
  }
#photoname {
	position: absolute;
  	width: 200px;
	margin-top: 325px;
	float: left;
	text-align: center;
	background:rgba(255,255,255,0.6); /*url(images/FFF-5px-35percent.png) repeat*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
  }

#centerFrame {
	width: 430px;
	min-height: 350px;
	text-align: center;
	float: left;
	display: block;
  }
#techFrame, .productFrame {
	width: 630px;
	min-height: 320px;
	text-align: center;
	float: left;
	margin: 0;
	display: block;
  }
#categories {
	width: 700px;
	text-align: center;
	float: left;
	display: block;
  }

#navTabs {
	 width: 430px;
	 height: 24px;
	 margin: 0;
	 border: none;
	 text-align: center;
	 float: none;
	}
#techTabs, #partsTabs, #prodTabs1, #prodTabs2, #prodTabs3, #prodTabs4, #prodTabs5, #prodTabs6, #prodTabs7, #prodTabs8, #prodTabs9, #prodTabs10, #prodTabs11 {
	 width: 700px;
	 height: 24px;
	 margin: 0;
	 border: none;
	 text-align: center;
	 float: none;
	}
.tab, .tabActive, #partsTabs .tab, #partsTabs .tabActive {
	width: auto;
	height: 20px;
	background: #CCCCCC;
	border: #999999 1px solid;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	float: left;
	font: bold 10px Arial, Helvetica, sans-serif;  /* 0.7em */
	letter-spacing: 0em;
	line-height: 13px; /* 1em */
	margin: 0;
	padding: 3px 5px 0px 5px;
	}
.tabActive, #partsTabs .tabActive {
	background: #EEEEEE;
	}
#partsTabs .tab	, #partsTabs .tabActive{
	height: 30px;
}
li.cat, li.catActive {
	list-style: none;
}
li.cat a:link, li.catActive a:link, li.cat a:hover, li.catActive a:hover, li.cat a:visited, li.catActive a:visited  {
	width: auto;
	height: 20px;
	list-style: none;
	background: #FFFFFF;
	color: #000000;
	text-decoration: none;
	float: left;
	font: bold 11px Arial, Helvetica, sans-serif;  /* 0.7em */
	letter-spacing: 0em;
	line-height: 13px; /* 1em */
	margin: 0;
	padding: 3px 9px 0px 9px;
	margin: 2px 0px 10px 6px;
	border: #FF0000 1px solid;
	border-bottom: #FF0000 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px 5px;
}
li.cat a:hover, li.catActive a:hover {
	background: #FF0000;
	color: #FFFFFF;
}


#productImages {
	width: 430px;
	background: #EEEEEE;
	border: #999999 1px solid;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-box-shadow: 3px 3px 3px 0 rgba(34,34,34,0.3);
	box-shadow: 3px 3px 3px 0 rgba(34,34,34,0.3);
	text-align: center;
	display: block;
  }
#image1 {
	display: block;
	width: 420px;
	height: 236px;
	padding: 3px 5px 0 5px;
  }
#video1, #video2, #video3 {
	display: none;
	padding: 0 5px;
	margin: 0 auto;
	}
#printDisplay img {
	display: none;
	float: left;
	width: 100px;
  }
#thumbnails {
  	margin: 10px 0;
	text-align: center;
  }
#thumbnails a.thm img {
	width: 40px;
	height: 40px;
	border: #EBEBEB 2px solid;
	margin: 5px 0;
  }
#thumbnails a.thm:hover img {
	width: 45px;
	height: 45px;
	border: #0099FF 3px solid;
	margin: 0 0;
  }

#description, #features, #options, #dimensions {
	width: 420px;
	margin: 0;
	padding: 5px;
	background: #EEEEEE;
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 13px;
	text-align: left;
	display: none;
	border: #999999 1px solid;
	border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-box-shadow: 3px 3px 3px 0 rgba(34,34,34,0.3);
	box-shadow: 3px 3px 3px 0 rgba(34,34,34,0.3);
  }

#tech1, #tech2, #tech3, #tech4, #tech5, #tech6, #tech7, #tech8, #parts1a, #parts1b, #parts1c, #parts1d, #parts1e, #parts1f, #parts1g, #parts1h, #parts2a, #parts2b, #parts3a, #parts3b, #parts4a, #parts4b, #parts5a, #parts5b, #parts6a, #parts6b, .productPage {
	width: 700px;
	margin: 0;
	padding: 5px;
	background: #EEEEEE;
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 13px;
	text-align: left;
	display: none;
	border: #999999 1px solid;
	border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-box-shadow: 3px 3px 3px 0 rgba(34,34,34,0.3);
	box-shadow: 3px 3px 3px 0 rgba(34,34,34,0.3);
  }
#parts1a, #parts1b, #parts1c, #parts1d, #parts1e, #parts1f, #parts1g, #parts1h, #parts2a, #parts2b, #parts3a, #parts3b, #parts4a, #parts4b, #parts5a, #parts5b, #parts6a, #parts6b {
	margin: 10px 0 0 0;
}

.productPage img {
	width: 140px;
	height: 245px;
	margin: 0;
	padding: 0;
  }
.productDiv {
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
	}


#features ol, #options ol, #mp4Option ul, #jewelryOption ul {
	font: 11px Arial, Helvetica, sans-serif;
	margin-left: 15px;
	padding: 0 0 0 10px;
  }
#features li, #options li, #mp4Option li, #jewelryOption li {
	margin: 2px;
	color: #000000;
	font: 11px Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
	line-height: 14px;
	list-style: decimal;
	text-indent: 0px;
  }
#mp4Option li, #jewelryOption li {
	list-style: disc;
}

#relatedLinks {
  	width: 293px;
	height: 350px;
	margin: 0 0 0 637px;
	padding: 0;
	text-align: center;
  }
#relatedLinks h3, #relatedLinks h4 {
	text-align: left;
	line-height: 40px;
	background: #EEEEEE;
	margin: 5px 0;
	border: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
#relatedLinks h3:hover, #relatedLinks h4:hover, #mainimage h3:hover {
	text-align: left;
	line-height: 40px;
	background: #CCCCCC;
	margin: 5px 0;
	border: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
#relatedLinks h4, #relatedLinks h4:hover {
	line-height: 15px;
	}
#relatedLinks img {
	width: 40px;
	height: 40px;
	margin: 0 5px;
	float:left;
	}

.history {
	width:270px;
	 background:#FFFFFF;
	 margin:10px 0 0 635px;
	 border: 2px solid #663300;
	 padding:5px;
	 text-align:center;
	 border-radius: 10px;
	 -webkit-border-radius: 10px;
	 -moz-border-radius: 10px;
	 -webkit-box-shadow: 3px 3px 3px 0 rgba(34,34,34,0.3);
	 box-shadow: 3px 3px 3px 0 rgba(34,34,34,0.3);
}
.customize {
	width:650px;
	 background:#FFFFFF;
     overflow:hidden;
	 margin:10px 0 0 250px;
	 border: 2px solid #000000;
	 padding:5px;
	 text-align:left;
	 border-radius: 10px;
	 -webkit-border-radius: 10px;
	 -moz-border-radius: 10px;
	 -webkit-box-shadow: 3px 3px 3px 0 rgba(34,34,34,0.3);
	 box-shadow: 3px 3px 3px 0 rgba(34,34,34,0.3);
}


#footer {
	padding: 0;
	background: none;
	text-align: left;
}
#footer p {
	margin: 0;
	padding: 10px 0;
	color: #FFFFFF;
	font: 12px Arial, Helvetica, sans-serif; /* 0.8em */
	letter-spacing: 0em;
	line-height: 13px; /* 0.8em */
}
#footer a.mailtoLink {
	margin: 0;
	padding: 10px 0;
	color: #0099FF;
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
	line-height: 13px;
}
#footer ul, #categories ul, #mainimage ul {
	margin: 0;
	padding: 0;
  }
#footer li {
	margin:0 1.0em;
	border:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#0099ff; /*0033ff*/
	padding:0.5em 1.0em;
	color: #000;
	font: 12px Arial, Helvetica, sans-serif; /* 0.8em */
	letter-spacing: 0em;
	line-height: 13px; /* 0.8em */
	float: left;
	list-style: none;
  }
#footer li a:link, #footer li a:visited {
	color: #FFFFFF;
	background: none;
	padding: 0px; /*0.25em*/
  }
#footer li a:hover {
	color: #FFFFFF;
	background:#0099ff; /*0033ff*/
	padding: 0px; /*0.25em*/
	text-decoration: none;
  }
#footer li.plain {
	background:none;
	margin-top:5px;
}

.shadow1 {
	 background: #FFFFFF;
	 margin: 10px 0 0 0;
	 border: 5px solid #FFFFFF;
	 padding: 3px;
	 text-align: left;
	 border-radius: 10px;
	 -webkit-border-radius: 10px;
	 -moz-border-radius: 10px;
	 -webkit-box-shadow: 0px 0px 5px 5px rgba(34,34,34,0.5);
	 box-shadow: 0px 0px 5px 5px rgba(34,34,34,0.5);
}

div.steps1 {
	width: 140px;
	height: 160px;
	background: #66ccff;
	border: none;
	margin: 0;
	padding: 3px;
	font: bold 10px Arial, Helvetica, sans-serif;
	line-height: 12px;
	text-align: center;
	color: #000000;
	float: left;
}
div.boothupgrade li {
	font: bold 11px Arial, Helvetica, sans-serif;
	line-height: 13px;
	text-align: left;
	color: #000000;
	list-style: disc;
	margin: 0px;
}
div.boothupgrade ul {
	margin: 2px 2px 2px 15px;
	padding: 0;
}



/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}



#blanket {    /* blanket & popUpDiv from http://www.pat-burt.com/web-development/how-to-do-a-css-popup-without-opening-a-new-window/ */
	background-color:#111;
	opacity: 0.65;
	filter:alpha(opacity=65);
	position:absolute;
	z-index: 100;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
#popUpDiv, #tellUs {
	position:absolute;
	padding: 10px;
	background-color:#eeeeee;
	width:500px;
	height:450px;
	z-index: 101;
	font: 8px Arial, Helvetica, sans-serif;
	text-align: right;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#bigView, #craneOptions, #craneOptions2 {
	position:absolute;
	padding: 10px;
	background-color:#eeeeee;
	width:500px;
	height:750px;
	z-index: 101;
	font: 8px Arial, Helvetica, sans-serif;
	text-align: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#email, #email2 {
	margin-left: 48px;
}
#name, #name2 {
	margin-left: 90px;
}
#company, #company2 {
	margin-left: 76px;
}
#name3 {
	margin-left: 86px;
}
#company3 {
	margin-left: 70px;
}
#zip, #zip2 {
	margin-left: 22px;
}
#phone, #phone2 {
	margin-left: 46px;
}
#phone3 {
	margin-left: 44px;
}
#product1, #product2, #product3 {
	margin-left: 80px;
}
#game {
	margin-left: 87px;
}
#serial {
	margin-left: 47px;
}
#contactMe, #testimonials, #productLarge, #mp4Option, #jewelryOption, #contactParts, #contactTech {
	padding: 10px;
}
#productLarge {
	width: 450px;
	height: 750px;
	overflow: scroll;
}
#productLarge img {
	width: 400px;
	height: 700px;
}
#contactMe p, #testimonials p, #contactParts p, #contactTech p {
	font: 10px Arial, Helvetica, sans-serif;
	line-height: 14px;
	text-align: left;
}
#contactMe p.fields, #contactMe p.requiredRed, #testimonials p.fields, #testimonials p.requiredRed, #contactParts p.fields, #contactParts p.required, #contactTech p.fields, #contactTech p.required {
	font: bold 10px Arial, Helvetica, sans-serif;
	line-height: 24px;
	text-align: left;
}
#contactMe h2, #testimonials h2, #contactParts h2, #contactTech h2 {
	font: bold 15px Arial, Helvetica, sans-serif; /* 0.8em */
	letter-spacing: 0em;
	line-height: 20px;
	text-align: left;
	color:#000000;
}
.requiredRed {
	color: #FF0000;
	font-weight: bold;
}
#popUpSuccess, #popUpSuccessParts {
	position:relative;
	margin: 100px auto 0 auto;
	display:block;
	padding: 10px;
	background-color:#eeeeee;
	width:500px;
	height:200px;
	z-index: 101;
	font: 10px Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-align: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#popUpSuccessParts {
	height:auto;
}
#popUpSuccessParts p {
	text-align:left;
}
.partsViewer {
	position:absolute;
	padding: 10px;
	background-color:#eeeeee;
	width:900px;
	height:500px;
	z-index: 101;
	font: 8px Arial, Helvetica, sans-serif;
	text-align: right;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.distOffice {
	display:none;
	position:absolute;
	margin:60px 0 0 630px;
	top:0px;
	left:0px;
	width:240px;
	height:265px;
	background:#FFFFFF;
	border:#000000 1px solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 3px 3px 3px 0 rgba(34,34,34,0.3);
	box-shadow: 3px 3px 3px 0 rgba(34,34,34,0.3);
	padding:8px;
	text-align:center;
	z-index:100;
}
.distOffice h2 {
	font: bold 12px Arial, Helvetica, sans-serif; /* 0.8em */
	letter-spacing: 0em;
	line-height: 15px;
	color:#000000;
}
.distOffice p {
	font: 10px Arial, Helvetica, sans-serif;  /* 0.7em */
	letter-spacing: 0em;
	line-height: 12px; /* 1em */
	margin:0 18px;
	text-align:left;
}
div.vidthumb {
	width:172px;
	margin:10px 7px;
  	border-radius:10px;
	float: left;
	overflow:hidden;
	box-shadow: 0 0 5px 5px rgba(255, 255, 255, 0.8);
}
div.vidthumb p {
	text-align: center;
	color: #fff;
	position: relative;
	width: 158px;
	margin: 26px 7px -75px 7px;
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
	text-shadow: 0 0 10px #000;
	z-index: 150;
}
img.vidthumb {
	width:100%;
}
div.vidthumb a:hover {
	text-decoration: none;
}
.overshade {
	width: 172px;
	height: 129px;
	background-color: #000;
	opacity: 0.33;
	position: absolute;
	border-radius: 10px;
}
.ui-state-default {
	border-radius:5px;
  border:#000 1px solid;
  padding:3px;
	margin:0 5px;
  background:#58e8fa;
  color:#000;
  font-weight:bold;
	cursor: pointer;
}
.ui-dialog-titlebar {
	display:none;
}
.ui-widget-overlay {
	background:#000;
	opacity:0.5;
	position:absolute;
	top:0;
}
.ui-dialog {
	border:#fff 1px solid;
	overflow:visible !important;
}
.ui-dialog-buttonpane {
	position:absolute;
	width:100%;
	top:-30;
	z-index:1500;
	text-align:center;
}

/*  horizontal image rotation - http://jsfiddle.net/AB277/7/  */
.imageRotateHorizontal{
    -moz-animation: spinHorizontal 0.5s infinite linear;
    -o-animation: spinHorizontal 0.5s infinite linear;    
    -webkit-animation: spinHorizontal 0.5s infinite linear;
    animation: spinHorizontal 0.5s infinite linear;
}
@-moz-keyframes spinHorizontal {
    0% {
        -moz-transform: rotateY(360deg);
    }
    100% {
        -moz-transform: rotateY(0deg);
    }
}
@keyframes spinHorizontal {
	0% { 
        transform: rotateY(360deg); 
	}
    100% {
        transform: rotateY(0deg);
    }
}
@-ms-keyframes spinHorizontal {
	0% { 
        -ms-transform: rotateY(360deg); 
	}
    100% {
        -ms-transform: rotateY(0deg);
    }
}
@-o-keyframes spinHorizontal {
	0% { 
        -o-transform: rotateY(360deg); 
	}
	100% { 
        -o-transform: rotateY(0deg); 
	}
}
@-webkit-keyframes spinHorizontal {
	0% { 
        -webkit-transform: rotateY(360deg); 
	}
	100% { 
        -webkit-transform: rotateY(0deg); 
	}
}


/* news ticker crawl - http://www.html.am/html-codes/marquees/css-scrolling-text.cfm */
#crawl {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	width:800px;
	height:25px;
	margin-left:110px;
}
.scroll-left {
	 overflow: hidden;
	 position: relative;
}
.scroll-left p {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 margin: 0;
	 font-size:12px;
	 text-align: center;
	 /* Starting position */
	 -moz-transform:translateX(100%);
	 -webkit-transform:translateX(100%);	
	 transform:translateX(100%);
	 /* Apply animation to this element */	
	 -moz-animation: scroll-left 15s linear infinite;
	 -webkit-animation: scroll-left 15s linear infinite;
	 animation: scroll-left 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}

<div class="scroll-left">
<p>Scroll left... </p>
</div>



/* Flexible layout for devices with small screens - ex. 480x320 - explained @ http://www.alistapart.com/articles/responsive-web-design/
@media (max-width: 480px) {
	#container,
	#sidebar1,
	#mainContent,
	#footer {
    float: none;
    width: auto;
	margin: 0;
  }
    #smartlogo {
	height:auto;
  }
}
/* Flexible layout for devices with large screens - ex. 1920x1200 - explained @ http://www.alistapart.com/articles/responsive-web-design/
@media (min-width: 950px) {
	#container {
  	width: 950px;
  }

	#smartlogo {
  	width: 100px;
  }
	#smartname {
  	width: 600px;
  }
	#pagename {
  	width: 200px;
  }
    #navtop {
  	width: 850px;
  }

}
*/


/*  http://www.css3.info/preview/rounded-border/  */
/*  http://davidwalsh.name/css-rounded-corners  */
/*  http://www.css3.info/preview/box-shadow/   box-shadow is x offset, y offset, blur, spread, rgba(last value is alpha)  */
/*  http://www.css3.info/preview/box-shadow/   box-shadow is x offset, y offset, blur, spread, rgba(last value is alpha)  */