/*--------------------------------------
Millennium Images Gallery page layout CSS
---------------------------------------*/
body 
{
	background-color: #FFF;
	height:100%;
	width:100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: -moz-center;
	*text-align: center !important;
}

html
{
	text-align: -moz-center;
	*text-align: center !important;
}

body,td,th 
{
	font-family: Times New Roman, Times, serif;;
	font-size: 12px;
	color:#666666;
}

*
{
	padding: 0;
	margin: 0;
}


/*--------------------------------------
GLOBALS & GENERAL CASES
---------------------------------------*/

a
{
	color:#666666;
	text-decoration:none;
}

a:visited
{
	color:#666666;
}

a:hover
{
	color:#333333;
}

a.headline:link
{
	color:#666666;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}

a.headline:visited
{
	color:#666666;
	font-size:14px;
	font-weight:bold;
}

a.headline:hover 
{
	color:#333333;
	font-size:14px;
	font-weight:bold;
}

a.lead:link
{
	color:#666666;
	text-decoration:none;
	font-weight:bold;
}

a.lead:visited
{
	color:#666666;
	font-weight:bold;
}

a.lead:hover 
{
	color:#333333;
	font-weight:bold;
}


a.anchors
{
	color:#000000;	
}

a.anchors:visited
{
	color:#333333;	
}

a.anchors:hover 
{
	
}

ul
{
	
}

li
{
	list-style:none;
}

hr
{
	border:none;
	border-top: 1px solid #CCC;
	margin-bottom: 1em;	
}

/*--------------------------------------
Typography
---------------------------------------*/
h1, h2, h3, h4, h5, h6 
{
	
}

/* approx 21px*/
h1 
{
	font-size: 18px;
	width:100%;
}

/* approx 16px*/
h2 
{
	font-size: 16px;
}

/* approx 14px*/
h3 
{
	font-size: 14px;
	font-weight:bold;
	margin:0px;
}

/* approx 12px*/
h4 
{
	
}

/* approx 11/14 */
p 
{
	margin-top:0px;
	margin-bottom: 1em;	
}

#normal_text 
{
	float:right;
	font-size: 12px;
	font-weight:normal;
	padding-top:3px;
}

/*--------------------------------------
Paging
---------------------------------------*/

#paging {
	float:left;
	padding:3px;
	margin-right:3px;
	margin-bottom:3px;
	overflow:hidden;
}

/*--------------------------------------
Forms
---------------------------------------*/

.header_search_field 
{
	background-color: #FFF;
	color:#666666;
	width:118px;
	min-height:14px;
	border: 1px solid #CCC;
}

.form_field 
{
	background-color: #FFF;
	color:#666666;
	width:118px;
	min-height:14px;
	border: 1px solid #CCC;
}

/*--------------------------------------
Containers
---------------------------------------*/

#wrapper
{
	height:auto;
	width:1000px;
	text-align:left;
}

#container
{
	min-height:400px;
	display:block;
}

#container_content
{
	margin-top:25px;
	margin-left:10px;
	margin-right:10px;
}

/*--------------------------------------
Content Cols
---------------------------------------*/

#content_col_single
{
	float:left;
	width:180px;
	margin-right:20px;
}

#content_col_single_image
{
	float:left;
	width:178px;
	border: 1px solid #CCC;
}

#content_col_single_half_image
{
	float:left;
	margin-right:3px;
	margin-bottom:3px;
	width:90px;
	border: 1px solid #CCC;
}

#content_half_thumb
{
	margin:10px;
	width:70px;
	height:70px;
	overflow:hidden;
	font-size:10px;
	color:#999999;
}

#content_thumb
{
	margin:10px;
	width:158;
	overflow:hidden;
	font-size:10px;
	color:#999999;
}

#content_col_double
{
	float:left;
	width:380px;
	margin-right:20px;
}

#content_col_double_image
{
	width:auto;
	height:auto;
	max-width:378px;
	border: 1px solid #CCC;
}

#content_col_double_right
{
	float:right;
	width:380px;
	margin-bottom:20px;
}

#content_col_triple
{
	float:left;
	margin-top:2px;
	width:580px;
	min-height:400px;
}

#content_col_triple_image
{
	margin-top:2px;
	width:auto;
	height:auto;
	max-width:578px;
	border: 1px solid #CCC;
}

#content_col_quadruple
{
	float:left;
	margin-top:2px;
	/*margin-left:80px;*/
	width:760px;
	min-height:400px;
}

#content_image
{
	margin:10px;
	width:558;
	overflow:hidden;
	text-align:center;
}

#content_image_zoom
{
	float:left;
	margin-top:7px;
	width:80px;
}

#content_image_info
{
	float:left;
	margin-top:5px;
	width:415px;
}

#content_image_options
{
	float:right;
	margin-top:7px;
	width:80px;
	text-align:right;
}

/*--------------------------------------
Logo
---------------------------------------*/

#mg_logo
{	
	float:left;
	margin-top:45px;
	margin-left:5px;
	height:68px;
	width:400px;
}

#mg_header_search
{	
	float:right;
	width:180px;
	margin-top:45px;
	margin-right:10px;
}

#mg_header_search_heading
{	
	float:left;
}

#mg_header_search_field
{	
	float:right;
}

/*--------------------------------------
Menu
---------------------------------------*/

#mg_menu
{	
	margin-left:10px;
	margin-right:10px;
	border-bottom: 1px solid #CCC;
}

#menu-hide
{	
	position: absolute; 
	left: -200px;
}

a.link1
{
	display:block;
	overflow:hidden;
	
	width: 150px;
	height: 20px;
	background: url(../../graphics/mg_menu_home.gif) 0 0 no-repeat;
	text-decoration: none;
}

a:hover.link1
{
	background-position: 0 -20px;
}

a.active1
{
	display:block;
	overflow:hidden;
	width: 150px;
	height: 20px;
	background: url(../../graphics/mg_menu_home.gif) 0 -20px no-repeat;
	text-decoration: none;
}

a.link2
{
	display:block;
	overflow:hidden;
	
	width: 150px;
	height: 20px;
	background: url(../../graphics/mg_menu_buying_prints.gif) 0 0 no-repeat;
	text-decoration: none;
}

a:hover.link2
{
	background-position: 0 -20px;
}

a.active2
{
	display:block;
	overflow:hidden;
	width: 150px;
	height: 20px;
	background: url(../../graphics/mg_menu_buying_prints.gif) 0 -20px no-repeat;
	text-decoration: none;
}

a.link3
{
	display:block;
	overflow:hidden;
	
	width: 150px;
	height: 20px;
	background: url(../../graphics/mg_menu_gallery.gif) 0 0 no-repeat;
	text-decoration: none;
}

a:hover.link3
{
	background-position: 0 -20px;
}

a.active3
{
	display:block;
	overflow:hidden;
	width: 150px;
	height: 20px;
	background: url(../../graphics/mg_menu_gallery.gif) 0 -20px no-repeat;
	text-decoration: none;
}

a.link4
{
	display:block;
	overflow:hidden;
	
	width: 150px;
	height: 20px;
	background: url(../../graphics/mg_menu_about.gif) 0 0 no-repeat;
	text-decoration: none;
}

a:hover.link4
{
	background-position: 0 -20px;
}

a.active4
{
	display:block;
	overflow:hidden;
	width: 150px;
	height: 20px;
	background: url(../../graphics/mg_menu_about.gif) 0 -20px no-repeat;
	text-decoration: none;
}

a.link5
{
	display:block;
	overflow:hidden;
	
	width: 150px;
	height: 20px;
	background: url(../../graphics/mg_menu_contact.gif) 0 0 no-repeat;
	text-decoration: none;
}

a:hover.link5
{
	background-position: 0 -20px;
}

a.active5
{
	display:block;
	overflow:hidden;
	width: 150px;
	height: 20px;
	background: url(../../graphics/mg_menu_contact.gif) 0 -20px no-repeat;
	text-decoration: none;
}

/*--------------------------------------
Footer
---------------------------------------*/

#footer
{
	margin-top:25px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:25px;
	border-top: 1px solid #CCC;
}

#footer_left
{
	float:left;
	width:600px;
}

#footer_right
{
	float:right;
	text-align:right;
	width:170px;
}

/*--------------------------------------
Text
---------------------------------------*/
.error
{
	color:#FF0000;
}

.date
{
	color:#999999;
}