body {
	background: #fff;
	font-family: calibri,helvetica,arial,sans-serif;
	font-size: 1.1em;
    line-height: 1.3em; /*1em*/
	color: #555; /*333   989898*/
	margin: 0;
	padding: 0;
	
			-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
	}

/* 

dark grey 616161

copy color: #5F5F5F;


blue: 101460
org: ff6600

old:
#fab84f orange 

alt F3C751

#3c2d7c blue 

006bb2

006bb2
*/	
h1, h2, h3 {
	font-weight: normal;	
	/* 101460 003399 407462*/
	}		
	
h2 {
	font-size: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	}	
		
h1, h2.home {
	font-size: 110%;
	margin: 0;
	padding: 0 0 0px 0;
	}	
h2.inline {
	display:inline;
	}
h3 {
	font-size: 100%;
	margin: 0 0 -10px 0;
	padding: 0;
	}	
	
img {
	border: 0;
	display: block;
	}	
a:link, a:visited {
	color: #006bb2; /* 0000d3 2545a5 003399 */
	text-decoration: none;
	}
a:hover, a:active {
	text-decoration: underline;
	}		
.order-link, a.content-links /*#content a */ {
	font-weight: bold;
	}
a.hdr-tel, a.tel-link {
	cursor: default;
	color: #555 !important;
	text-decoration: none;
	}
a.buttonized {
	background-color: #ff6600;
	/*border: 2px solid #ff6600;*/
	padding: 2px 6px;
	}
a.buttonized {
	color: #fff;
	}
/* layout
---------------------------------------------- */

#wrapper {
	margin: 100px auto;
	margin-bottom: 10px;
	width:350px;
	text-align: center;

}
#content {
	margin: 0;
	padding: 25px 0 0 0;
	text-align: center;
} 
div#outerwrap {
	padding-top: 16px;
	padding-bottom: 10px;

	
	}
	/*
div#wrapper {
	background: #fff url('/images/bg-sides.jpg') 0 0 repeat-y;
	margin: 0 20px;
	
	-moz-box-shadow: 0 0 6px #888;
-webkit-box-shadow: 0 0 6px#888;
box-shadow: 0 0 6px #888;

	}

	*/

div#header {
	margin: 0 0 14px 0;
	padding: 0;
	}

div#header div#logo-left {
	float: left;
	margin: 0;
	padding: 30px 0 0 0;
	width: 290px;
	vertical-align: middle;	
	}
div#header div#tag {
	float: left;
	margin: 0;
	padding: 0 0 0 12px;
	width:180px;
	border-left: 1px #ff6600 solid;
	}	
div#header div#tag, div#header div#tag h1 {
/* styles for font, h1 used within tag on home page only */
	color: #555;
	font-weight: normal !important;	
	font-size: 108%;
	}	
div#header div#tag h1 {
/* styles for font, h1 used within tag on home page only */
	font-size: 99% !important;
	}	
div#header div#top-contact {
	float: right;
	font-size: 80%;
	text-align: right;
	margin: 0;
	padding: 0;
	}	
div#header div#top-contact ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
div#header div#top-contact ul li {
	display: block;
	text-align: right;
	margin: 0;
	padding: 0 0 3px 0; 
	}	
	
#nav2 {
    display: block;
/* 	background-color: #ff6600;	
	text-align: center; */
   	margin: 0;
	/* margin: 10px auto 0; */
	padding: 2px 0;
	min-height: 22px;
	/*border-top: 1px #ff6600 dotted; */
	
	}
	
#nav2 ul {
    display: block;
	font-size: 90%;   
	margin: 0 6px 3px 0;
	padding: 0;
   
	font-weight: normal;
	  /*margin: 0 auto;
	text-align: center;
	*/
    list-style:none
	}

#nav2 ul li {
    display: inline;
	margin: 0;
	padding: 0 16px;
	}
#nav2 ul li a, nav ul li a:visited, nav ul li a:active {
    position: relative;
    text-decoration: none;
	}	
	
#nav2 ul li a, nav ul li a:visited, nav ul li a:active {
    position: relative;
	color: #ff6600;
    text-decoration: none;
	}


	
#nav2 ul li a:hover, nav2 ul li a:focus {
	color: #006BB2;
	/*text-decoration: underline;
    border-bottom: 2px solid #ff6600;	*/
	}
div#nav2 ul li span {
	color: #006BB2;
	/*border-bottom: 2px solid #ff6600;	*/
	}
#nav2 ul li.first {
    padding-left: 0;
	}

#nav2 ul li.last {
	padding-right: 0;
	}


	
	
/*  #Mobile (Portrait)
================================================== */
    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {


div#header div#logo-left {
	float: none;
	padding: 0 0 0 0;
	margin-bottom: 10px;
	
	}
div#header div#tag {
	float: none;	
	margin: 0;
	padding: 6px 0 0 0;
	width:100%;
	border-top: 1px #ff6600 solid;
	border-left: none;
	}	
div#tag h2 {
	color: #555;
	font-weight: normal;
	}
div#header div#top-contact {
	float: none;
	text-align: left;
	}			
div#header div#top-contact ul li {
	float: none;
	display: inline;
	text-align: left;
	padding-right: 10px; 
	}	

#nav2 ul {
    display: block;
	text-align:center;
	border-bottom: 1px #ff6600 solid;
	}
#nav2 ul li {
    display: block;
	color: #fff;
	margin: 0;
	padding: 0 0 6px 0;
	}	
	/*
#nav2 ul li.last {
	padding-bottom: 0;
	}	
	*/
}


	
/* #Images
================================================== */
/*
	The purpose of the below declaration is to make sure images don't 
	exceed the width of columns they are put into when resizing window. 
	Unfortunately, this declaration breaks certain lightbox, slider or other plugins,
	so the best solution is to individually call these properties on images that 
	are children of the grid that you want to resize with grid. 

	img { 
		max-width: 100%;
		height: auto; }
 
*/	


/* ---------- */		


	
div#footer {
	/*background: #fff url('/images/bg-bottom.jpg') 0 0 no-repeat;*/
	font-size: 78%;
	margin: 30px 0 0 0;
	padding: 4px 0 0 0;
	border-top: 1px #ff6600 solid;
	}

div#footer ul {
	margin: 0;
	padding: 0;
	}	
div#footer ul li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}
div#footer ul li a, div#footer ul li span {
	margin: 0 14px 0 0;
	}
div#footer ul li.highlight {
	text-align: right;
	}
div#footer ul li.highlight a {
	margin-right: 0;
	}	

div#footer div#social {
	margin: 10px 0 0 0;
	
	}
div#footer div#social span {
	}	
div#footer div#social img {
	display: inline;
	vertical-align:text-top;
	}	
	
/* Home page
-----------------------------------------------*/
.service-info p {
	/*float: left;*/
	}
.service-info img {
	float: right;
	padding: 0 0 20px 20px;
	}
	
/* Contact page
-----------------------------------------------*/

form div {
	margin: 0 0 22px 0; 
	}
label {
	display: block;
	padding: 0 0 2px 0;
	}

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
	display: block;
	background: #fff;
	color: #555;
	margin: 0;	
	padding: 6px 4px;
	width: 260px;
	max-width: 100%;
	outline: none;	
	border: 1px solid #ff6600;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font: 14px calibri,helvetica,arial, sans-serif;
	
	}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	border: 1px solid #aaa;
	color: #444;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
	min-height: 100px; 
}
	
/* --buttons -- */	
.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
	font-size: 18px !important;
	padding: 6px 20px !important;
	-moz-box-orient: vertical;
	background: #0082D9;
	background: -moz-linear-gradient(#0082D9, #006BB2) repeat scroll 0 0 #0082D9;
	background: -webkit-linear-gradient(#0082D9, #006BB2) repeat scroll 0 0 #0082D9;
	background: -o-linear-gradient(#0082D9, #006BB2) repeat scroll 0 0 #0082D9;
	background: linear-gradient(#0082D9, #006BB2) repeat scroll 0 0 #0082D9;
	border: 1px solid #006bb2;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #FFFFFF !important;
	display: inline-block;
	font-family: "Helvetica Neue",calibri,helvetica,Arial,sans-serif;
	font-weight: bold;
	line-height: 1 !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	margin: 1px 0 0 0;
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
	width:272px;
	}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	background: -moz-linear-gradient(#0082D9, #006BB2) repeat scroll 0 0 #0082D9;
	background: -webkit-linear-gradient(#0082D9, #006BB2) repeat scroll 0 0 #0082D9;
	background: -o-linear-gradient(#0082D9, #006BB2) repeat scroll 0 0 #0082D9;
	background: linear-gradient(#0082D9, #006BB2) repeat scroll 0 0 #0082D9; 
	}





/* General styles
------------------------------------------------*/
	
ul {
	list-style-type: circle;
	margin-left:0;
		padding-left:20px;
	}
ul li {
	margin-left:0;

	}
	
ul li ul {
	list-style-type: none;
	}	
	
	
img.service {
	float: right;
	}
	
/*

a:link, a:visited, a:hover, a:active {
	color: #2E5092;
	text-decoration: underline;
	}	
	
a:visited {
	color: #666;
	}	
	
a:hover {
	text-decoration: none;
	}		
	
span#toplinks { 
	font-size: 10px;
	color: #2E5092;
	}
	
span#toplinks a:link, span#toplinks a:visited, span#toplinks a:hover, span#toplinks a:active {
	font-size: 10px;
	text-decoration: none;
	}
*/

#page-moved {
	margin: 40px 0 0 0;
	text-align: center;
	}
/*
.top { 
	font-size: 10px;
	color: #FAB84F;
	}
	
.top a:link, .top a:visited, .top a:hover, .top a:active {
	font-size: 10px;
	text-decoration: none;
	}	
*/	
.bottom-nav a:link, .bottom-nav a:visited, .bottom-nav a:hover, .bottom-nav a:active {
	font-size: 10px;
	}
.highlight {
	color: #ff6600;
	font-weight: bold;
	}
.highlight img {
	display: inline;
	}
.note {
	font-size: 90%;
	}
.nowrap {
	white-space: nowrap;
	}
.notop {
	margin-top: 0px;
	padding-top: 0;
	}
.moretop {
	margin-top: 250px;
	}
	
.nobot {
	margin-bottom: 0;
	padding-bottom: 0;
	}

clear-right {
	clear: right;
	}

	
	.sidebumps {
	margin-left: 20px;
	margin-right: 20px;
	}
	
.profile-pic {
	float: left;
	margin: 0 25px 25px 0;
	display:inline;
	}
#madein {
	font-size: 90%;    
	color: #ff6600;	
}

/* clear fix - apply the clearfix class to any element which acts as a container for floats
-------------------------------------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
.clearfix {
    display: inline-block;
	}
	/* Hides from IE-mac \*/
	.clearfix {
		display: block;
		}
	* html .clearfix {
		height: 1px;
		}
	/* End hide from IE-mac */

/* png hack for ie
----------------------------------------------------------
* html img.png, * html input.png {
	visibility: hidden;
	behavior: url('../scripts/pngbehavior.htc');
	}
*/