* {	margin:0px;	padding:0px;}
html {font-size: 100%;height: 100%;}
body {font: normal 76%/1.45em Tahoma, Verdana, Arial;color:#111111;background-color:#fff;background:repeat-x center top;letter-spacing:0.08em;}
a, a:link, a:active, a:visited {color:#222222;text-decoration:none;}
a:hover {text-decoration:none; color:#000000;}
input, textarea, select {border:1px solid #C1BFBF;font-family:Tahoma, Verdana, Arial;padding:2px;font-size:1.1em;background: transparent url(../images/input.gif) repeat-x top center;color:inherit;}
input:focus, textarea:focus{border:1px solid #777;}
input[type=submit], input[type=button], input[type=reset] {color: #FFFFFF;background:transparent none;padding:3px;}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover {cursor:pointer;}

img {border:0;}
p {margin:1em auto;}
hr {height:1px;background-color:#C8C8C8;border:0;margin:5px 0;}

h1 {font-size:1.4em;margin-bottom:0.5em;padding:0.2em 0;font-weight:normal;letter-spacing:1px;vertical-align:top;text-align:left;border-bottom:1px solid;}
h1 b {font-weight:normal;}
h2 {font-size:1em;}
h3 {font-size:1.2em;font-weight:normal;border-bottom:1px dotted;margin:0.5em 0;}
h4 {font-size:1.2em;font-weight:normal;padding:0.5em 0;}

ul {margin:1em;}
ul li {margin:auto 1em;}
ul li ul {margin:0.5em;}
h5 {font-size:1em;text-decoration:underline;padding:1em 0;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.lmargin50 {margin-left:50px;}
.width45 {width:48%;padding:0 1em 0 0;}
.width35 {width:35%;}

fieldset {border:0px none;}
fieldset legend {font-weight:bold;text-decoration:underline;}
fieldset p {margin:0.5em auto;}
fieldset p label {display:block;width:25%;float:left;padding:0 2px;}
fieldset p span {border:1px solid #CCCCCC;display:block;float:left;width:60%;padding:0.5em;font-size:0.9em;}
fieldset p span img {margin:0;}

.errorMsg {color: #FF0000;text-align:center;}
.successMsg {color: #006600;text-align:center;}

#layout {background-repeat:repeat-x;background-position:center top;}
#wrapper {margin:0 auto;padding-left:10px;background:url(../images/bg-spacer-left.png) repeat-y left;z-index:1;}
#container {padding-right:10px;background:url(../images/bg-spacer-right.png) repeat-y right;}

#layoutChanger {margin-left:5px;float:left;padding:2px 0;width:16px;background:url(../images/layout-type.png) no-repeat left center;cursor:pointer;}
#layoutChanger:hover {background-position:right;}

.layout-liquid {width: 90%;}
.layout-fixed {width: 900px;}

.top_menu {padding:5px;height:20px;}
.top_menu img {padding:0px 3px 0px 5px;}
.top_menu #color a {display:block;height:4px;width:4px;float:left;margin:6px 3px;padding:2px;border:1px solid #CCCCCC;}

#top_header {height:150px;}
#top_header div {float:right;}
#top_header a {float:left;}

#top-links {font-size:0.9em;}

#logo {background: no-repeat 0 0;height:150px;width:365px;display:block;}

#pic_loop {height:150px;width:325px; overflow:hidden;position:relative;}
#pic_loop img {position:absolute;top:0;left:0;background: no-repeat 0 0;height:150px;width:325px;}

#menu {width:215px;;float:left; padding:10px 5px;}
#menu a {display:block;	margin:5px 0px;	padding:9px 0px 0px 25px; height:32px; background: transparent no-repeat center top; position:relative;}
#menu a:hover, #menu a.active {color:#FFFFFF; background-position:bottom;background-color: transparent;}
#menu a span {position:absolute; right:8px;	bottom:6px;	font-family:Arial; font-size:0.8em; color:#AAAAAA;}
#menu a:hover span, #menu a.active span {font-size:1em;color:#FEFEFE;}

#body_container {margin-left: 230px;padding:15px 10px;min-height:325px;text-align:justify;}
#body_container img {margin:0 1em;}

/* Project Start */
#ds-category {}
#ds-category a {border:1px dashed #DDDDDD;margin:0.25em;padding:0.5em;display:block;height:150px;width:30%;float:left;text-align:center;letter-spacing:normal;}
#ds-category a:hover {border-style:solid;cursor:pointer;font-weight:bold;}
#ds-category a span {height:100%;display:block;margin:0 auto;}
#ds-category a span img, #ds-category a span canvas {margin:1px;}

#ds-list {}
#ds-list div {border:1px dashed #DDDDDD;margin-top:1em;padding:0.5em;padding-left:2em;height:100%;display:table;}
#ds-list div:hover {cursor:default;color:#000000;}
#ds-list div h2 {padding-left:20px;margin-left:-20px;background:no-repeat -16px 0;}
#ds-list div:hover h2 {background-position:0 -22px;color:#000000;}
#ds-list div a.thumb {padding:0 0.5em 0.5em;}
#ds-list div a span {}
#ds-list div a img, #ds-list div a canvas,
#ds-list div a span img, #ds-list div a span canvas {margin:1px;}

#ds-list div a.more-link {font-size:0.8em;background:url(../images/arrow.gif) no-repeat right 6px;width:70px;margin-top:1em;display:block;}
#ds-list div a.more-link:hover {background:url(../images/arrow.gif) no-repeat right 6px;width:75px;text-decoration:blink;}

#project-view {height:100%;}
#project-view div.sub {border-left:1px dotted #DDDDDD;float:right;margin-left:1em;padding-left:1em;width:30%;}
#project-view div.sub a span {margin:0 auto;display:block;cursor:pointer;}
#project-view div.sub div img, #project-view div.sub div canvas,
#project-view div.sub a span img, #project-view div.sub a span canvas {margin:1px;}
#project-view label {display:block;margin-top:1em;font-weight:bold;}

#project-widget a {float:left;text-align:center;width:32%;white-space:nowrap;}
#project-widget a:hover {font-weight:bold;}
#project-widget a span {margin:0 auto;display:block;}
#project-widget a span img, #project-widget a span canvas {margin:1px;}

#project-gallery a {float:left;text-align:center;width:33%;white-space:nowrap;overflow:hidden;}
#project-gallery a:hover {font-weight:bold;}
#project-gallery a span {margin:0 auto;display:block;}
#project-gallery a span img, #project-gallery a span canvas {margin:1px;cursor:pointer;}
/* Project End */

/* Pagination */
#pagination {padding:1em 0;text-align:center;border-top:1px solid #DDD;height:100%;}
#pagination a, #pagination span, #pagination label {border:1px solid #EEEEEE;padding:3px;line-height:1em;white-space:nowrap;font-weight:bold;color:#444;}
#pagination a:hover, #pagination span {color:#FFFFFF;background:transparent;}
#pagination label {color:#CCCCCC;}
/* Pagination End*/

#mapCanvas {width:300px;height:300px;border:1px solid #CCCCCC;overflow:hidden;}

/* christmas */
#christmas {position:absolute;top:0;height:1px;width:1px;}
#christmas div {position:absolute;}

/* sitemap */
/*#sitemap ul li {display:inline-block;width:100%;background:transparent url(../images/sitemap/line_horizontal_solid.gif) repeat-x scroll 0 1.5em;padding:0 0 1.5em 5px;margin:5px;list-style:none;font-size:small;}
#sitemap ul li ul li {display:block;clear:none;border:0px solid red;float:left;width:45%;background: url(../images/sitemap/ico_list_square.gif) no-repeat 0 0.5em; margin: 5px 0 3px 5px; padding: 0 0 0 15px;}
#sitemap ul li ul li ul li {float:none;width:auto;background: url(../images/sitemap/ico_gray_arrow.png) no-repeat 0 0.5em;}
*/
#sitemap ul {margin:0.2em;}
#sitemap ul li {display:inline-block;width:100%;margin:2px;font-size:medium;list-style:none;}
#sitemap ul li a {display:block;border-bottom:1px dotted #DDD; padding:0.5em 1.2em;background-repeat:no-repeat;background-position:5px 12px;}
#sitemap ul li a:hover {background-position:5px -18px;}
#sitemap ul li ul {margin:0.2em 0.2em 1em 0.2em;display:inline-block;}
#sitemap ul li ul li {float:left;width:47%;font-size:0.9em;padding:0 0.3em;vertical-align:top;}
/*#sitemap ul li ul li:nth-child(odd){float:left;clear:left;}
#sitemap ul li ul li:nth-child(even){float:left;clear:left;}*/
#sitemap ul li ul li a {display:block;border-bottom:1px dotted #CCC;padding:3px 15px;background-color: #F9F9F9; background-position: 5px -50px;color:#222;}
#sitemap ul li ul li a:hover {background-color:#F7F7F7;background-position:5px -80px;}
#sitemap ul li ul li ul {margin:0.2em 0em 0.2em 0.7em;}
#sitemap ul li ul li ul li {float:none;width:100%;padding:0;}
#sitemap ul li ul li ul li a {border:0 none;padding:0 15px;background-color: transparent; background-position:0px -114px;}
#sitemap ul li ul li ul li a:hover {background-color: transparent;background-position:0px -174px;}
#sitemap ul li ul li ul li ul li a {background-position:0px -234px;}
#sitemap ul li ul li ul li ul li a:hover {background-position:0px -294px;}

/* Footer */
#footer {margin:1em;font-size:0.9em;}
#footer a:hover {text-decoration:underline;}
#footer #valid {margin:2em 0 0 0;text-align:center;}
#footer #valid a {background:url(../images/browser.png) no-repeat center top;height:20px;width:30px;display:inline-block;margin:10px;}
#footer #valid a:hover {text-decoration:none;}
#footer #valid .host-monster 		{background:url(../images/host-monster.png) no-repeat center;width:100%;height:40px;margin-bottom:10px;}
#footer #valid .css 				{background:url(../images/validation-css.png) no-repeat center;width:80px;}
#footer #valid .xhtml 				{background:url(../images/validation-xhtml.png) no-repeat center;width:80px;}
#footer #valid .internet-explorer	{background-position:center top;}
#footer #valid .google-chrome		{background-position:center -20px;}
#footer #valid .mozilla-firefox		{background-position:center -40px;}
#footer #valid .netscape-navigator	{background-position:center -60px;}
#footer #valid .opera				{background-position:center -80px;}
#footer #valid .safari				{background-position:center -100px;}
#footer #valid .aol					{background-position:center -120px;}
#footer #valid .iphone				{background-position:center -140px;}