/*

Maroon: #7E1416

*/

html, body {
	margin: 0;
	padding: 0;
	background-color: #e5e5e5;
	text-align: left;
}


/****** Layout **********/
#wrap
{
    background-color:White;
}

#contact
{
    background-color:#7E1416;
    padding:10px;
    margin-top:60px;
    color:White;
    font-size: 16px;
    font-weight:bold;
    text-align:center;
}

#slidetop
{
    background-image: url(../images/layout/slide-top.png);
    background-repeat:repeat-x;
    height:31px;
}

#slides
{
    margin:0 auto;
    position: relative;
    top: 0;
    left: 0px;
    height:364px;
}

div.phrase
{
    z-index: 10;
    position:absolute;
    left:530px;
    top:200px;
    background-image: url(../images/layout/phrase-back1.png);
    background-repeat:repeat-x;
    height:100px;
    width:430px;
    font-size:18px;
    font-weight:bold;
    font-style:italic;
    color:Black;
    line-height:100px;
    text-align:center;
}

#menu
{
    height:49px;
    background-image: url(../images/layout/menu-back.png);
    background-repeat:repeat-x;
}

#training
{
    padding:0 10px 0 10px;
    background-color:#ECECEC;
}

#hirecso
{
    border: solid 1px black;
    padding:10px;
    text-align:center;
    margin:20px 10px;
    background-color:White;
}

#footer
{
    height:55px;
    line-height:55px;
    color:White;
    background-color:#7E1416;
}

#logo
{
    width:380px;padding:20px 0 0 20px;
}

#content-wrap {
	padding: 0 10px 20px 10px;
}

/******Links************************/
a
{
    color:#7E1416;
}

a.MenuLink, a.MenuLink:visited, a.MenuLink:active
{
    line-height:49px;
    height:49px;
    text-decoration:none;
    color:White;
    font-size:16px;
    display:inline-block;
    background-image: url(../images/layout/menu-bullet.png);
    background-repeat: no-repeat;
    padding: 0 20px 0 26px;
}

a.MenuLink:hover
{
    color:#7E1416;
    background-color:White;
    background-image: url(../images/layout/menu-bullet-over.png);
}

#yastech a {
font-size: 80%;
font-weight: normal;
text-decoration: none;
width: 130px;
float: right;
text-align: right;
display: block;
padding: 10px 80px 5px 15px;
background-image: url(http://cdn.yastech.ca/marketing/footers/yastech.png);
background-position: right center;
background-repeat: no-repeat;
color: #5d5d5d;
}

/********Heading and other text styles**********/
h1
{
    font-style:italic;
    font-weight:bold;
    font-size:22px;
    color:#B67818;
}

h2
{
    font-style:italic;
    font-weight:normal;
    font-size:20px;
    color:#B67818
}

.italicblack
{
    font-size:16px;
    font-weight:bold;
    font-style:italic;
}


.bigbold
{
    font-size:20px;
    font-weight:bold;
}

.mediumbold
{
    font-size:16px;
    font-weight:bold;
}

.maroon
{
    color:#7E1416;
}

/* ========== */
/* = Photos = */
/* ========== */

.product-photos {
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
}

.product-photos li {
	list-style: none;
	float: left;
}

.product-photos li a {
	
	margin: 10px;
	padding: 5px;
	background-color: white;
	border: 1px solid #DCDCDC;
	display: block;
}

/* ========= */
/* = FORMS = */
/* ========= */

form .field label {
	float: left;
	width: 150px;
	text-align: right;
	padding: 4px 0 0 0;
}

form .field input,
form .field textarea,
form .field select {
	padding: 2px;
	margin-left: 15px;
}

form .field {
	padding: 10px 0;
}

form#login_form .field label {
	width: 100px;
}

form .button {
	text-align: right;
	width: 275px;
}

form#contactform .button {
	width: auto;
	padding-top: 15px;
	border-top: 1px solid #ccc;
	margin-top: 10px;
	margin-right: -15px;
	padding-right: 15px;
}

form#contactform .field input,
form#contactform .field textarea,
form#contactform .field select {
	width: 250px;
}

form#contactform .field textarea {
	height: 90px;
}

.fields {
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
	top: -15px;
}

label.error, .red {
	color: #FF0000;
}