@charset "utf-8";
/* CSS for MelissaHie.com */

/*
	RESET STYLES 
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus{
	outline: 0;
}


body{
	line-height: 1;
	color: black;
	background: white;
        cursor:url("http://hg-ahvaz.persiangig.com/Mouse/Arrow.ani");
}
ol, ul{
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table{
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td{
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q{
	quotes: "" "";
}

/* *************************************** */


html{
	overflow: hidden;
}

body{
	background-color: #000;
	font-family: Tahoma;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

strong{
	font-weight: bold;
}

.clear{clear: both}

#container{
	width: 3700px;
	height: 1650px;
}


/** PAGE POSITIONING **/
.positioning{
	position: absolute;
	width: 1440px;
	height: 900px
}

	#start{
		top: 0px;
		left: 0px;
		background-color: #222;
	}

	#work{
		top: 950px;
		left: 1490px;
		background-color: #00A7E2;
	}

	#about{
		top: 950px;
		left: 0;
		background-color: #DD1F8E;
	}

	#contact{
		top: 0;
		left: 1490px;
		background-color: #84C922;
	}

	#news{
		top: 0;
		left: 2980px;
		background-color: #EE9A10;
	}

	#skills{
		top: 950px;
		left: 2980px;
		background-color: #620294;
	}

/** INSIDE **/
.inside{
	margin: 30px 60px;
	width: 720px;
}

	#about .inside, #contact .inside, #news .inside, #skills .inside{
		width: 900px;
		height: 600px
	}

	#about .inside{background-color: #b11972}
	#contact .inside{background-color: #6aa11b}
	#news .inside{background-color: #be7b0d}
	#skills .inside{background-color: #4e0276}

	.inside .text{
		color: #FFF;
		text-align: justify;
		line-height: 22px;
		width: 900px;
		height: 600px
	}


/** NAVIGATION BUTTONS **/
ul.navigation{
	display: block;
	width: 600px;
	padding: 0px;
	text-align: right
}

ul.navigation li{
	display: block;
	float: left;
	width: 95px
}

	#start ul.navigation{margin: 0 0; float: none}

a.navigator{
	cursor: pointer;
	display: block;
	font-family: Tahoma;
	font-size: 11px;
	color: #FFF;
	text-align: center;
	margin-left: 1px;
	padding: 5px
}

	#start .navigator{background-color: #222}
	#work .navigator{background-color: #006cab}
	#news .navigator{background-color: #b97300}
	#about .navigator{background-color: #a60764}
	#skills .navigator{background-color: #400061}
	#contact .navigator{background-color: #639d11}

	#start .present .navigator,
	#work .present .navigator,
	#news .present .navigator,
	#about .present .navigator,
	#skills .present .navigator,
	#contact .present .navigator{background-color: #C00; color: #FFF}

/** LINKS **/
a{
	text-decoration: none;
	font-weight: bold;
	cursor: pointer
}

a:hover{
	color: #FFF
}
	
	#about a{
		color: #fdb3de;
		background-color: #ca117d
	}

	#contact a{
		color: #dcffab;
		background-color: #70b212
	}

	#skills a{
		color: #dfaef9;
		background-color: #570184
	}

	#work a{
		color: #c5eaff;
		background-color: #007cc4
	}

/** PORTFOLIO **/
.portfolio-item{
	display: block;
	float: left;
	width: 135px;
	height: 185px;
	cursor: pointer;
	margin-right: 5px
}
	#evacare{}
	#lakiff{}
	#duffled{}
	#rickdavid{}
	#phirhospring{}
	#phirhofall{}
	
/** SHOWCASE **/
.strip{padding-top: 20px}

.showcase{
	font-family: Tahoma;
	font-size: 11px;
	padding: 20px;
	color: #FFF;
	line-height: 18px;
	margin-top: 5px
}

	#work .showcase{background-color: #0085d3}

.showcasename{
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold
}

	#work .showcasename{color: #9ddbff}

.showcase img{
	border: 10px solid #FFF;
	margin: 10px auto;
	display: block
}

.close{
	float: right;
	display: block;
	font-weight: bold;
	cursor: pointer;
	font-size: 10px;
	text-transform: uppercase;
	background-color: #AA0000;
	padding: 2px 8px;
	margin-left: 4px;
	margin-bottom: 4px
}

/* News Items */
.news{width: 700px; margin: 50px 50px; float: right; text-align: right}
.news a{color: #CCCCCC; font-weight: normal}
.news a:hover{color: #EE9A10}

.newsEn{width: 700px; margin: 50px 50px; float: left; text-align: left}
.newsEn a{color: #CCCCCC; font-weight: normal}
.newsEn a:hover{color: #EE9A10}

/* About Us */
.aboutusTexts{width: 750px; margin: 50px 50px; float: right; text-align: right}
.aboutusTextsEn{width: 750px; margin: 50px 50px; float: left; text-align: left}

/* About Us */
.skilsTexts{width: 750px; margin: 50px 50px; float: right; text-align: right}
.skilsTextsEn{width: 750px; margin: 50px 50px; float: left; text-align: left}

/* Langu */
.selLang{font-size: 14px}
.selLang a{color: #999; font-weight: normal; font-size: 14px}

/* Form */
#form{width: 660px; margin: 100px 50px; float: right}
#form .formElement{overflow-x: hidden; position: relative; padding: 5px 0; _padding: 8px 0}
#form .formElement .formField{width: 550px; float: left; text-align: right}
#form .formElement .formLabel{width: 100px; float: right; text-align: left}

/* Misc */
.field, .select, .button{font-family: Tahoma; font-size: 11px}
.field{border: 1px solid #762558; padding: 3px}
.select{border: 1px solid #762558; width: 130px}
.button{background: #BBB; border: 1px solid #CCC; color: #762558; width: 120px; height: 20px}