
/************** 1. RESET Global reset for all HTML elements ******************/

* { 
	font-family: inherit; 
	font-size: 100%; 
	font-style: inherit; 
	font-weight: inherit; 
	margin: 0; 
	outline: 0; 
	padding: 0;
	vertical-align: baseline; 
}

html { 
	height: 100% 
}

a:link, a:visited, a:active{
	color:#FFFFFF;
	text-decoration:none;
}

a:hover{
	color:#FFCC00;
	text-decoration:none;
}

img, fieldset, abbr, acronym { 
	border: 0 
}

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
	width: 100%; 
}

address, caption, cite, code, dfn, em, strong, var { 
	font-style: normal; 
	font-weight: bold; 
}

caption { 
	text-align: left 
}

q:before, q:after, blockquote:before, blockquote:after { 
	content: '' ;
}

input, select, textarea, button { 
	font-size: 1em; 
	line-height: normal; 
	width: auto; 
}

input, select { 
	vertical-align: middle 
}

textarea { 
	height: auto; 
	overflow: auto; 
}
option { 
	padding-left: 0.6em 
}

button { 
	background: none; 
	border: 0;
	cursor: pointer; 
	text-align: center; 
}

p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	text-align:left;
}

ul, ol { 
	list-style-type:none; 
}

/*
.transparent{
	behavior: url(iepngfix.htc);
}
*/

.clear{
	clear:both;
}

/************** 1. PROFILE ******************/

#b_index{
	width:100%;
	height:100%;
	background:#4599b1 url(images/back01.jpg) top left no-repeat;
	text-align:center;
}

#container{
}

#footer{
	width:100%;
	height: 200px;
	display:block;
	background:url(images/footer.png) no-repeat center bottom;
	text-align: center;
	color: #FFFFFF;
	font-size:10px;
	bottom:0;
	behavior: url(iepngfix.htc);
}

.body_content{
	width: 850px;
	height:100%;
	margin:0px auto;
}

.content{
	position:absoluted;
	z-index:10;
}

.headline{
	float:left;
	width:350px;
	padding:350px 0px 0px 50px;
	margin:0px;
}

.bg_transparent{
	float:left;
	width:370px;
	height:430px;
	margin:30px 0px 0px 80px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	background:url(images/bg_black.png) repeat scroll 0 0 !important;
	background: #222;
}

.profile_content{
	width:320px;
	height:410px;
	margin:20px;
	padding-right:10px;
	overflow:auto;
	color:#FFFFFF;
}

.profile_content h1{
	line-height:20px;
	font-size:24px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-bottom:dashed #CCCCCC 1px;
	padding-bottom:10px;
}

.profile_content p{
	line-height:20px;
	font-size:12px;
}

#footer02{
	width:100%;
	display: block;
	height: 200px;
	background: url(images/footer02.png) top center no-repeat;
	text-align: center;
	color: #FFFFFF;
	font-size:10px;
	bottom:0;
	behavior: url(iepngfix.htc);
}

/************* 2. PORTFOLIO **********************/

#b_portfolio{
	width:100%;
	height:100%;
	background:#301908 url(images/back03.jpg) center top no-repeat;
}

#container_portfolio{
	height:100%;
}


.bg_transparent02{
	width:850px;
	height:360px;
	margin-top:80px;
	padding-top:5px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	background:url(images/bg_black.png) repeat scroll 0 0 !important;
	background: #222;
}

.port_content{
	width:820px;
	_width:850px;
	height:390px;
	margin:20px 0px 0px 10px !important;
	overflow:auto;
	color:#FFFFFF;
}

.port_content h1{
	line-height:20px;
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-bottom:dashed #CCCCCC 1px;
	padding-bottom:10px;
}

.link_port{
	float:left;
	width:140px;
	line-height:24px;
	margin-left:20px;
	_margin-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.link_port ul li{
	margin-left:10px;
}

.link_port ul li{
	line-height:14px;
	font-size:10px;
}



/************** 3. DOWNLOAD ******************/

#b_download{
	width:100%;
	height:100%;
	background:#000000 url(images/back02.jpg) center top no-repeat;
}

#container_download{
	height:100%;
}

.bg_transparent03{
	float:left;
	width:370px;
	margin:100px 0px 0px 0px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	background:url(images/bg_black.png) repeat scroll 0 0 !important;
	background: #222;
}

.download_content{
	width:340px;
	margin:15px 10px 10px 30px;
	padding-right:10px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.download_content ul{
	margin-left:20px;
	line-height:30px;
}

.link_download{
}

.link_download li{
	font-size:12px;
}

.menu_download{
	margin-left:20px;
}

#footer03{
	width:100%;
	display: block;
	height: 200px;
	background: url(images/footer03.png) top center no-repeat;
	vertical-align: bottom;
	text-align: center;
	color: #FFFFFF;
	/*text-shadow: #555 1px 1px 1px;*/
	font-size: 10px;
	behavior: url(iepngfix.htc);
}

.footer_content{
	width: 800px;
	margin: auto;
	display: block;
	text-align: right;
	position: relative;
}


.footer_content p{
	text-align:center;
	padding:170px 0px 0px 0px;
}

/************** 2. HEADER ******************/

.header{
}

.logo_ds{
	float:left;
	margin:10px 0px 0px 0px;
}

.button_top{
	float:right;
}

.bt_profile{
	float:left;
	margin-right:1px;
}

.bt_portfolio{
	float:left;
	margin-right:1px;
}

.bt_download{
	float:left;
	margin-right:1px;
}


/************** 3. CONTENT PROFILE ******************/

/************** 3. CONTENT PORTFOLIO ******************/

/************** 3. DOWNLOAD PORTFOLIO ******************/


/************** 4. FOOTER ******************/
