/*------------------------------------------------------------------
[ STYLE.CSS ] Main Stylesheet
--------------------------------------------------------------------

[Table of contents]

1.	RESET

2.	MAIN STYLES
2.a  Tags defaults
2.b  Base layout
2.c  Navigations
2.d  Elements, ID's & Classes

3.	FORMS
3.a  General form styles
3.b  Individual forms

4.	PLUGINS

5.	PRINT


/*------------------------------------------------------------------

1.	RESET
	Global reset for all HTML elements

------------------------------------------------------------------*/

@media handheld, projection, screen, print {

img { border: 0 }
ul, ol { list-style: none; list-style-position: outside }
h1, h3, h4, h5, h6 { font-weight: normal; line-height: normal }


} @media handheld, projection, screen {


/*------------------------------------------------------------------

2.	MAIN STYLES
	General definitions

--------------------------------------------------------------------

/*-------------------------------
2.a Tags defaults
---------------------------------
[?] Tags only. No classes or ID's here.
*/
	

strong { font-weight: bold }
em { font-style: italic }
code, pre { font-family: "Courier New", Courier, monospace }
dt { font-weight: bold }
dd { font-style: italic }
cite { font-style: italic }
q { font-style: italic }
blockquote { font-style: italic; padding: 0 2.67em }

abbr, acronym { border-bottom: 1px dotted; cursor: help }


/* Headlines
-------------------------------
[?] Always define: font-size - line-height - margin
*/

h1 {
	font-size: 3em;
	margin: 1em 0 .4em;
}
h3 {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.5em;
	margin: 1em 0 .4em;
}
h4 {
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.33em;
	line-height: 1em;
	margin: 1.13em 0 0.56em;
}
h5 {
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0 .4em;
}
h6 {
	font-size: .92em;
	margin: 1em 0 .4em;
}


/* Anchors
-------------------------------*/

a, a:link, a:visited {
	color: #0c86c6;
	cursor: pointer;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	color: #0c86c6;
}


/*-------------------------------
2.b Base layout
---------------------------------
[?] Mostly ID's. Classes & tags allowed.
*/

#wrap {
	margin: auto;
	text-align: left;
	width: 1000px;
	position: relative;
}
#wrap:after { /* clearfix */
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

	#header, #content, #footer, #masthead {
		float: left; display: inline;
		clear: both;
		position: relative;
	}
	#masthead {
		background: #ffffff;
		overflow: hidden;
		}
#masthead .frame {
	background-color: transparent !important;
	height: 378px; width: 1000px;
	display: inline;
	float: left;
	position: relative;
}

#masthead .section { width: 100% }

#masthead .widearea {
	position: relative;
	left: 0; top: 0;
	overflow: hidden !important;
}
	#masthead div.portfolio #nameSite { 
		color: #ffe9bb;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 26px;
		font-weight: bold;
		letter-spacing: -.05em;
		text-align: right;
		text-transform: uppercase;
		margin: 0;
		width: 600px;
		position: absolute;
		top: 68px; right: 30px;
	}

	#masthead div.portfolio ul.page {
		overflow: hidden;
		margin: 0px 0px 0px 0px;
		width: 100%;
	}
		#masthead div.portfolio ul.page > li {
			float: left;
			background: url(loader-small.gif) no-repeat center;
			display: inline;
			line-height: 16px;
			margin: 0px 0 0 11px;
			overflow: hidden;
			width: 163px; height: 130px;
			position: relative;
		}
			#masthead div.portfolio ul.page > li > p.img { /*-*/ }

				#masthead div.portfolio ul.page > li > p.img > img {
					float: left;
					border: 4px solid #fff;
					display: block;
					text-decoration: none;
					position: absolute;
					top: 0; left: 0;
				}
				#masthead div.portfolio ul.page > li > p.img > em {
					background: red;
					color: #fff;
					font-style: normal;
					font-family: "Courier New", Courier, monospace;
					padding: 2px 5px;
					position: absolute;
					top: 10px; right: 0;
				}

			#masthead div.portfolio ul.page > li > div.info {
				background: #fff;
				padding: 15px;
				height: 78px; width: 150px;
				position: absolute;
				top: 160px; left: 0;
			}
				#masthead div.portfolio ul.page > li > div.info h3 {
					font-size: 16px;
					margin: 0;
				}
				#masthead div.portfolio ul.page > li > div.info a {
					font-size: 11px;
					text-align:center;
					text-transform: uppercase;
					color: #0c86c6;
				}
				#masthead div.portfolio ul.page > li > div.info p.categories { margin: 0; }

					#masthead div.portfolio ul.page > li > div.info p.categories a {
						color: #999;
						text-decoration: none;
					}
					#masthead div.portfolio ul.page > li > div.info p.categories a:hover { color: #333; }

				#masthead div.portfolio ul.page > li > div.info ul {
					margin: 0;
					position: absolute;
					bottom: 15px; left: 45px;
					text-align:center;
				}

	#loader {
	position: absolute;
	left: 490px; top: 173px;
}


/*-------------------------------
Utility classes
-------------------------------*/

.clear { clear: both }
.hide, .hidden, .skip { display: none }
.top { margin-top: 0 !important; padding-top: 0 !important; }

.hr { background: #ccc; display: block; height: 1px; margin: 1.5em 0; }
.hr hr { display: none }

.replace, .br, #logo a, #nav a { display: block; font-size: 1%; line-height: 0; text-align: left; text-indent: -10000px; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }


@media print {

/*------------------------------------------------------------------

5.	PRINT
	Styles for print

------------------------------------------------------------------*/

code, pre { font-family: "Courier New", Courier, mono }
img { float: left; clear: left; page-break-inside: avoid; page-break-after: avoid }

a, a:link, a:visited { color: blue; text-decoration: underline }

blockquote, table, pre { page-break-inside: avoid }
ul, ol, dl  { page-break-before: avoid }
h1, h3, h4, h5, h6 { display: block; font-weight: bold; page-break-after: avoid }


h1 { font-size: 3em; margin: .67em 0; }
h3 { font-size: 1.5em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.92em; margin: 1.67em 0; }
h6 { font-size: 0.83em; margin: 2.33em 0; }


/*------------------------------------------------------------------
	END CSS
------------------------------------------------------------------*/

}/* end @media */