@charset "utf-8";
/*
CSS Stylesheet
=================================================
 - For		ARTWORKinternational, Inc.
 - By		Amyst Design Company, http://www.amystdesign.com
 - Email		doug@amystdesign.com
 - Date		2008-04-23
 - Rev.		
 - Rev. By	
*/

/*
Global Element Styling
--------------------------------------------------*/
* { padding:0; margin:0; }

html, body { height:100%; }

body 
{ 
	background:			#f3f3f3 url(../images/bg-body.gif) repeat-y center;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11.3px;
	color:				#333;
}

a > img { border:none; }

div.citation { color:#666; font-size:0.8em; margin-bottom:20px; }
div.citation a:link, div.citation a:visited, div.citation a:active { color:#666; text-decoration:none; }
div.citation a:active { text-decoration:underline; }

/*
Formatting Classes
--------------------------------------------------*/
.clear { clear:both; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.float-left { float:left; }
.float-right { float:right; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.hidden { display:none; }

.red { color:#C00 !important; }
.blue { color:#030 !important; }
.green { color:#090 !important; }

.strike-out { text-decoration: line-through; }

/*
Structure
--------------------------------------------------*/
#wrapper { min-height:100%; position:relative; }

#top-line
{
	height:				10px;
	width:				100%;
	background:			#888 url(../images/bg-topline.gif) repeat-y center;
}

#container
{
	margin:				0 auto;
	width:				900px;
	padding-bottom:		110px;
}

#header
{
	position:			relative;
	margin:				0 auto 15px auto;
	height:				140px;
	width:				850px;
}
	#header #translate-this { position: absolute; top: 10px; right: 0; font-size: 0.8em; color: #999; }
	#header #translate-this img { position: relative; top: 5px; }
	#header #img-artworkinternational-logo { position:absolute; bottom:0; left:0; }

#login-form
{
	position:			absolute;
	right:				0;
	bottom:				0;
	padding-top:		0;
	/*background:			url(../images/bg-login-form.gif) right top no-repeat;*/
}
	#login-form fieldset { border:none; }
	#login-form div { display:inline-block; margin-left:10px; }
	#login-form label { color:#888; font-size:0.9em; display:block; }
	#login-form input[type="text"], #login-form input[type="password"] { border:#ccc 1px solid; padding:3px 5px; width:125px; color:#666; font-size:11px; }
	#login-form input[type="image"] { position:relative; bottom:-5px; }
	#login-form #btn-login-go { border:0px; height:20px; width:20px; cursor:pointer; position:relative; bottom:-5px; margin-left:5px; }
	#login-form p { color:#666; text-align:right; }
	#login-form a { color:#333; text-decoration:none; }
	#login-form a:hover { text-decoration:underline; }
	
	body.ie7 #login-form label { padding-left: 10px; }
	body.ie7 #login-form div { float:left; text-align:left; }
	body.ie7 #login-form input[type="image"] { float:left; margin-left:10px; bottom:-15px; }

#menu
{
	margin:				0 auto;
	height:				35px;
	width:				850px;
	border:				#a2a2a2 solid 1px;
	padding:			1px;
	background:			url(../images/bg-menu.gif) top center;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-khtml-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

	#menu ul li a:link.current, #menu ul li a:visited.current, #menu ul li a:active.current { color: #fff; }
	#menu ul li ul li a:link.current, #menu ul li ul li a:visited.current, #menu ul li ul li a:active.current { color: #aaa; }
	#menu ul a:link, #menu ul a:visited, #menu ul a:active { color:#ccc; text-decoration:none; }
	#menu ul a:hover { color:#fff; text-decoration:none; }
	#menu ul { position:relative; }
	#menu ul li { float:left; list-style:none; padding:10px 20px; font-size:14px; }
	#menu ul li:hover { color: #fff; }
	#menu ul li div.dropshadow { position:absolute; top:35px; display:none; background:url(../images/drop_border.png) bottom right; z-index:9999; padding:0 4px 4px 0; }
	#menu ul ul { background:#eee; border:1px solid #999; }
	#menu ul ul a:link, #menu ul ul a:visited, #menu ul ul a:active { color:#555; text-decoration:none; }
	#menu ul ul a:hover { color:#333; text-decoration:none; }
		/* ie7 quirk fix */ .ie7 #menu ul div { left:165px; } 
	#menu ul ul li { padding:5px 20px 5px 5px; float:none; font-size:0.8em; }
	#menu ul ul li:hover { background-color:#ddd; }

#feature
{
	margin:				10px auto 0 auto;
	height:				150px;
	width:				850px;
	border:				#bbb solid 1px;
	padding: 			1px;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-khtml-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

	#feature a img { border:none; }

#page
{
	position: 			relative;
	margin:				25px auto 0 auto;
	padding-bottom:		15px;
	width:				850px;
}

#page-content
{
	margin-bottom:		25px;
	width:				565px;
	min-height:			450px;
	float:				left;
}

	#page-content h1 { font-size:1.8em; color:#444444; margin-bottom:30px; }
	#page-content h2 { font-size:1.5em; color:#898989; clear:left; }
	#page-content hr { height:1px; background:#ddd; border:none; width:90%; float:left; clear:left; margin-bottom:15px; }
	#page-content p { padding-bottom: 15px; clear:left; }
	#page-content p em { color: #666; }
	#page-content h2 + p.sub-heading { color: #666; font-style: italic; font-size: 0.9em; margin-top: -13px; }
	#page-content h2 + p.sub-heading em { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #333; }
	#page-content a, #page-content a:link, #page-content a:visited, #page-content a:active { color:#069; text-decoration:none; cursor:pointer; }
	#page-content a:hover { text-decoration:underline; color:#666; }
	#page-content ul { margin-left:15px; padding-bottom: 20px; }
	#page-content ul li { margin-bottom:5px; list-style-image:url(../images/bullet-square-gray-4x4.gif); list-style-type:square; }
	#page-content ul li ul { margin-top:10px; padding-bottom:10px; }
	#page-content strong { color:#555; }
	#page-content dl { margin-bottom:25px; }
	#page-content dl dt { margin-bottom:5px; font-weight:bold; color:#555; }
	#page-content dl dd { margin-bottom:20px; color:#777; line-height:1.2em; }
	
	#page-content dl.horizontal dt { display:inline-block; width:20%; text-align:right; margin-right:5px; color:#999; }
	#page-content dl.horizontal dd { display:inline-block; width:70%; margin-bottom:3px; color:#333; }
	
	#page-content img.bordered { 
		border:#ccc 1px solid; padding:1px; 
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
		-khtml-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	}
	#page-content img.bordered:hover { 
		border:#ccc 1px solid; padding:1px; 
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
		-khtml-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
	}
	
	#page-content img.portrait { float:right; margin:0 0 20px 20px; }
	#page-content a.top-link { font-size:0.9em; }
	#page-content a.top-link:hover { text-decoration:none; }
	#page-content a.top-link > img { margin-bottom:-3px; margin-right:5px; }
	#page-content form > fieldset { border:none; }
	#page-content form div.row { margin-bottom:5px; }
	#page-content form div.col { float:left; }
	#page-content form > fieldset legend { font-size:1.2em; color:#DDD; font-weight:bold; }
	#page-content form > fieldset label { display:inline-block; margin-right:5px; text-align:right; color:#666; min-width:100px; }
	#page-content form > fieldset em { color:#F99; font-size:0.9em; margin-left:5px; }
	#page-content form > fieldset input[type="text"], #page-content form > fieldset input[type="password"] { padding:1px 2px; font-size:1.1em; color:#333; }
	#page-content form > fieldset select { padding:1px 2px; font-size:1.1em; color:#333; }
	#page-content form > fieldset input[type="checkbox"] { margin-left: 105px; margin-right:5px; }
	
	#page-content form > fieldset input[type="checkbox"] + span,
	#page-content form > fieldset input[type="checkbox"] + label,
	{ color:#999; font-size:0.9em; margin-left:5px; position:relative; top:-2px; }
	#page-content form > fieldset button { border:#bbb 2px solid; padding:3px 20px; background-color:#ddd; color:#666; cursor:pointer; font-size:1.1em; }
		/* ie fix */ .ie #page-content form > fieldset button { border:none; }
	#page-content form > fieldset.buttons { padding-top:10px; padding-bottom:10px; }
	#page-content form > fieldset.buttons > button { margin-left:105px; }
	#page-content form > fieldset button:active { border:#999 1px solid; padding:4px 21px; }
	#page-content table { border-spacing:0; margin-bottom:10px; }
	#page-content table thead tr {  }
	#page-content table tr th { text-align:left; padding:5px; background-color:#ddd; }
	#page-content table tr td { text-align:left; padding:5px; border:#ddd 1px solid; border-collapse:collapse; }
	#page-content div.bottom-shim { height:25px; }
	#page-content img.featured { margin-top:20px; border:#aaa 2px solid; }
	#page-content p.light { color:#777; margin-top:-10px; margin-bottom:20px; }
	
#sidebar
{
	margin-bottom:		25px;
	padding-left:		10px;
	width:				250px;
	float:				right;
	border-left:		#ccc 1px dotted;
}
	#sidebar img.bordered { 
		border:#ccc 1px solid; padding:1px; 
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
		-khtml-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	}
	#sidebar h3 { font-size:1.2em; color:#aaa; margin-bottom:15px; }
	#sidebar dl dt { font-weight:bold; }
	#sidebar dl dd { margin-bottom:15px; color:#777; }
	#sidebar a:link, #sidebar a:visited, #sidebar a:active { color:#555; text-decoration:none; }
	#sidebar a:hover { text-decoration:underline; color:#555; }
	#sidebar ul { margin-left:15px; padding-bottom: 20px; }
	#sidebar ul li { margin-bottom:5px; list-style-image:url(../images/bullet-square-gray-4x4.gif); list-style-type:square; }
	#sidebar hr { height:1px; background:#ddd; border:none; width:90%; clear:left; margin:30px 0; }
	
#footer
{
	position:			absolute;
	bottom:				0;
	clear:				both;
	min-height:			150px;
	width:				100%;
	background:			#dcdcdc url(../images/bg-footer.gif) repeat-y center;
}

#bottom-line
{
	clear:				both;
	height:				10px;
	width:				100%;
	background:			#888 url(../images/bg-bottomline.gif) repeat-y center;
}

#footer-content
{
	margin:				0 auto;
	padding-top:		10px;
	width:				850px;
	color:				#999;
	font-size:			0.9em;
}
	#footer-content a:link, #footer-content a:visited, #footer-content a:active { color:#555; text-decoration:none; }
	#footer-content a:hover { text-decoration: underline; }
	#footer-content p { padding:10px 0; }
	
#loading { background:#fff; opacity:0.75; position:absolute; top:0; left:0; height:100%; width:100%; display:none; }
	#loading img { position:absolute; top:50%; left:50%; margin-top:-100px; margin-left:-100px; opacity:1; }