/******************* GLOBAL STANDARDS *******************/
* body { font-family: 'Lato', sans-serif; font-weight: 300; font-size: 100%; line-height: 1.25em; letter-spacing: 0.04em; background-color: #65c8c6; }
* #header_wrapper { width: 100%; max-width: 960px; height: 100%; }
#body_text { height: 100%; width: 940px; min-height: 400px; font-size: .90em; text-align: justify; padding: 20px 10px 20px 10px; background-color: #65c8c6; }
#one_text { margin: 40px 15px 20px 15px; }

/******************* LOG IN *******************/

#login { width: 900px; margin-left: 15px; }
#login h2 { font-family: 'Lato', sans-serif; font-weight: 300; }
/*#login_form { width: 900px; height: 200px; margin: 10px 0px 0px 0px; position: relative; border: 1px solid #000;} */
.thank_you { width: 900px; min-height: 40px; font-size: .9em; color: #000; margin-top: 10px; line-height: 1.2em; }
#label { width:60px; font-size:12px; line-height:24px; font-weight:bold; }
#email { display: block; width: 300px; height: 24px; margin-bottom:10px; line-height:18px; padding:2px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #a9a9a9; background-color: #faf7f7; }
#password { display: block; width: 300px; height: 24px; margin-bottom:10px; line-height:18px; padding:2px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #a9a9a9; background-color: #faf7f7; }

/******************* CONTACT *******************/

#register { font-size: .8em; margin-left: 10px; }
table tr td { font-family: 'Lato', sans-serif; font-weight: 300; width: 100px; height: 20px; margin: 3px 0px 0px 0px; padding: 4px 5px; background-color: #fff; }
table input { width: 200px; }

/******************* @MEDIA *******************/

/* Desktops and laptops ----------- */ 
@media only screen and (min-width : 361px) { 
	body { background-color: #65c8c6; }
	#wrapper { width: 960px; margin: 0px auto; background-color: #65c8c6; }
	#header_wrapper { /*background-color: #4c9797;*/ padding: 25px 0px 25px 0px; }
	#header_logo { width: 300px; height: 36px; background: url("/includes/images/logo.jpg"); background-repeat: no-repeat; margin-left: 30px; }

	/***** NAVIGATION *****/

	nav { height: 24px; width: 100%; background: url("/includes/images/bg_light.gif"); font-size: 80%; position: relative; border-bottom: 1px solid #283744; } 
	nav ul { padding: 0; margin: 0 auto; width: 960px; height: 24px; } 

    nav li { display: inline; float: left; }  

    .clearfix:before, .clearfix:after { content: " "; display: table; }  
	.clearfix:after { clear: both; }  
	.clearfix { *zoom: 1; } 

	nav a { color: #fff; display: inline-block; width: 100px; text-align: center; text-decoration: none; line-height: 24px; text-shadow: 0px 0px 0px #283744; } 
    nav li a { border-right: 1px solid #576979; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }  
    nav li:last-child a { border-right: 0; }
    nav a:hover, nav a:active { background: url("/includes/images/bg_dark.gif") } 

	/***** BODY PICT *****/
	
	#body_pict { width: 960px; height: 300px; background: url("/includes/images/index_pict_960.jpg"); background-repeat: no-repeat; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; -khtml-border-radius: 0px 0px 10px 10px;}

	/***** BUCKET SECTION *****/

	#bucket_background { width: 960px; height: 600px; }
	.bucket { height: 60px; width: 300px; float: left; border: 5px solid #514f26; margin: 20px 0px 0px 10px; background: url("/includes/images/bg_light.gif"); -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; -khtml-border-radius: 100px;}
	.bucket_text { font-size: 100%; color: #fff; text-align: center; padding-top: 20px; }
	.bucket:hover{ background: url("/includes/images/bg_dark.gif"); }

	/******************* BODY PRODUCTS BOXES *******************/

	h1.headers { font-weight: 700; width: 100%; text-align: left; border-bottom: 2px solid #222; font-size: 1.3em; padding-bottom: 10px; margin-bottom: 15px; }
	.product_box { cursor: pointer; height: 305px; width: 250px; display: inline-block; overflow: auto; }
	.product_box:nth-child(2) { margin-left: 50px; }
	.product_box:nth-child(3) { margin-left: 50px; }
	.product_box:nth-child(5) { margin-left: 90px; }
	.product_box:nth-child(6) { margin-left: 90px; }
	.picture { height: 300px; width: 110px; float: right; margin-left: 5px; }
	p.product_name { font-weight: 400; width: 140px; font-size: .9em; text-align: left; }
	p.product_detail { font-size: .7em; width: 140px; text-align: left; line-height: 1.4em; }

	/******************* One *******************/

	#one_logo { width: 300px; height: 103px; background: url("/includes/images/one_logo.jpg"); background-repeat: no-repeat; margin: 45px 0px 0px 300px; }
	
	
	/******************* Contatc Us  *******************/

	.contact_header {margin-left: 20px;}
	#contact_form {margin-left: 20px;}
	#field { width: 270px; margin-top: 5px; }
	#comment { width: 275px; margin-top: 5px; font-family: inherit; font-size: 85%;}
	#thank_you { width: 270px; font-size: .9em; color: #000; line-height: 1.2em; text-align: justify; }
	#submit {width: 65px; margin-top: 15px;}


	/******************* FOOTER  *******************/

	#footer { width: 920px; margin-left: 20px; }
	#footer p { font-size: .75em; padding: 10px 0px 10px 0px; color: #f1f1f1; text-align: justify; }

}


@media only screen and (max-width: 360px) { 
	body { background-color: #65c8c6; }
	#wrapper { width: 320px; margin: 0px auto; background-color: #65c8c6; }
	#header_wrapper { background-color: #65c8c6; padding: 25px 0px 25px 0px; }
	#header_logo { width: 300px; height: 36px; background: url("/includes/images/logo.jpg"); background-repeat: no-repeat; margin-left: 14px; }

	/***** NAVIGATION *****/

	nav { height: 209px; width: 100%; background: url("/includes/images/bg_light.gif"); font-size: 80%; } 
	nav ul { margin: 0 auto; width: 320px; height: 24px; } 
	nav li {list-style-type: none; }
	nav a { color: #fff; display: inline-block; width: 320px; text-align: center; text-decoration: none; line-height: 24px; } 
    nav li a { padding: 5px 0px; border-bottom: 1px solid #576979; }  
    nav li:last-child a { padding-bottom: 5px; border-bottom: 0; }
    nav a:hover, nav a:active { background: url("/includes/images/bg_dark.gif") } 

	/***** BODY PICT *****/
	
	#body_pict { width: 320px; height: 210px; background: url("/includes/images/index_pict_320.jpg"); background-repeat: no-repeat; }

	/***** BUCKET SECTION *****/

	#bucket_background { height: 140px; }
	.bucket { height: 30px; width: 320px; display: block; background: url("/includes/images/bg_light.gif"); border-bottom: 2px solid #65c8c6; }
	.bucket_text { font-size: 100%; color: #fff; text-align: center; padding-top: 5px; }
	.bucket:active { background: url("/includes/images/bg_dark.gif"); }

	/******************* BODY PRODUCTS BOXES *******************/

	#body_text { width: 300px; height: 100%; }
	h1.headers { font-weight: 700; width: 100%; text-align: left; border-bottom: 2px solid #222; font-size: 100%; padding-bottom: 10px; margin: 15px 0px 15px 0px; }
	.product_box { cursor: pointer; height: 100%; width: 300px; display: inline-block; overflow: auto; margin-left: 20px; }
	.picture { display: none; }
	p.product_name { font-weight: 400; width: 250px; font-size: .9em; text-align: left; }
	p.product_detail { font-size: .7em; width: 265px; text-align: left; line-height: 1.4em; }


/******************* LINK ATTRIBUTES *******************/


a:link { color: #2bc5ff; text-decoration: none; }    
a:visited { color: #2bc5ff; text-decoration: none; } 
a:hover { color: #ababab; text-decoration: none; } 
a:active { color: #f1f1f1; text-decoration: none; }