@charset "utf-8";

/* [ IMPORT's ] */

@import url("reset.css");

/* [ Global ] */

html, body {
	height:100%;
}

body{ 
	background: #4A5157;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size:14px;
	color:#FFF;
}

a{ color:#FFF;text-decoration:none;}

a:hover{ color:#FFF;text-decoration:underline;}

.clear{ clear: both;float: none;}

.center{ text-align:center;}

.strong{ font-weight:bold;}

.left{float:left;}

.right{float:right;}

h1{ font-size:18px;color:#CCC;margin:10px 0px;}

/* [ Position Global ] */

div#distance{ 
	width:1px;
	height:50%;
	margin-bottom:-348px;
	float:left;
}

div#global{
	margin:0 auto;
	position:relative;
	text-align:left;
	width:1106px;
	height:696px;
	clear:left;
}

/* [ Content-Master ] */

div#left{ width:1081px;display:block;float:left;}
div#right{ width:21px;display:block;float:right;}

/* [ Content ] */

div#content{
	width:1081px;
	height:640px;
	display:block;
	clear:both;
	float:left;
	color:#CCC;
}

.bg{ background:url(../upload/bg-home/home.jpg) no-repeat left top; }


/* [ Footer ] */

div#footer{
	width:1081px;
	padding:5px 0px;
	display:block;
	float:left;
	clear:both;
}

/* [ Logo ] */

div#logo{
	background:url(../images/logo.gif) no-repeat left top;
	width:266px;
	height:25px;
	display:block;
	float:left;
	clear:both;
}

/* [ Menu ] */

div#menu{
	border-top:solid 1px #B3B000;
	width:1081px;
	display:block;
	float:left;
	clear:both;
	margin:5px 0px 0px 0px;
}

/* [ Projects ] */

div.projects{
	float:left;
	display:block;
	width:850px;
	padding:5px;
}

div.projects ul li{
	float:left;
	display:block;
	padding:2px 5px;
}

/* [ App-Gallery ] */

div.list-photos{
	width:80px;
	height:640px;
	display:block;
	float:left;
}

div.list-photos a{
	background:url(../images/img-icon-normal.gif) no-repeat left top;
	width:22px;
	height:18px;
	display:block;
	float:left;
	margin:3px 2px;
}

div.list-photos a:hover{
	background:url(../images/img-icon-over.gif) no-repeat left top;
	width:22px;
	height:18px;
	display:block;
	float:left;
}

div.list-photos a:visited{
	background:url(../images/img-icon-visited.gif) no-repeat left top;
	width:22px;
	height:18px;
	display:block;
	float:left;
}

div.show-photo{
	width:990px;
	height:640px;
	overflow:hidden;
	display:block;
	float:right;
	text-align:center;
}

/* [ Main-Menu ] */

div.main-menu{
	float:right;
	text-align:right;
	display:block;
	width:200px;
	padding:5px;
}

div.main-menu ul li{
	float:right;
	text-align:right;
	display:block;
	padding:2px 5px;
}


/* [ Contact ] */

.contact{
	margin:120px 0px 0px 80px;
}

.contact a{ color:#CCC;}

.contact p{
	clear:both;
	display:block;
	padding:5px 0px;
	text-align:right;
}

.form{
	width:480px;
	color:#CCC;
	display:block;
	float:left;
        border-right:solid 3px #CCC;
        padding:0px 12px 0px 0px;
}

.form label{
	width:220px;
	height:17px;
	color:#CCC;
	display:block;
	float:left;
	text-align:right;
	padding:8px 5px 0px 0px;
}

.form input.txt{
	background:#4A5157;
	border:solid 1px #CCC;
	width:240px;
	height:15px;
	padding:5px 3px;
	color:#CCC;
	display:block;
	float:right;
}

.form textarea.area{
	background:#4A5157;
	border:solid 1px #CCC;
	width:243px;
	height:80px;
	color:#CCC;
	display:block;
	float:right;
}

.cont{
	width:450px;
	color:#CCC;
	font-weight:bold;
	display:block;
	float:left;
	padding:80px 0px 0px 30px;
}


/* [ Text's ] */

.text{
	margin:150px 0px 0px 130px;
	width:856px;
	border:solid 1px #4A5157;
}

.text p{
	line-height:17px;
	padding:4px 0px;
}

/* [ Copyright ] */

div.copy a{
	background:url(../images/58pixels.jpg) no-repeat 2px 6px;
	display:block;
	float:left;
	width:21px;
	height:100px;
}


/* [ Erros ] */

label.error{
	font-size:15px;
	color:#F00;
	padding:6px;
	margin:5px 0px 0px 0px;
	display:block;
        font-weight:bold;
	clear:both;
	float:left;
}

div#alert{
	display:none;
	background:#FFA6A6;
	float:left;
	margin:100px 0px 0px 5px;
	color:#F00;
	width: 240px;
	font-weight: bolder;
	border: solid 1px #F00;
	padding: 12px 4px;
	line-height:16px;
}

h2{
    font-weight: bold;
    padding: 5px;
    margin: 0px 0px 8px 0px;
    font-size: 16px;
    border-bottom: solid 1px #FFF;
}

.gray{
    padding: 5px;
    color: #FFF;
}