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

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.radius {
      border-radius: 10px 10px 10px 10px;
      -moz-border-radius: 10px 10px 10px 10px;
      -webkit-border-top-left-radius:10px;
      -webkit-border-top-right-radius:10px;
      -webkit-border-bottom-right-radius: 10px;
      -webkit-border-bottom-left-radius: 10px;
	 
	 }

html {
	font-size:16px;
	overflow:hidden;
	margin:0;
	padding:0;
	background-image: url(../images/bra.png);
	background-repeat: repeat-y;
	background-position: 100px;
}
h1 {
	font-size:1.2em;
	font-weight: normal;
	letter-spacing: 0.2em;
}
h2 {
	font-size:1em;
	font-weight: normal;
	letter-spacing: 0.1em;
}



#nav li {
	margin-bottom:20px;
}
body {
	font-family: "American Typewriter Light", "American Typewriter Condensed Light", "American Typewriter";
	color:#000033;
	padding:0;
	margin:0;
}

#container{
	width:100%;
}

#content {
	margin-left:auto;
	margin-right:auto;
	width: 640px;
	height: 4000px;
}
#intro{
	text-indent: 10%;
	margin-top:100px;
	margin-right:100px;
	width:70%;
	height:400px;
	text-align:left;
	float:right;

}

#work{
	margin-top:150px;
	margin-right:100px;
	width:70%;
	height:3500px;
	text-align:left;
	float:right;

}
#work h1{
	text-align:left;
	padding-bottom:50px;
}
#work p{
	font-size: 0.8em;
}

/* gallery portfolio  */
.jqGSContainer{position:relative;width:742px;}
.jqGSContainer .jqGSImgContainer{}
.jqGSContainer .jqGSImgContainer ul{padding:0;margin:0;position:relative;list-style:none;}
.jqGSContainer .jqGSImgContainer ul li{padding:0;margin:0;position:relative;margin-top:0;margin-bottom:0px;float:left;}
.jqGSContainer .jqGSImgContainer ul li .jqGSLoader{width:100%;height:100%;position:absolute;}
/*.jqGSContainer .jqGSImgContainer ul li img{border:1px solid #fff;}*/
.jqGSContainer .jqGSImgContainer ul li .jqGSTitle{
	border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 10px;
	background:#000;
	position:absolute;
	right:0px;
	top:30px; 
	padding:30px;
	color:#fff;
	width:400px}
.jqGSContainer .jqGSPagination{position:relative;width:100%;height:20px;top:5px;padding: 5px 0;}
.jqGSContainer .jqGSPagination ul{padding:0;margin:0;list-style:none;position:relative;float:right;}
.jqGSContainer .jqGSPagination ul li{padding:0;margin-right:5px;float:left;padding-right:1px;text-align:center;padding-bottom:1px;}
.jqGSContainer .jqGSPagination ul li a{padding:2px 0px;background:#fff;border:0px solid #000; color: #000;text-decoration:none;display:block;width:20px;font:10px Verdana, Arial, Helvetica, sans-serif;}
.jqGSContainer .jqGSPagination ul li a.selected{background:#fff;color:#f03;text-decoration:underline;border: 0px solid #eaeaea;}
.jqGSContainer .jqGSPagination ul li a:hover{background:#fff;color:#000;text-decoration:underline;border:0px solid #fff;}

.jqGSImgContainer{border:2px solid #000;}
/* end*/


#about {
	text-indent: 10%;
	margin-top:1200px;
	margin-right:100px;
	width:70%;
	height:400px;
	text-align:left;
	letter-spacing:0.1em;
	word-spacing:0.5em;
	float:right;
}

#about h1{
	text-align:left;
	padding-bottom:50px;
}

#skills {
	margin-top:2200px;
	margin-right:100px;
	width:70%;
	height:400px;
	float:right;
}

#skills h1{
	text-align:left;
	padding-bottom:50px;
}
#skills ul li{
	margin-bottom:10px;
}

#contact {
	margin-top:3000px;
	margin-right:100px;
	width:70%;
	height:600px;
	text-align:right;
	float:right;
	
}

#contact h1{
	text-align:left;
	padding-bottom:50px;
}

#header {
	margin-left: 200px;
	text-align:left;
}

#nav {
	width:100px;
	font-size:0.8em;
	height:200px;
	margin-left:-10px;
	z-index: 10;
}
#contact a {
	text-decoration: none;
	color:#000033;
}
#contact a.select {
	text-decoration:underline;
}
#contact a:hover {
	text-decoration:underline;
	color:#000033;
}
#nav a {
	text-decoration: none;
	color:#000033;
}
#nav a.select {
	text-decoration: underline;
	color:#000033;
}
#nav a:hover {
	text-decoration: underline;
	color:#000033;
	padding-top:1px;
}
#nav ul {
	list-style-type: none;
}
/*
#nav ul li{
	padding:8px;
	background-color: #000000;
	margin-bottom:20px;
	color:#FFFFFF;
	text-align:center;
}*/


#footer {
	width:100%;
	height:420px;
	bottom:0;
	right:0;
	position:absolute;
	position:fixed;
	z-index:-999;
	background-image: url(../images/random/rotate.php);
	background-repeat: no-repeat;
	background-position: right bottom;	
}