/* Art & Tech, Inc. CSS Document */

body {
	width: 80%;
	font-family:"Lucia Sans Unicode", Verdana, Geneva, sans-serif ;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;	
}


a {
	text-decoration: none;
	color: #00F;
	}
	
a:hover {
	color: #D5251E;
	text-decoration: underline;
}

iframe {
	width: 160px;
	height: 560px;
}


	
#header {
	background-image: url(at-artwork/header_new.png);
	background-repeat: no-repeat;
	padding-bottom: 12px;
}

#header img {
	float: right;
	margin-left: 390px;
}

.navBtnOff {
	width: 14.2%;
	text-align: center;
	background-color: #333333;
	color: #FFFFFF;
	margin-top: 80px;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.navBtnOff a {
	color:#FFF
}
.navBtnOff a:hover {
	color: #F90
}

.navBtnOn {
	width: 14.8%;
	text-align: center;
	background-color: #F90;
	color: #FFFFFF;
}

/* splash image  */	

#splashImg {
	background-color:#000;
}

#splashImg img {
	background-color:#000;
	text-align: center;
	width: 100%;
}

/* layout */

.c1 {
	width:26%;
	vertical-align: top;
	padding: 0.8em;
}


.c1 p {
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 0px;
	padding-bottom: 0.8em;
	color: #000;
}

.c1 h1 {
	font-size: .9em;
	margin: 0px;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	color: #D10C04;
}

.c1 h2 {
	font-size: 0.8em;
	margin: 0px;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	color: #000;
	line-height: 1.2em;
}

.c1 img {
	border-style: none;
	width: 100%;
}

/* right column */

.cr {
	width:22%;
	vertical-align: top;
	padding: 0.5em;
	border-left-color: #CCC;
	border-left-style: solid;
	border-left-width: 1px;
	background-color: #FFF;
}

.cr p {
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 0px;
	padding-bottom: 0.6em;
	color: #000;
}

.cr h1 {
	color: #000;
	font-size: .9em;
	line-height: 1.2em;
}

.cr ul {
	list-style-type: square;
	padding: 0.4em;
	margin: 0px;
}

.cr li {
	font-size: 0.8em;
	line-height: 1.2em;
	margin-left: 1em;
	padding-top: 0em;
	padding-bottom: 0.4em;
	color: #000;
}

.cr a {
	color: #00F;
}

.cr img {
	margin: 0px;
	padding: 0.5em;
}

/* right column testing */

.crTest {
	width:22%;
	vertical-align: top;
	padding: 0.5em;
	border-left-color: #CCC;
	border-left-style: solid;
	border-left-width: 1px;
	background-color: #EAEAEA;
}

.crTest p {
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 0px;
	padding-bottom: 0.6em;
	color: #000;
}

.crTest h1 {
	color: #900;
	font-size: 1em;
	line-height: 1.2em;
	margin: 0px;
	padding-bottom: 0.4em;
}

.crTest h3 {
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 0px;
	color: #000;
	padding-bottom: 0.4em;
}

.crTest ul {
	list-style-type: square;
	padding: 0.4em;
	margin: 0px;
}

.crTest li {
	font-size: 0.8em;
	line-height: 1.2em;
	margin-left: 1em;
	padding-top: 0em;
	padding-bottom: 0.4em;
	color: #000;
}

.crTest a {
}

.crTest img {
	margin: 0px;
	padding: 0.5em;
}

/* clients logos */

.cClients {
	width:22%;
	vertical-align: top;
	padding: 0.5em;
	border-left-color: #CCC;
	border-left-style: solid;
	border-left-width: 1px;
	background-color: #FFF;
	text-align: center;
}

.cClients img {
	margin: 0px;
	padding-bottom: 1em;
}

/* support organizations logos */

.cSupport {
	border-top-color: #CCC;
	border-top-style: solid;
	border-top-width: 1px;
}

.cSupport img {
	margin: 0px;
	padding: 0.5em;
}



/* embeded google forms iframe */



/* top, merged 3 columns */
.c1000 {
	padding: 1em;
	border-bottom-color: #999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.c1000 p {
	font-size: .9em;
	color: #000;
	margin: 0px;
	line-height: 1.2em;
}

.c1000 h1 {
	font-size: .9em;
	margin: 0px;
	padding-top: 0.4em;
	color: #D10C04;
	padding-bottom: 0.4em;
}



/* body, merged 3 columns */
.c2000 {
	padding: 1em;
	vertical-align: top;
}

.c2000 p {
	font-size: .9em;
	color: #000;
	margin: 0px;
	line-height: 1.2em;
}

.c2000 h1 {
	font-size: .9em;
	margin: 0px;
	padding-top: 0.4em;
	color: #D10C04;
	padding-bottom: 0.4em;
}

.c2000 img {
	margin: 0px;
}

/* left column in a 3 column layout */

.cleft {
	width:26%;
	vertical-align: top;
	padding: 0.4em;
	border-bottom-color: #CCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}


.cleft p {
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 0px;
	padding-bottom: 0.4em;
	color: #000;
}

.cleft h1 {
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 0px;
	padding-bottom: 0.4em;
	color: #D10C04;
	padding-left: 1em;
}




/* center column in a 3 column layout */

.c4 {
	width:52%;
	vertical-align: top;
	padding: 0.4em;
	border-bottom-color: #CCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}


.c4 p {
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 0px;
	padding-bottom: 0.4em;
	color: #000;
}

.c4 h1 {
	font-size: .9em;
	margin: 0px;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	color: #D10C04;
}

.c4 h2 {
	font-size: 0.8em;
	margin: 0px;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	color: #000;
}

.c4 ul {
	list-style-type: square;
	padding: 0.4em;
	margin: 0px;
}

.c4 li {
	font-size: 0.8em;
	line-height: 1.2em;
	margin-left: 1em;
	padding-top: 0em;
	padding-bottom: 0.4em;
	color: #000;
}



/* left column with picture */

.cl {
	vertical-align: top;
	padding: 1em;
	background-color: #FFF;
	border-right-color: #CCC;
	border-right-style: solid;
	border-right-width: 1px;
	text-align: left;
	width: 26%;
}

.cl img {
	width: 100%;
	padding-bottom: 1em;
	border-style: none;
}

.cl h1 {
	font-size: 0.9em;
	margin: 0px;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	color: #D10C04;
	line-height: 1.2em;
}

.cl p {
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 0px;
	padding-bottom: 0.8em;
	color: #000;
}


/* contact */
p.link {
	padding-top: 0.1em;
	border-bottom-color: #999999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin-top: 0.1em;
}

p.tSize {
	margin-top: .1em;
	border-bottom-color: #999999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	vertical-align: middle;
}


/* blog */

.blog {
	padding: 0.5em;
	border: #F60 solid 1px;
	text-align: center;
	color: #00C;
	font-weight: bold;
}

.blog a {
	color: #F60;	
}

#delicious {
	width: 10px;
	vertical-align: middle;
	padding-top: 1em;
}

/* show/hide */
.more {
	position: relative;
	display: none;
}


/* footer */

.footer {
	width:100%;
	text-align: center;
	border-top-color: #CCC;
	border-top-width: 1px;
	border-top-style: solid;
}

.footer p {
	color: #666;
	font-size: 0.7em;
	margin: 0px;
	padding-top: 0.5em;
}

.footer img {
	margin-right: 36px;
	border-style: none;
	vertical-align: middle;
}


.footer a {
	color: #666;
}


.blogFrame {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.axureTutorial {
	width: 100%;
}

/* left column ad */

.ad1 {
	text-align: center;
	padding: 0.4em;
	background-color: #EAEAEA;
}

.ad1 img {
}

.ad2 {
	text-align: center;
	padding: 0.4em;
	background-color:#FFF
}
.seeVariations {
	border: #F90 solid 1px;
	margin: 0px;
	padding-top: 0.5em;
	padding-bottom: 0.5px;
}

/* Language Bar */

#langbar {
	margin-top: 0px;
	font-size: .8em;
	font-weight:bold;
	height: 1.2em;
	padding-top: 1em;
	padding-bottom: .2em;
	text-align: left;
}

#langbar a {
	text-decoration: none;
	color: #900;
	}
	
#langbar a:hover {
	color:#F90;
	text-decoration: underline;
}


/*  Translated pages */

#headerlang {
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
}

.lang h1 {
	font-size: 1.3em;
	padding-bottom: .4em;
	padding-top: .4em;
	text-align: center;
	
}

.lang td {
	padding-top: 1.4em;
	vertical-align: top;
}

.lang li {padding-bottom: 1em;
}


.lang left { 
	width: 35%;
	padding: .6em;
}

.lang right { 
	width: 65%;
	padding: .6em;
}
.BOOK a {
	color: #FF3300;
}
.BOOK {
	width:22%;
	vertical-align: top;
	padding: 0.5em;
	border-left-color: #CCC;
	border-left-style: solid;
	border-left-width: 1px;
	background-color: #FFFFFF;
}
.BOOK p {
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 0px;
	padding-bottom: 0.6em;
	color: #000;
}
.BOOK h1 {
	color: #900;
	font-size: 1em;
	line-height: 1.2em;
	margin: 0px;
	padding-bottom: 0.4em;
}
.BOOK h3 {
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 0px;
	color: #000;
	padding-bottom: 0.4em;
}
.BOOK ul {
	list-style-type: square;
	padding: 0.4em;
	margin: 0px;
}
.BOOK li {
	font-size: 0.8em;
	line-height: 1.2em;
	margin-left: 1em;
	padding-top: 0em;
	padding-bottom: 0.4em;
	color: #000;
}
.BOOK img {
}
.BOOK a:hover {
	color: #900;
}