/* Reset -> */
*							{margin:0;outline:0;padding:0}
h1,h2,h3,h4,h5,h6			{font:italic 100.01%/100% Georgia,Times New Roman,serif}
table						{border-collapse:collapse;border-spacing:0}
th							{font-weight:normal;text-align:left}
ul,ol						{list-style:none}
input,textarea				{font-family:Verdana,Geneva,Arial,Helvetica,sans-serif}
a img           			{border:0;color:#ccc}

/* Global -> */
html						{height:100%}

body						{background:url('/images/title/bg.jpg') #fff top left repeat-x;color:#033;font:100.01%/100% Georgia,Times New Roman,serif;min-height:100%;min-width:1000px;position:relative}

a:link,a:visited			{color:#909}
a:hover,a:active			{text-decoration:none}

h1							{font-size:1.5em}
h2							{font-size:1.125em}
h3,h4,h5,h6					{font-size:0.9em}

/* Common -> */
.button						{cursor:pointer;padding:0 5px}
.clear						{display:inline-block;width:100%}
.icon						{margin:0 0.25em -0.25em 0}
.nowrap						{white-space:nowrap}
.strong						{font-weight:bold}

/* Markup -> */
#header						{height:550px;left:50%;margin-left:-40%;position:relative;width:80%}

#header .border				{float:left;margin-right:5%;width:25%}
#header .border img			{margin-bottom:0.75em}
#header .border h2			{color:#909}
#header .border p			{font-size:0.75em;margin-top:0.75em}

#nav						{position:absolute;right:0;top:3em}
#nav li						{display:inline;margin-left:0.5em}
#nav li a					{text-decoration:none}
#nav .spacer				{color:#8cb8bd;font-size:0.75em}

#logo						{position:absolute;right:0;text-align:center;top:6em;width:45%}

#phone						{bottom:4.5em;left:0;position:absolute}
#phone img					{float:left;margin-right:5px}
#phone p					{font-size:0.75em;font-style:italic;margin-top:0.5em}
#phone h1					{color:#fff}

#picture					{position:absolute;top:370px;right:0;text-align:center;width:75%} 

#content					{clear:both;margin:0 auto;padding-bottom:5.5em;position:relative;width:80%}

#left						{float:left;margin-top:2em;width:25%;padding-bottom:120px;}

#left .menu li				{margin-top:0.75em}
#left .menu li h2			{color:#699}

#left .all					{display:block;font-size:0.75em;font-style:oblique;margin-top:1.25em}		
#left .banner				{margin:3em 0 0 0}

#left.map .banner			{margin-bottom:2px}
#left.list .banner			{margin-top:0}

#contacts					{position:absolute;bottom:47px;clear:both;margin-top:30px;}
#contacts a					{text-decoration:none;}
#contacts img				{float:left;margin-left:-35px;}
#contacts span				{color:#033;float:left;font-size:1.125em;font-style:italic;margin:65px 0 0 -45px;text-decoration:underline}
#contacts span:hover			{text-decoration:none}

#right						{float:right;margin-top:9em;width:70%}

#right h1					{margin-bottom:30px;}

#right.list					{padding-bottom:2em}

#right .category			{margin-bottom:2em}
#right .category h1			{color:#909}
#right .category h1,
#right .category h2			{margin-bottom:0.5em}

#right .category dd			{float:left;width:25%}
#right .category dd img		{vertical-align:bottom}

#right .category .info		{margin:0.25em 0 1em 0}
#right .category .info img	{float:left;margin-right:10px}
#right .category .info p	{font-size:0.75em;margin:0.25em 0}

#right .pager				{font-size:1.125em;font-style:italic;margin:2em 0 0 -0.5em}
#right .pager li			{display:inline;padding:0.25em 0.5em}
#right .pager .active		{background:#699;color:#fff}

#footer						{background:#866386;bottom:0;color:#fff;font-size:0.75em;left:0;padding:1.25em 10%;position:absolute;width:80%}
#footer p					{float:left}
#footer p img				{margin:0 10px -5px 0;position:relative}
#footer a					{color:#fff}
#footer div					{float:right;text-align:right;width:35%}
#footer div img				{float:left}

.news						{margin-top:1.25em}
.news h2 a					{color:#699}
.news dd					{font-size:0.75em;margin-top:0.75em}

#map						{background:#ebe4ea;padding:15em 0;text-align:center}

.text h1,.text h2,.text h3	{margin-bottom:0.5em}
.text p						{margin-bottom:2em}
.text p						{font-size:0.75em}