/*---------------- LAYOUT ----------------*/

html, body, #wrapper {
	width: 100%;
	height: 100.001%;
/*	background-image: url(http://www.pixelform.com/resources/graphics/light-bg.gif);
	background-repeat:repeat-x;
*/	background-color: #222222;
}

* {margin:0; padding:0;} 
a { outline: none; }
img { border: 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 Arial, Helvetica, 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; /*background-image: url(https://www283.safesecureweb.com/pixelform/resources/graphics/index-bg.jpg); background-repeat: repeat-x;*/}  /* must be same height as the footer */
#content_holder { width: 900px; padding: 20px 30px 10px 30px; background: #303030; text-align: left; }
#home_gallery { width: 960px; }
#homepage_quad_holder { width: 960px; margin: 20px 0px; }
#simplegallery1{ position: relative; /*keep this intact*/ visibility: hidden; /*keep this intact*/ }
.gallerystatus { color: #FFF;}
.home-type-img { width: 930px; }
#left_home_column { width: 290px; float: left;}
#right_home_column { width: 550px; float: left; text-align: left; border-left: 1px solid #454545;  padding: 0px 0px 0px 30px;}
#right_home_column p { line-height: 20px; font-size: 12px; }
#pageMeat { width: 960px; min-height: 500px; float:left; text-align: left; clear: both }
#pageMeatRounder { width: 960px; height: 32px; background-image: url(http://www.pixelform.com/resources/graphics/page-meat-rounder.png); background-repeat: no-repeat; }
#footMeatRounder { width: 960px; height: 15px; background-image: url(http://www.pixelform.com/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; }

#home_center_mid { padding: 0px 0px 0px 0px; margin: 15px 0px 0px 10px;}
h1.home { font-size: 28px; line-height: 36px; letter-spacing: -1px; word-spacing: -0.03em; font-weight: bolder; color: #FFF; font-family: Arial, Helvetica, sans-serif; margin: 13px 0px 0px 15px;}
h2.home { font-size: 14px; line-height: 18px; margin: 10px 0px 15px 0px; font-weight: normal;}
h3.home { font-size: 14px; 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(http://www.pixelform.com/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: 17px; }
.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; 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; 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; background: #303030; border: 1px dotted #515151; padding: 0px; text-align: left; width: 225px; height: 190px; }
.homepage_quad_heading { color: #808080; font-size: 14px; font-weight:bold; padding-top: 5px; }
.homepage_quad_heading a:link, .homepage_quad_heading a:visited { text-decoration: none; color: #CCC; font-size: 14px; font-weight:normal; margin-bottom: 15px; }
.homepage_quad_heading a:hover { text-decoration: underline; color: #00C8FF; font-size: 14px; font-weight:normal; margin-bottom: 15px;}

.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: 18px; font-weight:normal; letter-spacing: -1px; word-spacing: -0.03em; }
.homepage_quad_moreinfo a:hover { text-decoration: underline; color: #666550; font-size: 18px; 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; }

/*------------------------------------------------*/
/*------------------[TICKER]------------------*/
/*------------------------------------------------*/

/*Sample CSS to style the two tickers in the demo*/

.pixelclass{
width: 888px;
background: #3C3C3C; 
border: 1px solid #515151; 
padding: 5px; 
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}

.pixelclass a{
text-decoration: none;
}

.rsstitle{ /*shared class for all title elements in an RSS feed*/
float: left;
margin-left: 12px;
font-weight: bold;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
float: left;
width: 160px;
margin-left: 10px;
color: gray;
font-size: 85%;
}

.rssdescription{ /*shared class for all description elements in an RSS feed*/
}


/*------------------------------------------------*/
/*------------------[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 ----------------*/