html {
  	overflow: -moz-scrollbars-vertical;
	height: 100%;
}

body {
	margin: 0px;
	background-image: url(../images/flag.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-family: "arial", verdana, sans-serif;
	height: 100%;
}

a:link {
	color: #1467b2;
	text-decoration: none;
	font-family: arial, verdana, sans-serif;
}
a:visited {
	text-decoration: none;
	color: #1467b2;
	font-family: arial, verdana, sans-serif;
}
a:hover {
	text-decoration: underline;
	color: #CC0033;
	font-family: arial, verdana, sans-serif;
}
a:active {
	text-decoration: none;
	color: #CC0033;
	font-family: arial, verdana, sans-serif;
}

hr {
	background-color: #1D62AF;
}

img.home {
	float: left;
	margin-right: 50px;
	margin-bottom: 20px;
}
img.mission {
	float: right;
	margin-bottom: 20px;
	margin-left: 50px;
}

img.embroidery {
	float: left;
	margin-bottom: 20px;
	margin-right: 50px;
}
img.contact {
	float: right;
	margin-bottom: 20px;
	margin-left: 50px;
}

img.right {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
}

img.left {
	float: left;
	margin-bottom: 10px;
	margin-right: 20px;
}


/* ------------------------------------------ global ----------------------------------------- */

p {
	word-spacing: .2em;
	line-height: 1.4em;
	letter-spacing: .02em;
}

#container {
	width: 860px;
	min-height: 100%;
    margin: 0px auto;
	padding: 1px 40px;
	background-image: url(../images/container-shadow.png);
}

/* ------------------------------------------ head ----------------------------------------- */

div#header {
}

div#header img#logo{
float: left;
border: none;
margin: 6px 0px 0px 0px;
}

div#header h1 {
padding: 0px;
font-size: 1.8em;
margin: 14px 0px 10px 0px;
float: right;
white-space: nowrap;
}

div#header p {
float: right;
margin: 0px 0px 10px 0px;
}

div#header p.address {
width: 210px;
margin: 0px 40px 0px 0px;
}

div#header p.quote {
width: 290px;
}

/* ------------------------------------------ nav ----------------------------------------- */

div#nav {
}

div#nav ul {
margin: 0px;
background-color:#1467b2;
height: 24px;
padding: 0px;
text-align: center;
border-bottom:  1px solid #555555;
border-right:  1px solid #555555;
}

div#nav ul li {
display: inline;
background-image: url(../images/nav-star.png);
background-position: left;
background-repeat: no-repeat;
Padding: 10px 20px 10px 40px;
}

div#nav ul li.first {
background-image: none;
padding-left: 0px;
}

div#nav ul li.last {
padding-right: 0px;
}

div#nav ul li a {
color: #FFFFFF;
line-height: 24px;
padding: 2px 5px;
font-size: 18px;
}

div#nav ul li a:hover {
text-decoration: underline;
}

div#nav ul li a.active {
text-decoration: underline;

}

div#nav ul li a.active:hover {
text-decoration: underline;
cursor: default;
}

/* ------------------------------------------ page content ----------------------------------------- */

#page_content {
	clear: both;
	width: 730px;
	margin-right: auto;
	margin-left: auto;
}

div#page_content {
padding-top: 20px;
}

#page_content h1 {
font-size: 1.3em;
margin: 10px 0px;
}

#page_content p {
margin: 10px 0px;
}

/* ---------------- page (this is the same as page content but after redsign and not as wide  ----------------- */

div#page {
padding-top: 20px;
}

#page h1.first {
margin-top: 0px;
}

#page h1 {
font-size: 1.3em;
margin: 15px 0px;
/* border-bottom: 1px solid #000;
width: 650px; */
}

#page h2 {
font-size: 1.1em;
margin: 15px 0px;
/* border-bottom: 1px solid #000;
width: 650px; */
}

#page p {
margin: 10px 0px;
}


/* ------------------------------------------ footer ----------------------------------------- */

div#footer {
clear: both;
}

#footer {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#footer p {
float: right;
}

div#footer hr { 
height: 10px;
border-bottom:  1px solid #555555;
border-right:  1px solid #555555;
background-color: #1D62AF;
}

div#footer img.bbb {
float: right;
clear: right;
margin-bottom: 0px;
}

div#footer img.jesus-fish {
margin-top: 8px;
}

div#footer br {
clear: both;
}

/* ------------------------------------------ home page ----------------------------------------- */


/* ------------------------------------------ screen printng page ----------------------------------------- */
img.print-example {
margin: 0px 20px 20px 0px;
float:left;
clear: left;
padding: 2px;
border: 1px solid #000;
width: 75px;
height: 75px;
}

div#screen-printed-examples img {
border: none;
margin: 3px 12px;

}

div#screen-printed-examples iframe#iframe {
	float: right;
	width: 266px;
	height: 316px;
	overflow: hidden;
	border: none;
	margin: 0px 40px 0px 25px;
}

iframe{
border: none;
overflow: hidden;
}
/* ------------------------------------------ side module ----------------------------------------- */

div.side-module {
width: 160px;
background-color:#FFFFFF;
border: 1px solid #000;
padding: 10px;
margin: 10px 0px 40px 20px;
}

div#module-container {
float: right;
}

div#module-container div.side-module h2 {
font-size: .8em;
margin: 0px 0px 10px 0px;
font-weight: bold;
text-align: justify;
}

div#customer-quote p {
font-style: italic;
font-size: .8em;
text-align: justify;
}

div#module-container div#social-networking {

}

div#module-container div#social-networking a {
font-size: .8em;
}

div#module-container div#social-networking img {
margin: 0px 10px 30px 0px;
border: none;
float: left;
clear: left;
}

div#module-container div#social-networking p {
line-height: 1em;
margin-top: -5px;
padding-bottom: 5px;
padding-top: 5px;
}


/* ------------------------------------------ tour page ----------------------------------------- */

iframe#iframe-tour {
float: right;
margin: 20px 0px 20px 20px;
}

div.tour-page p {
margin-left: 20px;
}

div.tour-page img{
float: left;
border: none;
margin: 10px 20px 10px 0px;
}

/* ------------------------------------------ team page ----------------------------------------- */

div.team {
	float: left;
	width: 400px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin: 10px 10px 25px;
}

img.team {
	float: left;
	margin:  0px 20px 40px 0px;
}

div#shop-tour img {
border: none;
margin: 10px;
}

div#google-maps{
float: right;
margin:0px 0px 20px 20px;
text-align: center;
font-size: 12px;
}

div#google-maps img {
border: 1px solid #cedce7;
}

