body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:120%;
	color: #29325A;
	background-image: url(../images/wood.jpg);
	background-repeat: repeat;
	margin:0;
	line-height:100%
}

h1 {
line-height: 125%;
color: #716363;
}

a:link, a:visited {
	color: #29325A;
}

a:hover, a:active {
	color: #716363;
	text-decoration: none;
}


/*General Container */
#site_container {
	height:100%;
	width:100%;
	background-image:url(../images/splater.gif);
	background-repeat:no-repeat;
	background-position:right top;
	position:absolute;
	display: table;
}

/*top area*/
#logo {
	width:1000px;
	height:200px;
	margin:auto;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

#top_container {
	width:100%;
	height:220px;
	position:relative;
	clear: both;
}

#menu {
	width:auto;
	height:200px;
	float:right;
	line-height: 100px;
	color: #716363;
	background-image:url(../images/top_menu.gif);
	background-repeat:no-repeat;
	background-position: 0px 28px;
}

#menu a:link, #menu a:visited {
	color: #29325A;
	text-decoration: none;
	padding-left:20px;
	padding-right:20px;
}

#menu a:hover, #menu a:active {
	color: #716363;
	text-decoration: none;
	padding-left:20px;
	padding-right:20px;
}

.divider {
	font-size:140%;
}

/*middle area*/
#middle_container {
	background-image: url(../images/middle_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:100%;
	height:611px;
	position:relative;
	clear: both;
}

#left {
	margin-left:25px;
	width:430px;
	height:auto;
	float:left;
}

#right {
	width:400px;
	height:auto;
	float:right;
	padding-right:20px;
}

#content{
	width:900px;
	margin:auto;
	padding-top:90px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

/*footer area*/
#footer_container {
	width:100%;
	height:100%;
	position:relative;
	clear: both;
	vertical-align: bottom;
	display: table-row;
}

#footer_text_area {
	text-align:center;
	color:#FFFFFF;
	width:1000px;
	height:auto;
	margin:auto;
}

#footer_text_area a:link, #footer_text_area a:visited {
	color: #fff;
}

#footer_text_area a:hover, #menu a:active {
	color: #cccccc;
	text-decoration: none;
}

/* portfolio*/
#portfolio {
    margin-left:25px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 85%;
	height: 400px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin:auto;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 100%;
	text-align:center;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 745px;
    height: 400px;
	margin-top:0px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}


.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 167px;
    right: 5px;
    width: 49px;
    height: 49px;
    cursor: pointer;
    background: url(../images/projects/next.gif) no-repeat;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 167px;
    left: 5px;
    width: 49px;
    height: 49px;
    cursor: pointer;
    background: url(../images/projects/prev.gif) no-repeat;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
}

/* form items */
input, textarea, select {
	background: none;
	border: thin solid #333333;
}

#button {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #716363 url(../images/button.gif) repeat-x left bottom;
	border: none;
	color: #fff;
	font-size: 1.286em;			/* 18px */
	padding: 0.4em 1em;
	line-height: 1;
	font-weight: bold;
	vertical-align: middle;
}

#button:hover {
	cursor: pointer;
	background-image: none;
}

.memo {font-size: 11px;}

/* tag clouds */
#htmltagcloud{
	font-size: 100%;
	width: auto;		/* auto or fixed width, e.g. 500px   */
	margin:10px 10px 0 10px;
	border:2px dotted #f2f2f2;
	padding:20px; 
}

#htmltagcloud{line-height:26px;word-spacing:normal;letter-spacing:normal;text-transform:none;text-align:justify;text-indent:0}
#htmltagcloud a:link{text-decoration:none}
#htmltagcloud a:visited{text-decoration:none}
#htmltagcloud a:hover{color:white;background-color:#05f}
#htmltagcloud a:active{color:white;background-color:#03d}
.wrd{padding:0;position:relative}
.wrd a{text-decoration:none}
.tagcloud0{font-size:12px;color:#ACC1F3;z-index:10}
.tagcloud0 a{color:#ACC1F3}
.tagcloud1{font-size:16px;color:#ACC1F3;z-index:9}
.tagcloud1 a{color:#ACC1F3}
.tagcloud2{font-size:20px;color:#86A0DC;z-index:8}
.tagcloud2 a{color:#86A0DC}
.tagcloud3{font-size:24px;color:#86A0DC;z-index:7}
.tagcloud3 a{color:#86A0DC}
.tagcloud4{font-size:28px;color:#607EC5;z-index:6}
.tagcloud4 a{color:#607EC5}
.tagcloud5{font-size:32px;color:#607EC5;z-index:5}
.tagcloud5 a{color:#607EC5}
.tagcloud6{font-size:35px;color:#4C6DB9;z-index:4}
.tagcloud6 a{color:#4C6DB9}
.tagcloud7{font-size:38px;color:#395CAE;z-index:3}
.tagcloud7 a{color:#395CAE}
.tagcloud8{font-size:41px;color:#264CA2;z-index:2}
.tagcloud8 a{color:#264CA2}
.tagcloud9{font-size:44px;color:#133B97;z-index:1}
.tagcloud9 a{color:#133B97}
.tagcloud10{font-size:47px;color:#002A8B;z-index:0}
.tagcloud10 a{color:#002A8B}

/*legal*/
#legal {
    margin-left:25px;
}