@charset "utf-8";

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #333333;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.body1 #container1 {
	width: 950px; 
	background: #333333;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0px;
}
.body1 #titleContent {
	padding: 0px 20px;
	background: #333333;
	height:100px;
	margin-top:25px;
}

.body1 #mainContent {
	padding: 10px 20px 10px 20px;
	background: #333333;
}

#mainContent a:link { text-decoration:none; color:#CCC; }
#mainContent a:visited { text-decoration:none; color:#CCC; }
#mainContent a:active { text-decoration:none; color:#CCC; }
#mainContent a:hover { text-decoration:none; color:none; background-color:none; }


.body1 .subContentImg {
    
	float:left;

	width:100px;
	height:100px;
    padding:15px;
    border:0px;
    margin:10px;

}

.body1 .subContentImgNb {
    
	float:left;
	width:100px;
	height:100px;
    padding:0px;
    border:0px;
    margin:10px;

}



.x250 {
	float:left;
	width:250px;
	height:250px;
	padding:15px;
	margin:10px;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#CCC;
}



.x250text {
	float:left;
	width:250px;
	height:250px;
	padding:15px;
	margin:10px;
	background-color:#333;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#CCC;
}








.x250x100 {
	float:left;
	width:250px;
	height:100px;
	padding:15px;
	margin:10px;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#CCC;
}


.x400 {
	float:left;
	width:400px;
	height:250px;
	padding:15px;
	
	margin:10px;
	
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#CCC;
	
}

.x400text {
	float:left;
	width:380px;
	height:230px;
	padding:25px;
	
	margin:10px;
	background-color:none;
	
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#CCC;
	
}


.x400npLeft {
	float:left;
	width:450px;
	height:300px;
	padding:0px;
	
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
		
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#CCC;
	
}


.x1x2 {
	float:left;
	width:150px;
	height:300px;
	padding:0px;
	
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	
}





.logo {
	float:left;
	width:900px;
	margin: 10px 10px 0px 10px ;
}


.logoText {
	float:left;
	width:700px;
	margin: 10px 10px 0px 10px ;
	padding-top: 25px;
	padding-left: 25px;
	font-size: 24px;
	font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "sans-serif";
	color: #CCCCCC;
}


.titleText {
	float:left;
	width:240px;
    padding-top:10px;
	text-align:right;
	margin:10px;
}

.titleSubText {
		color:#ccc; 
    font-size:22px;
    font-weight:400;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.gs {
	font-size:9px;
	text-align:right;
	padding-top:5px;
}

.gs a:link { text-decoration:none; color:#CCC; }
.gs a:visited { text-decoration:none; color:#CCC; }
.gs a:active { text-decoration:none; color:#CCC; }
.gs a:hover { text-decoration:none; color:#CCC; background-color:#cc6600; }



.titleCollectionText {
		color:#ccc; 
    font-size:30px;
    font-weight:400;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}




/* adjust BG of .subContentImg */
.subContentImg { background-color:transparent; }



.body1 .subContent1 {
    
float:left;
width:100px;
height:100px;
padding:15px;
border:0px;
margin:10px;
background-color:#333;
color:#FFFFFF;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;

}

.subContent1 a:link { text-decoration:none; color:#ffffff;  }
.subContent1 a:visited { text-decoration:none; color:#ffffff;  }
.subContent1 a:active { text-decoration:none; color:#ffffff; }
.subContent1 a:hover { text-decoration:none; color:#ffffff; background-color:#42b0b0;  }



/* .lines1 used in sub category pages */
.lines1 
{ 
position:relative;
top:67px;
font-size:16px;
}
.lines1 a:link { text-decoration:none; color:#ffffff; }
.lines1 a:visited { text-decoration:none; color:#ffffff; }
.lines1 a:active { text-decoration:none; color:#ffffff; }
.lines1 a:hover { text-decoration:none; color:#ffffff; background-color:#cc6600; }



.subContent9 {

color:#FFF;
width:400px;
height:auto;
background-color:#666;

float:left;

padding:15px;
border:0px;
margin:10px;


}


.textQuote1 {
	font-size:11px;
}

.textQuote2 {
	font-size:12px;
	padding-top:5px;
}



.subTitleText {
	
text-align:left;
	
width:400px;
margin:0px;
color:#FFFFFF; 
font-size:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;

}





.subCollections02 {
	float:left;
	width:210px;
	margin-right:30px;
	margin-left:25px;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:20px;
    padding-left:40px;
	height:560px;
    background-color:#333;
    font-size:18px;
	}



.subCollections02 a:link { text-decoration:none; color:#CCC; }
.subCollections02 a:visited { text-decoration:none; color:#CCC; }
.subCollections02 a:active { text-decoration:none; color:#CCC; }
.subCollections02 a:hover { text-decoration:none; color:#333333; background-color:#FFFFFF; }

	
	
.subPost01 {
	color:#000;
	float:left;
	width:800px;
	margin-right:25px;
	margin-left:25px;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:25px;
    padding-left:25px;
	padding-right:25px;
	padding-bottom:50px;
	height:auto;
    background-color:#ccc;
    font-size:18px;
	}
	
	
	
.subPortfolio02 a:link { text-decoration:none; color:#ffffff;  }
.subPortfolio02 a:visited { text-decoration:none; color:#ffffff;  }
.subPortfolio02 a:active { text-decoration:none; color:#ffffff;  }
.subPortfolio02 a:hover { text-decoration:none; color:#ffffff; background-color:#42b0b0;  }



.subContent12 {
	width:610px;
	float:left;
	margin-top:10px;
	margin-right:25px;
	margin-bottom:10px;
}


.subContent13 {
	width:110px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}

/* clear float */
.clear { clear:both; }





/* footer */
.footer1 {
    
	width:850px;
	height:100px;
    padding:15px;
    border:0px;
    margin:10px;
	
	background-color:transparent;
	color:#666666;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* .footer1 link formatting */
.footer1 a:link { text-decoration:none; color:#666666; }
.footer1 a:visited { text-decoration:none; color:#666666; }
.footer1 a:active { text-decoration:none; color:#666666; }
.footer1 a:hover { text-decoration:none; color:#ffffff; background-color:#cc6600; }


.logoText a:link { text-decoration:none; color:#CCCCCC; }
.logoText a:visited { text-decoration:none; color:#CCCCCC; }
.logoText a:active { text-decoration:none; color:#CCCCCC; }
.logoText a:hover { text-decoration:none; color:#ffffff; background-color:#cc6600; }

/* header & text formatting attributes */

h1 {
color:#666666; 
font-size:22px;
font-weight:400;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1 a:link { text-decoration:none; color:#666666; }
h1 a:visited { text-decoration:none; color:#666666; }
h1 a:active { text-decoration:none; color:#666666; }
h1 a:hover { text-decoration:none; color:#ffffff; background-color:#cc6600; }

h2 {
padding:0px;
margin:0px;
color:#FFFFFF; 
font-size:20px;
font-weight:200;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


h3 {
padding:0px;
margin:0px;
color:#FFFFFF; 
font-size:20px;
font-weight:200;
font-family:Verdana, Arial, Helvetica, sans-serif;
}