/*---------------- LAYOUT ----------------*/

html, body, #wrapper {
	width: 100%;
	height: 100.001%;
/*	background-image: url(https://www283.safesecureweb.com/pixelform/resources/graphics/light-bg.gif);
	background-repeat:repeat-x;
*/	background-color: #222222;
}

* {margin:0; padding:0;} 
a { outline: none; }
p {margin-bottom: 10px;}
a:link, a:visited { text-decoration: none; color: #FFF; }
a:hover { text-decoration: underline; color: #00C8FF;}

p, div, li, td, input, select, textarea {
    font: 13px 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; 
    color: #999999; 
    line-height: 21px;
}

.lightlink { font-size: 12px; color: #FFF; }
.lightlink a:link, .lightlink a:visited, .lightlink a:active { text-decoration: none; color: #808080; }
.lightlink a:hover { text-decoration: underline; color: #00C8FF;}

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main   { padding-bottom: 50px;}  /* must be same height as the footer */
#content_holder { width: 900px; padding: 30px; background: #303030; text-align: left; }
#home_gallery { width: 960px; }
#simplegallery1{ position: relative; /*keep this intact*/ visibility: hidden; /*keep this intact*/ }
.gallerystatus { color: #FFF;}
#left_home_column { width: 430px; float: left; padding: 0px 30px 15px 0px;}
#right_home_column { width: 440px; float: left; text-align: left; padding: 0px 0px 15px 0px;}
#pageMeat { width: 960px; min-height: 500px; float:left; text-align: left; clear: both }
#pageMeatRounder { width: 960px; height: 32px; background-image: url(https://www283.safesecureweb.com/pixelform/resources/graphics/page-meat-rounder.png); background-repeat: no-repeat; }
#footMeatRounder { width: 960px; height: 15px; background-image: url(https://www283.safesecureweb.com/pixelform/resources/graphics/footer-round.png); background-repeat: no-repeat; }
#footerContent { background-color: #303030; height: 35px; font-family:'Lucida Grande','Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif; font-size: 11px; color:#666; }

h1.home { font-size: 33px; line-height: 36px; letter-spacing: -1px; word-spacing: -0.03em; font-weight: bolder; color: #FFF;}
h2.home { font-size: 16px; line-height: 18px; margin-top: 20px; font-weight: normal;}
h3.home { font-size: 16px; line-height: 18px; margin-top: 15px; }

h1.pagetitle { font-size: 26px; line-height: 40px; letter-spacing: -1px; word-spacing: -0.03em; font-weight: bolder; color: #FFF; border-bottom: 1px dotted #444; margin-bottom: 20px;}


/*------------------------------------------------*/
/*------------------[NAVIGATION]------------------*/
/*------------------------------------------------*/
#header { width: 100%; height: 115px; background-image: url(https://www283.safesecureweb.com/pixelform/resources/graphics/header-bg.png); background-repeat: repeat-x; }
#navcontainer { width: 960px; height: 90px;}
.logowrap { float: left; width: 960px; height: 90px; z-index: 10;}
.logo { border: none; float: left; margin-top: 24px; }
.header_toplinks { width: 450px; float: right; text-align: right; padding: 20px 27px 0px 0px;}

#menuHolder { float: right; width: 500px; margin-top: 13px;
}
.mm_butt { z-index: 11; float: left; color: #808080; font: 14px Arial, Helvetica, sans-serif; cursor: pointer;
}
.mm_butt a:link, .mm_butt a:visited, .mm_butt a:active {z-index: 11; padding: 10px 15px 10px 10px; color:#808080; text-decoration: none; margin-right: 3px; background: url(/graphics/downtri.png) center right no-repeat; border-top: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent;
}
.mm_butt a:hover 	{ z-index: 11; padding: 10px 15px 10px 10px; color: #00C8FF; text-decoration: none; margin-right: 3px; background: url(/graphics/downtri.png) center right no-repeat; border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999;
}

/*#menu_home 		{ display: none; z-index: 10; position: absolute; left: 350px; top: 0px; background:#F7F7F7; border: 1px solid #999;
} */
#menu_sales 		{ display: none; z-index: 10; position: absolute; left: 66px; top: -1px; background: #222; border: 1px solid #444;
} 
#menu_galleries 	{ display: none; z-index: 10; position: absolute; left: 184px; top: -1px; background:#222; border: 1px solid #444;
} 
#menu_blog 			{ display: none; z-index: 10; position: absolute; left: 270px; top: -1px; background:#222; border: 1px solid #444;
} 
#menu_about 		{ display: none; z-index: 10; position: absolute; left: 299px; top: -1px; background:#222; border: 1px solid #444;
}
/*#menu_contact 	{ display: none; z-index: 10; position: absolute; left: 375px; top: 0px; background:#F7F7F7; border: 1px solid #999;
}*/
.drop_menu 			{ border-right: 1px dotted #444; z-index: 2; text-align: left;
}
.drop_menu ul li 	{ font: 12px Arial, Helvetica, sans-serif; list-style: none; line-height: 22px;  
}
.drop_menu ul 		{ margin: 0; padding: 10px 20px 15px 20px;
}
.drop_menu a:link, .drop_menu a:visited, .drop_menu a:active { color: #FFF; text-decoration: none;
}
.drop_menu a:hover 	{ color:#00C8FF; text-decoration: underline; 
}
/*------------------------------------------------*/
/*------------------[NAVIGATION]------------------*/
/*------------------------------------------------*/
.current-category { background-color: #313131; color: #fff; border: 1px solid #424242; padding: 5px 10px; display: block; margin-bottom: 10px; width: 626px; }
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#footer { position: relative; margin-top: -50px; /* negative value of footer height */	width: 960px; height: 50px;	clear:both; } 

.homepage_quad { float: left; font-size: 12px; border: 1px dotted #444444; padding: 15px; text-align: left; width: 185px; height: 220px; }
.homepage_quad_heading { color: #808080; font-size: 22px; font-weight:bold; margin-bottom: 15px; letter-spacing: -1px; word-spacing: -0.03em; }
.homepage_quad_heading a:link, .homepage_quad_heading a:visited { text-decoration: none; color: #CCC; font-size: 26px; font-weight:normal; margin-bottom: 15px; letter-spacing: -1px; word-spacing: -0.03em; }
.homepage_quad_heading a:hover { text-decoration: underline; color: #00C8FF; font-size: 26px; font-weight:normal; margin-bottom: 15px; letter-spacing: -1px; word-spacing: -0.03em;}

.homepage_quad_moreinfo a:link, .homepage_quad_moreinfo a:visited { background: #999; padding: 10px; border: 1px solid #0080FF; text-decoration: none; color: #666550; font-size: 14px; font-weight:normal; letter-spacing: -1px; word-spacing: -0.03em; }
.homepage_quad_moreinfo a:hover { text-decoration: underline; color: #666550; font-size: 22px; font-weight:bold; margin-bottom: 15px; letter-spacing: -1px; word-spacing: -0.03em;}
.pricegrid td, .pricegrid tr { font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding: 3px; }
/*------------------------------------------------*/
/*------------------[BUTTONS]------------------*/
/*------------------------------------------------*/

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#303030;
    border:1px solid #444444;
    border-top:1px solid #666;
    border-left:1px solid #666;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#CCC;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#222222;
    color:#00C8FF;
}
.buttons a:active{
    background-color:#222222;
    border:1px solid #FFF;
    color:#00C8FF;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#CCC;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#222222;
    color: #00C8FF;
}
.buttons a.regular:active{
    background-color:#222222;
    border:1px solid #6299c5;
    color:#00C8FF;
}

/*------------------------------------------------*/
/*------------------[END BUTTONS]------------------*/
/*------------------------------------------------*/

.margin0			{ margin: 0px;}
.margin5 			{ margin: 5px;}
.martop5			{ margin-top: 5px;}	
.marbot5			{ margin-bottom: 5px;}
.marleft5			{ margin-left: 5px;}
.marright5			{ margin-right: 5px;}

.margin10 			{ margin: 10px;}
.martop10			{ margin-top: 10px;}	
.marbot10			{ margin-bottom: 10px;}
.marleft10			{ margin-left: 10px;}
.marright10			{ margin-right: 10px;}

.margin20 			{ margin: 20px;}
.martop20			{ margin-top: 20px;}	
.marbot20			{ margin-bottom: 20px;}
.marleft20			{ margin-left: 20px;}
.marright20			{ margin-right: 20px;}

.margin30 			{ margin: 30px;}
.martop30			{ margin-top: 30px;}	
.marbot30			{ margin-bottom: 30px;}
.marleft30			{ margin-left: 30px;}
.marright30			{ margin-right: 30px;}

.padding10			{ padding: 10px;}
.padding5			{ padding: 5px;}

.clear         		{ clear:both; }
.float-left    		{ float:left; }
.float-right   		{ float:right; }
.bottom				{ vertical-align: bottom;}

/*---------------- TYPE ----------------*/

.arial 				{ font-family: Arial, Helvetica, sans-serif;}
.verdana 			{ font-family: Verdana, Arial, Helvetica, sans-serif;}
.tahoma				{ font-family: Tahoma, Verdana, sans-serif;}
.lucida 			{ font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;}
.georgia			{ font-family: Georgia, Times New Roman, Verdana;}
.courier 			{ font-family: 'Courier New', Courier, monospace;}
.trebuchet			{ font-family: Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif; }

.eight 				{ font-size: 8px;}
.nine 				{ font-size: 9px;}
.ten 				{ font-size: 10px;}
.eleven 			{ font-size: 11px;}
.twelve 			{ font-size: 12px;}
.fourteen 			{ font-size: 14px;}
.sixteen 			{ font-size: 16px;}
.eighteen 			{ font-size: 18px;}
.twenty 			{ font-size: 20px;}
.twentyfour 		{ font-size: 24px;}
.twentyeight 		{ font-size: 28px;}
.thirty				{ font-size: 30px;}

.text-left     		{ text-align:left; }
.text-right    		{ text-align:right; }
.text-center   		{ text-align:center; }

.bold          		{ font-weight:bold; }
.nobold				{ font-weight:normal;}
.italic        		{ font-style:italic; }
.underline     		{ border-bottom:1px solid; }
.highlight     		{ background:#ffc; }
.tight-text			{ letter-spacing: -1px; word-spacing: -0.03em;}
.halfspace 			{ line-height: 1.5em;}
.doublespace 		{ line-height: 2em;}
.uppercase			{ text-transform: uppercase;}
.lowercase			{ text-transform: lowercase;}
.capitalize			{ text-transform: capitalize;}


/*---------------- COLOR ----------------*/

.white 				{ color: #FFFFFF;}
.blue 				{ color: #0033FF;}
.lightblue			{ color: #00CCFF;}
.red 				{ color: #B60016;}
.orange 			{ color: #FF9900;}
.green				{ color: #68A81E;}
.darkgreen			{ color: #006600;}
.tan 				{ color: #CC9900;}
.darkgreen 			{ color: #006600;}
.darkred			{ color: #790005;}
.gray				{ color: #CCCCCC;}
.lightgray			{ color: #DEDEDE;}
.lightlightgray		{ color: #EFEFEF;}
.darkgray			{ color: #666666;}
.darkdarkgray		{ color: #333333;}

.bg_gray			{ background: #CCCCCC;}
.bg_lightgray		{ background: #DEDEDE;}
.bg_lightlightgray	{ background: #EFEFEF;}
.bg_darkgray		{ background: #333333;}
.bg_darkdarkgray	{ background: #222222;}
.bg_lightyellow		{ background: #FFFFCC;}
.bg_lightgreen		{ background: #E4FFDF;}
.bg_red				{ background: #B60016;}



.norepeat			{ background-repeat: no-repeat;}
.repeat-x			{ background-repeat: repeat-x;}	
.repeat-y			{ background-repeat: repeat-y;}

/*---------------- BORDERS ----------------*/

.solid1pxltgry		{ border: 1px solid #CCCCCC;}
.top1pxltgry		{ border-top: 1px solid #CCCCCC;}
.bot1pxltgry		{ border-bottom: 1px solid #CCCCCC;}
.left1pxltgry		{ border-left: 1px solid #CCCCCC;}
.right1pxltgry		{ border-right: 1px solid #CCCCCC;}

.dot1pxltgry		{ border: 1px dotted #CCCCCC;}
.dottop1pxltgry		{ border-top: 1px dotted #CCCCCC;}
.dotbot1pxltgry		{ border-bottom: 1px dotted #CCCCCC;}
.dotleft1pxltgry	{ border-left: 1px dotted #CCCCCC;}
.dotright1pxltgry	{ border-right: 1px dotted #CCCCCC;}

.solid1pxdkgry		{ border: 1px solid #808080;}
.top1pxdkgry		{ border-top: 1px solid #808080;}
.bot1pxdkgry		{ border-bottom: 1px solid #808080;}
.left1pxdkgry		{ border-left: 1px solid #808080;}
.right1pxdkgry		{ border-right: 1px solid #808080;}

.dot1pxdkgry		{ border: 1px dotted #808080;}
.dottop1pxdkgry		{ border-top: 1px dotted #808080;}
.dotbot1pxdkgry		{ border-bottom: 1px dotted #808080;}
.dotleft1pxdkgry	{ border-left: 1px dotted #808080;}
.dotright1pxdkgry	{ border-right: 1px dotted #808080;}

.solid1pxred		{ border: 1px solid #B60016;}
.top1pxred			{ border-top: 1px solid #B60016;}
.bot1pxred			{ border-bottom: 1px solid #B60016;}
.left1pxred			{ border-left: 1px solid #B60016;}
.right1pxred		{ border-right: 1px solid #B60016;}

.solid1pxgreen		{ border: 1px solid #9DCF4D;}
.top1pxgreen		{ border-top: 1px solid #9DCF4D;}
.bot1pxgreen		{ border-bottom: 1px solid #9DCF4D;}
.left1pxgreen		{ border-left: 1px solid #9DCF4D;}
.right1pxgreen		{ border-right: 1px solid #9DCF4D;}

/*---------------- BOXES ----------------*/
