@charset "UTF-8";
/* CSS Document */
* {margin:0; padding:0; border:none;}

/*------------------------------------
global flow
------------------------------------*/

body {
	background-color:#121111;
}

#global {
	margin: 0 auto;
	width:803px;
	height:700px;
}

#login {
	color:#fff;
	background-color:#272727;
	width:45px;
	height:15px;
	font-family: "Verdana";
	font-size: 65%;
	float:right;
}

#login p {
	padding: 0px 0px 0px 9px;
}


/*------------------------------------
Navigation
------------------------------------*/
#nav {
	font-size: 75%;
	padding: 35px 0px 0px 0px;
	float:right;
}

#nav li {
	font-family: "Verdana";
	padding:0px 12px 0px 5px;
	float:left;
	display:inline;
}

#nav a:link {
color: #fff;
text-decoration: none;
}

#nav a:visited {
color: #fff;
text-decoration: none;
}

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

#nav a:active {
color: #e20f1d;
text-decoration: none;
}

/*------------------------------------
Home
------------------------------------*/

#content {
	width:803px;
	height:645px;
	border-bottom: 1px solid #272727;
}

#photo {
	background-image:url(../images/center.png);
	width:803px;
	height:294px;
	padding: 10px 0px 0px 0px;
}

#recent {
	padding: 17px 0px 0px 0px;
	font-family: "Verdana";
	color:#FFF;
	font-size: 95%;
	float:right;
}

#recent h3{
	padding:0px 0px 0px 0px;
}

#recent img{
	padding:5px 0px 0px 0px;
}

#services {
	padding: 17px 60px 0px 0px;
	font-family: "Verdana";
	color:#FFF;
	font-size: 95%;
	float:right;
}

#services-text{
	color:#888888;
	padding:5px 0px 0px 0px;
}

#services h3{
	padding:0px 0px 0px 0px;
}

#about {
	padding: 17px 0px 0px 0px;
	font-family: "Verdana";
	color:#FFF;
	font-size: 95%;
	float:left;
}

#about img{
	padding:5px 0px 5px 0px;
}

#about h3{
	padding:0px 0px 0px 0px;
}

#about-text {
	color:#888888;
	font-size: 70%;
	width: 255px;
}

#about a:link {
color: #fff;
text-decoration: none;
}

#about a:visited {
color: #fff;
text-decoration: none;
}

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

#about a:active {
color: #e20f1d;
text-decoration: none;
}

#bar-left {
	padding: 0px 30px 0px 0px;
	float:right;
}

#bar-right {
	padding: 0px 30px 0px 0px;
	float:right;
}
/*------------------------------------
ABOUT
------------------------------------*/
#content-about {
	width:803px;
	height:660px;
	border-bottom: 1px solid #272727;
}

#profile-big {
	padding: 10px 0px 0px 0px;
	float:left;
}

#aboutpage {
	font-size: 70%;
	float:left;
	width: 500px;
	color:#888888;
	font-family: "Verdana";
	padding: 10px 0px 0px 15px;
}

#rating img {
	padding:10px 0px 0px 15px;
}

/*------------------------------------
bottom
------------------------------------*/

#bottom {
	height: 50px;
	padding:0px 0px 15px 0px;
}

#book {
	float:right;
	padding:10px 0px 0px 9px;
}

#w3cx {
	padding:13px 0px 0px 1px;
	float:right;
	font-family: "Verdana";
	color:#888888;
	font-size: 65%;
}

#w3cc {
	padding:13px 0px 0px 1px;
	float:right;
	font-family: "Verdana";
	color:#888888;
	font-size: 65%;
}

.w3ci {
	float:right;
	padding:14px 1px 0px 9px;
}

#copyright {
	padding:15px 0px 0px 0px;
	font-family: "Verdana";
	color:#888888;
	font-size: 65%;
}

#copyright p {
	float:left;
}

#resume {
	padding: 15px 0px 0px 0px;
	font-family: "Verdana";
	float:right;
	font-size:70%;
}

#resume-icon {
	padding: 18px 5px 0px 0px;
	float:right;
}

#resume a:link {
color: #888888;
text-decoration: none;
}

#resume a:visited {
color: #888888;
text-decoration: none;
}

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

#resume a:active {
color: #888888;
text-decoration: none;
}

/*------------------------------------
CONTACT
------------------------------------*/
#contact-info h3 {
	color:#FFF;
}

#contact-bar {
	padding: 0px 50px 0px 0px;
	float:right;
}

#contact-info {
	padding: 20px 0px 0px 0px;
	color:#888888;
	font-family: "Verdana";
}

#contact-info p {
	font-size:80%;
}

#contact-info img {
	padding:30px 0px 0px 0px;
}

#formInfo {
	float:right;
	font-family: "Verdana";
	padding:30px 0px 0px 0px;
	width:356px;
	height:300px;
}

#formInfo h1 {
	float:left;
}


strong a:link { color:#303030; }
strong a:hover { color:#6799cb; text-decoration:underline; }


#name, #eMail, #number, #comments { float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding:0 10px 0 0; }

.text1 {
	margin:0 0 0 20px;
	height:16px;
}

.text2 {
	margin:0 0 0 22px;
	height:16px;
}

.text3 {
	margin:0 0 0 17px;
	height:16px;
}

.text4 {
	margin:10px 0 0 0;
	width:352px;
	height:100px;
}

#submit {
	background:url(../images/button.png) no-repeat;
	border-style:none;
	float:right;
	width:60px;
	height:30px;
	margin: 15px 0 0 0;
	cursor:pointer;
}


/*------------------------------------
PORTFOLIO
------------------------------------*/


#content-portfolio {
	padding: 19px 0px 0px 0px;
	width:803px;
	height:920px;
	border-bottom: 1px solid #272727;
}

#dev {
 position:static;
 bottom:0;
 right:0;
 width:803px;
}

#dev img{
	padding: 20px 0px 0px 0px;
	float:right;
}

#dev p {
	color:#FFF;
	font-size:80%;
	font-family: "Verdana";
	float:right;
	padding:30px 10px 0px 0px;
}


/*------------------------------------
color
------------------------------------*/
.color {
	color: #e20f1d;
}

/*------------------------------------
Clear
------------------------------------*/
.clear{
clear:both;
margin: 0px; padding: 0px;
}