@charset "utf-8";
/* CSS Document */
#container{
	margin:0 auto;
	width:930px;
	padding:0px;
	}
	
	#content {
	padding:0px; 
	margin:0px;
	background: #dfdfdf url('../images/Back.png') repeat-x ;
	height:370px ; 
	width:929px;
	
	}
	.logo{ position:absolute; top:125px; left:50px;}
	#header{ padding:0; margin:0;
		background-color:#009fb3;min-height:100px;border:#fff solid 1px; -webkit-border-radius: 15px 15px 0 0;-moz-border-radius: 15px 15px 0 0;border-radius: 15px 15px 15px 15px;}
	#header h1{ font-family:Tahoma, Geneva, sans-serif; color:#fff; padding-left:20px;font-weight:normal;}
	#header h1 span{ font-family:Tahoma, Geneva, sans-serif; color:#000; padding-left:5px; font-size:10px; font-style:italic; font-weight:normal;}

	#content .con_inner{ padding:10px; position:absolute;}
	
	.brand { position:absolute; top:-5px; right:-909px;}
	
	.clear{ clear:both;}

	.con_inner .service { position:absolute;top:45px; right:-789px; height:75px; width:375px; background-color:#018fbd; color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:26px; }
	.con_inner .showcase { position:absolute;top:120px; right:-789px; height:75px; width:300px; background-color:#9dc805; color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:26px; }
	.con_inner .contact { position:absolute;top:195px; right:-789px; height:76px; width:345px; background-color:#ca015e; color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:26px; }
	.con_inner .resume { position:absolute;top:271px; right:-789px; height:75px; width:325px; background-color:#e9cc00; color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:26px; }
	
	.service .inner {padding:15px 0 0 15px;}
	.showcase .inner {padding:15px 0 0 15px;}
	.contact .inner {padding:15px 0 0 15px;}
	.resume .inner {padding:15px 0 0 15px;}
	
	.next { margin-right:30px; background-color: #C90;float:right; color:#fff; font-size:24px; font-family:Tahoma, Geneva, sans-serif; text-decoration:none; border:#fff solid 1px; -webkit-border-radius: 15px;-webkit-border-radius: 15px;	-moz-border-radius: 15px;border-radius: 15px;border: 1p solid #999; padding:10px 35px 10px 35px; margin-top:-15px;}
	
	.previous { margin-left:30px; background-color: #C90;float:left; color:#fff; font-size:24px; font-family:Tahoma, Geneva, sans-serif; text-decoration:none; border:#fff solid 1px; -webkit-border-radius: 15px;-webkit-border-radius: 15px;	-moz-border-radius: 15px;border-radius: 15px;border: 1p solid #999; padding:10px 10px 10px 10px; margin-top:-15px;}
		
	#nav { float:right; padding-bottom:20px; padding-right:20px;}
	#nav ul{ list-style-type:none; padding:0; margin:0;}
	#nav li{}
	#nav a{ display:inline; padding-right:10px; color:#fff; font-size:24px; font-family:Tahoma, Geneva, sans-serif; text-decoration:none; border:#fff solid 1px; -webkit-border-radius: 15px;
	-moz-border-radius: 15px;border-radius: 15px
	;border: 1p solid #999; padding:10px 10px 10px 10px
	}
	#nav a:hover{ display:inline; padding-right:10px; color:#fff; font-size:24px; font-family:Tahoma, Geneva, sans-serif; text-decoration:none; border: #C90 solid 1px; -webkit-border-radius: 15px;
	-moz-border-radius: 15px;border-radius: 15px
	;border: 1p solid #999; padding:10px 10px 10px 10px
	}
	#nav a.selected{ background-color: #C90; display:inline; padding-right:10px; color:#fff; font-size:24px; font-family:Tahoma, Geneva, sans-serif; text-decoration:none; border: #fff solid 1px; -webkit-border-radius: 15px;
	-moz-border-radius: 15px;border-radius: 15px
	;border: 1p solid #999; padding:10px 10px 10px 10px;
	}
.display_show_page3{ border:solid 10px #018fbd;float:left; margin:20px;
	-moz-border-bottom-right-radius: 50px; /* Firefox */
    -webkit-border-bottom-right-radius: 50px; /* Safari, Chrome */
    border-bottom-right-radius: 50px; /* CSS3 */
	
-moz-border-top-right-radius: 50px; /* Firefox */
    -webkit-border-top-right-radius: 50px; /* Safari, Chrome */
    border-top-right-radius: 50px; /* CSS3 */
	
	-moz-border-top-left-radius: 50px; /* Firefox */
    -webkit-border-top-left-radius: 50px; /* Safari, Chrome */
    border-top-left-radius: 50px; /* CSS3 */
	
    -moz-border-bottom-left-radius: 50px; /* Firefox */
    -webkit-border-bottom-left-radius: 50px; /* Safari, Chrome */
    border-bottom-left-radius: 50px; /* CSS3 */}
	.display_show_page4{ border:solid 10px #9dc805;float:left; margin:20px;
	-moz-border-bottom-right-radius: 50px; /* Firefox */
    -webkit-border-bottom-right-radius: 50px; /* Safari, Chrome */
    border-bottom-right-radius: 50px; /* CSS3 */
	
-moz-border-top-right-radius: 50px; /* Firefox */
    -webkit-border-top-right-radius: 50px; /* Safari, Chrome */
    border-top-right-radius: 50px; /* CSS3 */
	
	-moz-border-top-left-radius: 50px; /* Firefox */
    -webkit-border-top-left-radius: 50px; /* Safari, Chrome */
    border-top-left-radius: 50px; /* CSS3 */
	
    -moz-border-bottom-left-radius: 50px; /* Firefox */
    -webkit-border-bottom-left-radius: 50px; /* Safari, Chrome */
    border-bottom-left-radius: 50px; /* CSS3 */}


.display_show_page2{ border:solid 10px #e9cc00;float:left; margin:20px;
	-moz-border-bottom-right-radius: 50px; /* Firefox */
    -webkit-border-bottom-right-radius: 50px; /* Safari, Chrome */
    border-bottom-right-radius: 50px; /* CSS3 */
	
-moz-border-top-right-radius: 50px; /* Firefox */
    -webkit-border-top-right-radius: 50px; /* Safari, Chrome */
    border-top-right-radius: 50px; /* CSS3 */
	
	-moz-border-top-left-radius: 50px; /* Firefox */
    -webkit-border-top-left-radius: 50px; /* Safari, Chrome */
    border-top-left-radius: 50px; /* CSS3 */
	
    -moz-border-bottom-left-radius: 50px; /* Firefox */
    -webkit-border-bottom-left-radius: 50px; /* Safari, Chrome */
    border-bottom-left-radius: 50px; /* CSS3 */}

.display_show_page{ border:solid 10px #ca015e;float:left; margin:20px;
	-moz-border-bottom-right-radius: 50px; /* Firefox */
    -webkit-border-bottom-right-radius: 50px; /* Safari, Chrome */
    border-bottom-right-radius: 50px; /* CSS3 */
	
-moz-border-top-right-radius: 50px; /* Firefox */
    -webkit-border-top-right-radius: 50px; /* Safari, Chrome */
    border-top-right-radius: 50px; /* CSS3 */
	
	-moz-border-top-left-radius: 50px; /* Firefox */
    -webkit-border-top-left-radius: 50px; /* Safari, Chrome */
    border-top-left-radius: 50px; /* CSS3 */
	
    -moz-border-bottom-left-radius: 50px; /* Firefox */
    -webkit-border-bottom-left-radius: 50px; /* Safari, Chrome */
    border-bottom-left-radius: 50px; /* CSS3 */}

.show_page{ position:absolute;top:60px; left:50px; border:solid 10px #ca015e;
	-moz-border-bottom-right-radius: 50px; /* Firefox */
    -webkit-border-bottom-right-radius: 50px; /* Safari, Chrome */
    border-bottom-right-radius: 50px; /* CSS3 */
	
-moz-border-top-right-radius: 50px; /* Firefox */
    -webkit-border-top-right-radius: 50px; /* Safari, Chrome */
    border-top-right-radius: 50px; /* CSS3 */
	
	-moz-border-top-left-radius: 50px; /* Firefox */
    -webkit-border-top-left-radius: 50px; /* Safari, Chrome */
    border-top-left-radius: 50px; /* CSS3 */
	
    -moz-border-bottom-left-radius: 50px; /* Firefox */
    -webkit-border-bottom-left-radius: 50px; /* Safari, Chrome */
    border-bottom-left-radius: 50px; /* CSS3 */}
	
#footer{ height:50px; padding:10px 0 0 10px;}
#footer a{ color:#fff; text-decoration:none; padding:20px;}
#footer .copy { color:#FFF; font-size:12px; text-align:center; padding:10px 0 10px 0;}
#footer .copy span{ color:#ccc; margin-left:20px; padding:0 5px;}


canvas {
    -moz-border-bottom-right-radius: 50px; /* Firefox */
    -webkit-border-bottom-right-radius: 50px; /* Safari, Chrome */
    border-bottom-right-radius: 50px; /* CSS3 */

    -moz-border-bottom-left-radius: 50px; /* Firefox */
    -webkit-border-bottom-left-radius: 50px; /* Safari, Chrome */
    border-bottom-left-radius: 50px; /* CSS3 */
}



body { line-height:1.5;font-family:Arial, Helvetica, sans-serif; margin-left:20px; }
#cv h1{ font-size:24px; color:#069; margin-bottom:2px; margin-top:8px;}
#cv h2 {font-size:20px; color: #666 ;margin-bottom:5px;}
li, p{ color: #999;}
ul{ list-style-type:disc; margin_left;20px;} 
#cv .cv_inner{ padding-left:50px; background-color:#fff; padding-right:50px;}
p ,li,h2,h3{padding:0;margin:0; padding-left:18px;}
#cv_content .cv_inner{background: #dfdfdf url('../images/background_grey3.jpg')  repeat-y ;}
img { padding:0; margin:0;}

#contact_page {color:#333; position:absolute; top:50px; left:100px; width:300px;}
#contact_page h1 {padding:0; margin:0} 
#contact_page p {color:#333; padding-left:20px;}
#contact_page a{ color:#333; text-decoration: underline}