*		{ font-size: 11px; font-family: 'Helvetica CE', 'Helvetica', Arial, Geneva, Verdana, sans-serif; color: #FFF; }
body		{ text-align: center; margin: 0; padding: 0; background: #663399; }

#page		{ width: 800px; text-align: left; padding: 0; margin: 20px auto; position: relative; }
#header		{ height: 215px; }
#line		{ height: 200px; border-bottom: 1px solid #FFF; position: relative; }
#content	{ height: 160px; }
#footer		{ height: 10px; }

#color_changer	{ width: 104px; height: 28px; }
#webdesign		{ margin: 10px 0; font-size: 9px; }
#bottomMenu			{ margin: 6px 0 0 0; line-height: 8px; }
#bottomMenu a		{ font-size: 9px; }
#color_changer span	{ margin: 0; padding: 1px 0; font-weight: bold; font-size: 20px; line-height: 20px; }

#color_arrow	{ float: left; width: 130px; padding-top: 40px; }
#design_studio	{ float: left; width: 260px; padding-top: 40px; }
#about_design	{ float: left; width: 401px; padding-top: 40px; }

h1		{ font-size: 23px; margin: 0; }
h2		{ font-size: 15px; }
h1 span	{ font-size: 23px; font-weight: normal; }

a					{ color: #FFF;text-decoration: none; }
a:hover				{  }
#webdesign a		{ font-size: 9px; }
#line a				{ font-size: 60px; font-weight: bold; }
#color_changer a	{ width: 104px; height: 28px; display: block; }

.hneda #color_changer a				{ background: url(img/c0.gif) 0 0 no-repeat; }
.hneda #color_changer a:hover		{ background: url(img/c0b.gif) 0 0 no-repeat; }
.purporova #color_changer a			{ background: url(img/c1.gif) 0 0 no-repeat; }
.purporova #color_changer a:hover	{ background: url(img/c1b.gif) 0 0 no-repeat; }
.fialova #color_changer a			{ background: url(img/c2.gif) 0 0 no-repeat; }
.fialova #color_changer a:hover		{ background: url(img/c2b.gif) 0 0 no-repeat; }
.zelena #color_changer a			{ background: url(img/c3.gif) 0 0 no-repeat; }
.zelena #color_changer a:hover		{ background: url(img/c3b.gif) 0 0 no-repeat; }
.cerna #color_changer a				{ background: url(img/c4.gif) 0 0 no-repeat; }
.cerna #color_changer a:hover		{ background: url(img/c4b.gif) 0 0 no-repeat; }
.ruzova #color_changer a			{ background: url(img/c5.gif) 0 0 no-repeat; }
.ruzova #color_changer a:hover		{ background: url(img/c5b.gif) 0 0 no-repeat; }

#c0, #c1, #c2, #c3, #c4, #c5		{ position: absolute; left: 130px; bottom: 2000px; }

img			{ border: none; }
form		{ margin: 0; padding: 0; }
input		{ display: none; }

.hneda		{ background: #996600; }
.purporova	{ background: #F0037F; }
.fialova	{ background: #663399; }
.zelena		{ background: #31B6AB; }
.cerna		{ background: #000000; }
.ruzova		{ background: #CC33CC; }