<img src="../images/bag_img.png" width="500" height="500" alt="" border="0">/* Copyright (c) 2010 CoffeeCup, All rights reserved - http://www.coffeecup.com/

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


/* Reset v1.0 | 20080212 - http://meyerweb.com/eric/tools/css/reset/

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


html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}


body {

	line-height: 1;

}


ol, ul {

	list-style: none;

}


blockquote, q {

	quotes: none;

}


blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}


/* remember to define focus styles! */

:focus {

	outline: 0;

}


/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}


del {

	text-decoration: line-through;

}


/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}


/* Reset for HTML 5 Elements

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


/* tells browsers that don't read html 5 tags to render like divs */

header, footer, aside, nav, article, section, address {

	display: block;

	margin: 0;

	padding: 0;

}


/* clears containers with floated elements, no need for extra markup! */

.clear:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}


/* Type

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


@import url(http://fonts.googleapis.com/css?family=Rye);

html {

	font-size: 16px;

}


body {

	color: #555;

	font: 75%/1.5em Times New Roman, serif;;

}


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

	color: #96673e;

	font: 2em/1em Times New Roman, serif;

}


h1 {

	font-family: 'Rye', cursive;

}


h2 {

	font-family: 'Rye', cursive;

	color: #96673e;


}


h3 {

	color: #96673e;

	font-size: 2em;

	font-weight: bold;

}


h4 {

	font-size: 1.5em;

    color: #c2a300;

    font-weight: bold;

}


h5 {

	font-size: 1.5em;

    color:grey;

	font-weight: bold;

    padding-left: 2em;

}


h6 {

	font-size: 1.5em;

    color: #c2a300;

    font-weight: bold;

}


p {

	color: #000;

	font-family: Times New Roman, serif;

	font-size: 1.5em;

	line-height: 1.5em;

	text-align: left;

}


ul {

	list-style: disc;

	color: #333;

	font-size: 1.2em;

	font-weight: normal;

	line-height: 1.3em;

}


ol, ol.lowerRoman, ol.upperAlpha {

	list-style: decimal;

	color: #96673e;

	font-size: 1.0em;

	font-weight: normal;

	line-height: 1.3em;

}


ol.lowerRoman {

	list-style: lower-roman;

}


ol.upperAlpha {

	list-style: upper-alpha;

}


strong, b, .b {

	color: #c2a300 !important;

	font-weight: bold;

}


a {

	color: #333;

	text-decoration: none;

}


a:link {

	color: #333;

	outline: none;

	text-decoration: none;

}


a:visited {

	color: #333;

	outline: none;

	text-decoration: none;

}


a:hover {

	color: #c2a300;

	text-decoration: underline;

}


a:active {

	color: #E49561;

	outline: none;

	text-decoration: none;

}


a:focus {

	outline: 1px dotted;

}


.more {

	text-decoration: underline !important;

}


/* Spacing

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


h1, h2, h3, h4, h5, {

	padding-bottom: 3px !important;

}

h6 {

	padding-bottom: 3px !important;

    padding: 5px 2.08333%;

}

hr {

	border: 0 #ccc solid;

	border-top-width: 1px;

	clear: both;

	height: 0;

}


p {

	margin-right: 10px;

	padding: 5px 2.08333%;

}


blockquote {

	margin-right: 10px;

	padding: 5px 0 20px 0;

}


ul, ol {

	margin-left: 25px;

	padding-left: 0;

}


li {

	margin-bottom: 15px;

	margin-left: 15px;

}


p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {

	margin-bottom: 10px;

}


/* Layout

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


html {

	background: url(../images/background.jpg);

    background-color:938342;

	text-align: center;

}


body {

	background:  none;

	margin-bottom: 20px;

	width: 80.45%;

	margin: 0 auto;

	border: none;

}


#logoImg {

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

    background-repeat: no-repeat;

    background-position:center;

	width: 100%; /*381px;*/

	height: 226px;

	border: none;

    padding-top:5px;


}


#SocialLine {

    clear:both;

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

    background-repeat: no-repeat;*/

   
    text-align:right;

   /* position:right;*/

	width: 98%; /*381px;*/

	height: 71px;

	border: none;

    padding-top:5px;

   
}


#logo h1, #logo h2 {

	color: #555;

	font-size: 3em;

	line-height: 1em;

	text-align: center;

}


#logo h2 {

	font-size: 2em;

}


#logo h1 span, #logo h2 span {

	display: block;

	position: absolute;

	top: 2px;

	right: 0;

	width: 124px;

	z-index: 9;

    
}


#logo h2 span {

	top: 0 !important;

	z-index: 10 !important;

}


header {

	height: 200px;

	background: url(../images/body_bg.png);

    width: 100%;

	border: none;

   
}


header h1 {

	color: #333;

	font-size: 1.6em;

	text-align: center;

	border: none;

    
}


header h1 span {

	color: #6F856C;

	display: block;

	float: right;

	padding-right: 5px;

    width: 300px;

	border: none;

}


#headTxt {

	color: #000 !important;

	font-size: 4em;

	line-height: 0.3em;

	text-transform: capitalize;

	width: auto !important;

}


nav ul {

	/*background: url(../images/nav_bar_bg.png) repeat-x;*/

	background:#4264A8;

	border: 2px solid #fff;

	border-left: none;

	border-right: none;

	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);

    list-style: none;

	width: 100%;

	margin-left: 0;

	text-align: center;

}


nav ul li {

	display: inline;

	/*margin: 3px 1.04% 5px 1.04%;*/

	padding:0;

	border: none;

}

nav ul li a {

	margin: 10px;

  color: #FFFFFF !important;

	font-size: 0.9em;

	font-weight: normal;

	letter-spacing: 0.1em;

	text-transform: uppercase;

  display:inline-block;

	padding: 5px 1.04% 5px 1.04%;

	font-family: Times New Roman, serif;

	white-space: nowrap;


	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	-o-border-radius: 3px;

	border-radius: 3px;


	-webkit-transition: background 0.2s ease-in-out;

	-moz-transition: background 0.2s ease-in-out;

	-o-transition: background 0.2s ease-in-out;

	transition: background 0.2s ease-in-out;

}

nav ul li a:hover {

	background: rgba(0, 0, 0, 0.3);

	text-decoration: none;

}


nav ul li a.selected {

	color: #fff !important;   

}


nav ul li a.selected:hover {

	color: #FFF !important;

}


#mainRight {

    background: url(../images/body_bg.png) repeat;

    width: 100%px;

	text-align: left;

    padding-bottom:10px;

}


.columns {

	
	border: none;

    display: block;

    width: 100%;

    margin-top: 20px;

    margin-bottom: 20px;

    }


.columns img {

	width: 100%

}

.colLeft {

	float: left;

	width: 46.875%;

	border: none;

    padding-left:4%;

}


.colthin {

	float: left;

	width: 250px;

	border: none;

    padding-left:2.0%;

}


.colwide {

	float: right;

	width: 43..75%;

	border: none;

    padding-right:2.08333333%;

}


.colRight {

	float: right;

	width: 46.875%;

	border: none;

    padding-right:2.0%;


}


.col1 {

	float: left;

	width: 29.166%; /* 210/960 */  /* prev code 21.875- 4 columns */

	border: none;

    margin-bottom: 10px;

    margin-right: 3.125%;  /* prev code 2.08333- 4 columns */

    padding-left: 3.125%;

}


.col2 {

	float: left;

	width: 29.166%;

	border: none;

    margin-right: 3.125%;

}


.col3 {

	float: left;

	width:  29.166%;

	border: none;

    margin-right: 0 px;

}

.col4 {

	float: left;

	width: 21.875%;

	border: none;

    margin-right: 0px;

}

.col1 img, .col2 img, .col3 img, .col4 img {

	width: 100%;

}


#signature {

	margin-bottom: 5px;

    margin-right: 10px;

	text-align: right;

}

address {

	padding: 2.08333333%;

	color: #555;

}


footer {

	clear: both;

	/*background: url(../images/footer_bg.png) no-repeat;*/

	background:#4264A8;

	border: 2px solid #fff;

	border-left: none;

	border-right: none;

	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);

    height: 30px;

	padding-top: 9px;

}


footer p {

	float: left;

    margin-left: 3.125%;

    margin-top: 0px;

 	font-size: 1em;

    color: #FFFFFF;

	border: none;

}


footer ul {

	float: right;

	list-style: none;

	width: 50%;

	padding-top: 2px;

	text-align: right;

    margin-right: 3.125%;

    margin-top:0px;

	border: none;

}


footer ul li {

	display: inline;

	margin: 0 5px;

	border: none;

}


footer ul li a {

	font-size: 1.em;

    color: #FFFFFF;

}


footer ul li a:hover {

	color: #fff;

}


#shoponline {

	/*width: 251px;

	height: 31px;

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

*/

	/*float: center;

	margin: 30px 0 30px 35.9375%;

*/

	/*text-indent: -9999px;

*/

	font-family: 'Rye', cursive;

	font-size: 2.2em;

	outline: 0;

	text-align: center;

}

 
 #shoponline a:hover {

    /*background-image: url('../images/shop_button_hov.png');

*/

	 color: 

  }

  @media screen and (max-width: 900px)

{	

	nav ul li {

		display:block;

		text-align: center;

		margin: 0;

	}

	nav ul li a {

		width: 80%;

	}

	.col1, .col2, .col3, .col4 {

		float: none;

		width: 100%;

		padding: 1.5625%; /* 15/960 */

		margin: 0;

	}

	.col1 img, .col2 img, .col3 img, .col4 img {

		float:left;

		width: 35%;

		margin:0;

		padding-right: 1.5625%; /* 15/960 */

	}

	footer {

		height: inherit;

	}

	footer p {

		float: none;

		text-align: center;

		font-size: 1.2em;

	}

	footer ul {

		float: none;

		width: 100%;

		text-align: center;

		margin: 5px 0;

	}

	footer nav li {

	
	}

}

@media screen and (max-width: 480px)

{

    
    #shoponline {

		margin:30px 5%;

	}

	.colLeft {

		float: none;

		width: 100%;

		border: none;

	    padding:4%;

	}

	.colRight {

		float: none;

		width: 100%%;

		border: none;

	    padding: 4%;

	}

	.colwide {

		float: none;

		width: 100%;

	}

}