@charset "utf-8";
/* CSS Document */

* { font-family:Georgia, "Times New Roman", Times, serif; padding: 0px; margin: 0px; font-size: 100%; }
html, body { height: 100%; line-height: 18px; }

body {font-size: 11px; padding: 0px 10px; background:#C59B6C url(../images/Global_BK.jpg) repeat-y center; }

img { border: 0px; }
p { margin: 0px 0px 10px 0px;}

table h1, table h2, table h3, table h4, table h5, table h6 { margin-top: 0px; }

table.form td, table.form th { padding: 2px; }
input.text, select, textarea { padding: 1px; border: 1px solid  #808080; }
input.button {  border: 0px; padding: 3px 5px; font-weight: bold; }

ol, ul {padding-left: 13px; margin:10px 0 11px 13px; }

#root { width: 822px; margin: 0px auto;}

		#header {height:160px; background:transparent url(../images/Artful-Structure-Interaction-Design.png) no-repeat 20px 90px;}
			#header h1{display:none;}
			
		#content-root {padding-top:20px; height:580px; color:#524640;}
			#left-root {float: left; width: 411px; height:450px; background:#FFFFFF url(../images/Post-its.png) no-repeat 15px 0px;}
			#left-root ul{list-style:none; padding:25px 50px 0 135px; font-style:italic; line-height:14px;}
			#left-root ul li#bulb{margin-bottom:20px;}
			#left-root ul li#design-strategy{margin-bottom:30px;}
			#left-root ul li#user-research{margin-bottom:20px;}
			#left-root ul li#user-experience{}
			#left-root .x-large{ font-size:14px; line-height:14px; font-weight:bold;}
						
			#right-root {float: left; width: 355px; padding:10px 38px 0 18px; font-size:12px; text-align:justify; }
				#about-me{height:120px; padding:45px 20px 40px 25px; margin: 30px 0 40px; line-height:14px; text-align:left; background:#FFFFFF url(../images/About-Me.png) no-repeat 50% 0%; color:#4C4C4C; font-size:11px;}
				#about-me p{margin:10px 0 1px 0;}
				#about-me a{color:#4C4C4C;}
				#about-me #email{display:block; color:#4C4C4C; width: 85%; height:34px; padding-left:15%; font-size:14px; line-height:34px; background:transparent url(../images/Email-Post-it.png) no-repeat 0% 10%;}
				
				#skills{ margin:15px 0 0; padding:5px; background-color:#F7F7F4;}
				#skills ul{margin:5px 0 0 10px; list-style-type:armenian ;}
				
	#footer { padding: 5px 5px 0px; width:773px; margin:auto; background:#FFFFFF url(../images/Footer_BK.png) no-repeat 50% 0%; }
	#footer a{ color:#B2B2B2;}

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }
.clear-left { clear: left; line-height: 1px; height: 1px; font-size: 1px; }
.clear-right { clear: right; line-height: 1px; height: 1px; font-size: 1px; }
.clear { clear: both; line-height: 1px; height: 1px; font-size: 1px; }
.float-left { float: left; }
.float-right { float: right; }
.error { text-align: center; font-weight: bold; color: red; }