/* ======================================================================

    aosaico.css

    aosaico.com
    amy.w@amini.com
    (c) 2009, All Rights Reserved.

    Stylesheet prepared by Amy Wang

 ======================================================================== */
 
#container { /* default and CP*/
	position: relative;
	width: 983px;
	margin: auto; }
	
#size { height: 400px;}
img {
	behavior: url("pngbehavior.htc");}

.list ul { margin: 0; padding: 0; width: 100%; text-align: left; padding-left: 35px;}
.list li { list-style: none; text-indent: 15px; padding: 0 0 0 0; margin: 0; float: left; position: relative; width: 215px;}

.list2 ul { margin: 0; padding: 0; width: 100%; text-align: left; padding-left: 35px;}
.list2 li { list-style: none; text-indent: 15px; padding: 0 0 0 0; margin: 0; float: left; position: relative; width: 112px;}


#photo
{	position: absolute;
	width: 470px;
	background: url(/images/photo_framebg.jpg) no-repeat}

div#photo2 { position: relative; left: 0px; top: 0px;}
/* div#photo2IE { position: absolute; left: -3px; top: 340px;} */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	div#navi_top_safari { z-index: 100; position: relative}
	div#safari{ position: absolute; top: 0px;}
	div#photo2 { position: relative; left: 0px; top: 172px;}
	} /* Show on Safari Correctly */

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { 
	head~body div#photo2 { position: relative; left: 0px; top: 0px;}
	} /* Show on Opera Correctly */

.cookie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #828282;}

#keyboard_button {
	background: url(/images/keyboard_BT.jpg) no-repeat;
	/*position: absolute;
	left: 890px;
	top: 620px;*/}
#keyboard_button a { text-decoration: none; color: #333333}
	
.keyboard {
	background: url(/images/keyboard.jpg) no-repeat;}
	
#preview {
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;}
	
#iframe_typic {
	overflow:auto;
	padding-left: 10px;
	width: 470px;
	height: 220px;}

#iframe_typicIE { /***** top for IE 6 */
	position: absolute;
	width: 460px;}

#iframe_typicIE #iframe_typic { /***** top for IE 6 */
	overflow:auto;
	position: absolute;
	width: 460px;
	height: 210px; 
	top: 0px;}

#iframe_typicIE7 { /***** top for IE 7 */
	position: absolute;
	width: 400px;}

#iframe_typicIE7 #iframe_typic { /***** top for IE 7 */
	overflow:auto;
	position: absolute;
	width: 460px;
	height: 210px; 
	top: 0px;}
	
#iframe_typicC {
	overflow: auto;
	padding-left: 10px;
	width: 470px;
	height: 255px;}

#iframe_typicCIE { /****** bottom for IE 6 */
	position: absolute;
	width: 460px;
	top: 215px}
	
#iframe_typicCIE #iframe_typicC { /****** bottom for IE 6 */
	overflow: auto;
	position: absolute;
	width: 450px;
	height: 235px; 
	top: 0px}

#iframe_typicCIE7 { /****** bottom for IE 7 */
	position: absolute;
	width: 480px;
	top: 215px}
	
#iframe_typicCIE7 #iframe_typicC { /****** bottom for IE 7 */
	overflow: auto;
	position: absolute;
	width: 460px;
	height: 235px; 
	top: 0px}

#iframe_comp {
	overflow: auto;
	padding-left: 10px;
	width: 470px;
	height: 480px;}
	
.comp_no { background:url(/images/comp_no.jpg) repeat-y; width: 110px;}
.h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #828282;
	line-height: 16pt;
	font-weight: bolder;
	text-transform: uppercase;}

.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #828282;
	line-height: 22pt;}

.h3 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #828282; font-weight: bolder; text-transform: capitalize; line-height: 20px}

.p2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #828282;
	line-height: 14pt;}


.p2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #828282;
	line-height: 14pt;
	text-decoration: none;}
.p2 a:link, .p2 a:visited { color: #828282;}
.p2 a:hover, .p2 a:active { color: #ce7326;}
.p3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #757575;
	line-height: 14pt;}
.alignL { text-align: left !important;}
.note { color: #964c1b; font-weight: bolder;}
.capitalize { text-transform: capitalize}
.uppercase { text-transform: uppercase}
.white { color: #ffffff !important}
.white a:link, .white a:visited  { color: #ffffff !important}
.white a:hover, .white a:active  { color: #ffffff !important;}

.color1 { color: #747474;}
.bold { font-weight: bolder;}

.SMheader { /* Site Map Use*/
display: block; width: 235px;
padding-left: 10px;
font-size: 12px;
background-image:url(/images/sitemap-section.jpg);
background-repeat:no-repeat;
border: #999999;
border-style: solid;
border-width: 1px;
margin-bottom: 4px;}
.SMheader ul { margin-top: 6px;}
.SMheader ul li { margin-left: -13px; line-height: 22px; margin-right: 20px;}

a.sequenceoff {
	margin: 0px 0px 0px 0px;
	padding: 1px 2px 2px 2px;}

a.sequenceon:link { color: #828282}

a.sequenceon {
	background-color: #f1f1f1;
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	margin: 0px 0px 0px 0px;
	padding: 0px 2px 1px 4px;}

a.sketchlinkon:hover { background: #ec8a38; padding: 0 0 2px 0;} /* border: 1px solid #CCCC00 */
a.sketchlinkoff { border: 0}
a.sketchlinkoff:hover { background: #CCCC00; padding: 0 0 2px 0;}
a.sketchlinkon { background: #ec8a38; padding: 0 0 2px 0;} /* border: 1px solid #ec8a38 */

.icon_key a:link img, .icon_key  a:visited img { background: url(/images/keyboard_BT2.jpg) no-repeat}
.icon_key  a:hover img, .icon_key  a:active img { background: url(/images/keyboard_BT2on.jpg) no-repeat}

.icon_mag a:link img, .icon_mag  a:visited img { background: url(/images/b_mag.jpg) no-repeat}
.icon_mag  a:hover img, .icon_mag  a:active img { background: url(/images/b_magO.jpg) no-repeat}

.icon_ai a:link img, .icon_ai  a:visited img { background: url(/images/b_ai.jpg) no-repeat}
.icon_ai  a:hover img, .icon_ai  a:active img { background: url(/images/b_aiO.jpg) no-repeat}

.icon_email a:link img, .icon_email  a:visited img { background: url(/images/b_email.jpg) no-repeat}
.icon_email  a:hover img, .icon_email  a:active img { background: url(/images/b_emailO.jpg) no-repeat}

.icon_bro a:link img, .icon_bro  a:visited img { background: url(/images/b_bro.jpg) no-repeat}
.icon_bro  a:hover img, .icon_bro  a:active img { background: url(/images/b_broO.jpg) no-repeat}

.page { color: #828282;}
.page a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #828282;
	line-height: 14pt;
	text-decoration: none;
	padding: 0 8px 0 8px}
.page a:link, .page a:visited {
	color: #828282;}
.page a:hover, .page a:active {
	color: #ce7326;}

.t1_sketchg { background: url(/images/sketchg_bg.jpg) no-repeat;}
.t2_sketch { background: url(/images/sketch_bg.jpg) no-repeat;}

td.t1_sketchg a:link img, td.t1_sketchg a:visited img { border: none;}
/*td.t1_sketchg a:hover img, td.t1_sketchg a:active img { width: 88px; border: 1px solid #ec8a38}*/

a.navi:hover { color: #ec8a38}
a.navioff { color: #999999}
a.navion { color: #ec8a38}

.fill { color: #585858; text-align: center;}
.fill2 { color: #585858; text-align: left; text-indent: 4px}
.buttons {
	display: inline;
	background: #a1a1a1;
	text-align: center;
	padding: 0;
	margin-right: 4px;	
	float: left;}

.buttons a {
	color: #999999;
	background: #919191;
	float: left;
	margin:	0;
	text-decoration: none;}
	
.buttons a:hover { color: #ff9933}

.buttons a span {
	background: #a1a1a1;
	display: block;
	padding: 2px 8px 0px 8px;}

.selection {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt; text-transform: capitalize;
	color: #666666;}
	
/* ######### CSS for Sketches Tab######### */
.shadetabs {
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
list-style-type: none;
width: 460px;
/*text-align: right; set to left, center, or right to align the menu as desired */
}

.shadetabs li {
display: inline;
margin: 0;
}

.shadetabs li a {
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 12px;
margin-right: 3px;
border: 1px solid #a9a9a9;
color: #ffffff;
background: #a9a9a9;
}

.shadetabs li a:visited{
color: #ffffff;
}

.shadetabs li a:hover{
color: #ffffff; background: #ec8d3c;
border-top: #ec8d3c 3px solid; border-left: #ec8d3c 1px solid; border-right: #ec8d3c 1px solid;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px; color: #828282;
background: #ffffff;
border-bottom-color: white; padding-top: 6px;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
background: #ffffff; color: #828282; 
border-top: #a9a9a9 1px solid; border-left: #a9a9a9 1px solid; border-right: #a9a9a9 1px solid;
}
/* ######### END  CSS for Sketches Tab ######### */

/* ######### CSS for Sub-Sub-Menu Tab ######### */
.subsub {
padding: 0 0 3px 10px !important;
}

.subsub li {
padding: 0 0 0 0; text-transform: capitalize;
}

.subsub li a {
text-decoration: none; line-height: 20px !important;
}

.subsub li a:visited{
color: #828282;
}

.subsub li a:hover{
color: #d86a0b !important; background: url(/images/minus4.gif) no-repeat !important;
}

.subsub li a.selected{ /*selected main tab style */
position: relative;
color: #d86a0b !important; 
background: url(/images/minus4.gif) no-repeat;
}

.subsub li a.selected:hover{ /*selected main tab style */
text-decoration: none;
color: #d86a0b; 
background: url(/images/minus4.gif) no-repeat !important;
}
/* ######### END  CSS for Sub-Sub-Menu Tab ######### */


/* ######### CSS for Sub-Sub-Menu Tab NONE Sub ######### */
.subsub2 {
cursor: text;
}

.subsub2 li {
cursor: text;
}

.subsub2 li a {
text-decoration: none;
}

.subsub2 li a:visited{
color: #828282;
}

.subsub2 li a:hover{
color: #d86a0b !important; background: #ffffff!important; cursor: text;
}

.subsub2 li a.selected{ /*selected main tab style */
position: relative;
color: #d86a0b !important; 
background: #ffffff;
}

.subsub2 li a.selected:hover{ /*selected main tab style */
text-decoration: none;
color: #d86a0b; 
background: #ffffff !important; cursor: text;
}
/* ######### END  CSS for Sub-Sub-Menu Tab ######### */