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

body {
margin: 0px; padding: 0px; background: #476ba7; font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}

h1 {
color: #ffed01; font-size: 18px; font-weight: bold; letter-spacing: 1px;
}

h2 {
color: #ffed01; font-size: 15px; font-weight: bold; letter-spacing: 1px;
}

h3 {
color: #ffed01; font-size: 15px; font-weight: bold; letter-spacing: 1px;
}

a img {
border: 0px;
}

p {
text-align: justify;
}

ul {

}

a:link {
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #ffffff;
}
a:hover {
	text-decoration: none;
	color: #ffed01;
}
a:active {
	text-decoration: none;
	color: #ffffff;
}

/* menu */

ul.top_menu {
margin: 0px;
padding: 0px;
}

a.top_menu_item:link, a.top_menu_item:visited, a.top_menu_item:active {
color: #ffffff;
text-decoration: none;
}

li.top_menu_item a.menuparent {
color: #ffed01;
text-decoration: none;
}

a.top_menu_item:hover {
text-decoration: none;
color: #ffed01;
}

li.top_menu_item {
display: inline;
padding-left: 20px;
padding-right: 20px;
}

ul.top_menu li.currentpage {
color: #ffed01;
}

li.top_menu_item a.menuactive:link, li.top_menu_item a.menuactive:visited, li.top_menu_item a.menuactive:active {
color: #ffed01;
text-decoration: none;
}

#left_column li {
list-style-type: none;
}

#left_column ul {
margin: 0px;
padding: 0px;
}

ul.left_menu {
color: #ffed01;
font-size: 14px;
font-weight: bold;
}

ul.left_menu li {
padding-top: 3px;
padding-bottom: 3px;
}

li.left_menu_item {
list-style-type: none;
}

ul.left_menu a.menuactive:link, ul.left_menu a.menuactive:visited, ul.left_menu a.menuactive:active, ul.left_menu a.menuactive:hover, ul.left_menu a.menuparent:link, ul.left_menu a.menuparent:visited, ul.left_menu a.menuparent:active, ul.left_menu a.menuparent:hover {
color: #ffed01;
text-decoration: none;
}

ul.left_menu a:hover {
color: #ffed01;
text-decoration: none;
}

/*end menu */

div#top_wrapper {
z-index: 2; position: relative; width: 940px; height: 134px; top: 0px; left: 50%; margin-left: -470px;
}

div#slogan {
position: absolute; width: 330px; top: 25px; left: 20px; line-height: 20px; font-size: 11px; color: #ffffff;
}

div#logo {
position: absolute; width: 442px; height: 48px; top: 20px; right: 20px;
}

div#top_menu {
position: absolute; width: 940px; height: 33px; top: 88px; line-height: 33px; vertical-align: middle; text-align: center; font-size: 14px; color: #ffffff; font-weight: bold;
}

div#wrapper {
z-index: 3; position: relative; width: 940px; left: 50%; margin-left: -470px; background: url(images/left_background.jpg) top left repeat-y; overflow: hidden;
}

div#left_column {
position: relative; float: left; width: 250px; min-height: 500px; padding: 20px;
}

div#right_column {
position: relative; float: left; width: 600px; min-height: 500px; padding: 20px;
}

div#intro_block {
position: relative; width: 575px; height: 335px; padding-left: 5px;
}

img#computer {
position: absolute; right: 0px; top: 0px;
}

div#welcome {
position: relative; padding-top: 35px; width: 264px;
}

div#welcome_text {
position: relative; padding: 10px 0px 0px 10px; width: 254px; font-size: 14px; font-weight: bold; line-height: 24px; letter-spacing: 2px;
}

img#browse_templates {
margin-top: 10px;
}

div#view_template_links {
position: relative; padding: 10px 0px 10px 0px;
}

div#footer_wrapper {
position: relative; width: 100%; background: #000000;
}

div#footer {
position: relative; width: 860px; padding: 20px; left: 50%; margin-left: -430px; color: #ffffff;
}

div#top {
z-index: 1; position: absolute; width: 100%; top: 0px; height: 200px; background: url(images/background_top.jpg) top center repeat-x;
}