@charset "utf-8";
/*------ SUB PAGE STRUCTURE ------*/
html, body {
	height: 100%;
	background:#fff;
}
body#contact #wrapper{background: transparent url(/images/contact_bg_2.jpg) no-repeat bottom left;}
#wrapper {
	min-height: 100%;
	min-width:980px;
	height: auto !important;
	height: 100%;
	margin: 0 auto -135px; /* the bottom margin is the negative value of the footer's height */
}
#footer, #push {
	height: 130px; /* .push must be the same height as .footer */
}
#footer{width:100%; text-align:right;}

#navigation{padding:0; width:100%;}
#navigation ul{margin:0; list-style:none; width:100%;}
#navigation ul li{float:left; width:16.66667%; border-bottom-style:solid; border-bottom-width:15px; position:relative; z-index:1;  height:40px;}

#navigation ul li.art{border-bottom-color:#74dfff; background:#fff;}
#navigation ul li.blog{border-bottom-color:#91fb8c; background:#fff;}
#navigation ul li.design{border-bottom-color:#fcf872; background:#fff;}
#navigation ul li.shop{border-bottom-color:#f89f41; background:#fff;}
#navigation ul li.about{border-bottom-color:#fc74d8; background:#fff;}
#navigation ul li.contact{border-bottom-color:#9b23fb; background:#fff;}

#navigation ul li a{display:block; width:100%; text-indent:-99999px;  text-decoration:none; padding:0; height:31px; z-index:10; position:absolute; top:17px;}

#navigation ul li.art a{background:transparent url(/images/nav_art_off.png) no-repeat 10px 0px;}
#navigation ul li.blog a{background:transparent url(/images/nav_blog_off.png) no-repeat 10px 0px;}
#navigation ul li.design a{background:transparent url(/images/nav_design_off.png) no-repeat 10px 0px;}
#navigation ul li.shop a{background:transparent url(/images/nav_shop_off.png) no-repeat 10px 0px;}
#navigation ul li.about a{background:transparent url(/images/nav_about_off.png) no-repeat 10px 0px;}
#navigation ul li.contact a{background:transparent url(/images/nav_contact_off.png) no-repeat 10px 0px;}

#navigation ul li.art_on{border-bottom-color:#74dfff; background:#74dfff;}
#navigation ul li.art_on a{background:transparent url(/images/nav_art_on.png) no-repeat 10px 0px;}

#navigation ul li.blog_on{border-bottom-color:#91fb8c; background:#91fb8c;}
#navigation ul li.blog_on a{background:transparent url(/images/nav_blog_on.png) no-repeat 10px 0px;}

#navigation ul li.design_on{border-bottom-color:#fcf872; background:#fcf872;}
#navigation ul li.design_on a{background:transparent url(/images/nav_design_on.png) no-repeat 10px 0px;}

#navigation ul li.shop_on{border-bottom-color:#f89f41; background:#f89f41;}
#navigation ul li.shop_on a{background:transparent url(/images/nav_shop_on.png) no-repeat 10px 0px;}

#navigation ul li.about_on{border-bottom-color:#fc74d8; background:#fc74d8;}
#navigation ul li.about_on a{background:transparent url(/images/nav_about_on.png) no-repeat 10px 0px;}

#navigation ul li.contact_on{border-bottom-color:#9b23fb; background:#9b23fb;}
#navigation ul li.contact_on a{background:transparent url(/images/nav_contact_on.png) no-repeat 10px 0px;}

#submenu{padding:0 0 0 10px; height:100px;}
#submenu ul{ list-style:none; margin:0; padding:0; top:0; left:0;}
#submenu ul li{margin:0 0 10px 0;}
#submenu ul li a{text-decoration:none; font-size:14px;}
#submenu ul li.on, #submenu ul li a:hover{font-weight:bold; text-decoration:none; color:#000;}

.float_left{float:left;}
.float_right{float:right;}
.clear{clear:both; font-size:0; height:0;}

h1, h2, h3, h4, h5, h6{margin:0 0 15px 0; font-weight:bold;}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}

p{line-height:18px; margin:0 0 15px 0;}
a, a:link, a:visited{color:#000;}
a:hover, a:active{color:#999;}
/*------ END SUB PAGE STRUCTURE ------*/

.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
.fluid {
	background:#fff;    	/* Right column background colour */
}
.fluid .colmid {
	float:left;
	width:200%;
	margin-left:-200px; 	/* Width of right column */
	position:relative;
	right:100%;
    	/* Centre column background colour */
}
.fluid .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:400px;         	/* Left column width + right column width */
    	/* Left column background colour */
}
.fluid .col1wrap {
	float:left;
	width:50%;
	position:relative;
	right:200px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.fluid .col1 {
	margin:0 215px;     	/* Centre column side padding:
							Left padding = left column width + centre column left padding width
							Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	padding:20px 0 0 0;
	overflow:hidden;
}

.fluid .col2 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:170px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	padding:20px 0 0 0;
	right:15px;         	/* Width of the left-had side padding on the left column */
}
.fluid .col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:170px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	padding:20px 0 0 0;
	left:50%;
}
#main_content{width:100%;}
#my_content{min-width:559px; max-width:700px; margin:0 auto;}
#my_full_content{width:980px; margin:0 auto;}
.polariod{position:relative; height:350px; z-index:1;}
#p1{position:absolute; top:0px; left:-40px; z-index:10;}
#p2{position:absolute; right:-15px;}

table.contact_table td{padding:5px;}
.contact_form{background:#7f7f7f; color:#000; border:1px #7f7f7f solid; padding:5px; width:390px;}
.contact_form_button{background:#000; color:#fff; text-transform:uppercase; font-weight:bold; font-size:14px; border:1px #000 solid; padding:10px;}
#success{background:#74dfff; color:#000; padding:10px; margin:0 0 10px 0;}
#error{background:#fc74d8; color:#000; padding:10px; margin:0 0 10px 0;}
#about{text-indent:-99999px; width:866px; height:670px; background: transparent url(/images/about.jpg) no-repeat top center;}
img.thumbnail{border:5px #000 solid;margin:5px;}
small{font-size:10px;}
.product_image{width:350px; overflow:hidden;}
.product_info{text-align:right; width:500px;}
.price{font-size:20px;}