* { 
	margin:0;
	padding:0;
}
html, body { 
	overflow: hidden;
}
body { 
	background-color: #fff;
	background-image: url(images/bg1.gif); 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.25em;
	color:#999;
	scrollbar-base-color:#3399cc;	
}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol { 
	list-style:none;
}

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, .col-2, .col-3 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container { 
	width:2660px;
}




/*==== GLOBAL =====*/
.inner-page {
	width:864px;
	margin:0 auto;
	padding:0 0 0 0;
	font-size:.8125em;
	position:relative;
	top: 5%;
}

.header {
	height:149px;
	overflow:hidden;
}
	.header.small {
		height:80px;
	}
	
	
.content {
	padding:0 0 10px 0;
}
.footer {
	padding:27px 0 20px 0;
	background:url(images/footer-bg.gif) left top repeat-x;
	text-align:right;
}

.page {
	height:100%;
	width:100%;
	min-height:1050px;
	height:100% !important;
	height:1050px;
	position:absolute;
}

#folio {
	top: 1200px;
	left: 0px;
	background:#333;
}

#about {
	top: 0px;
	left: 1400px;
	background:#333;
}

#home {
	top: 0px;
	left: 0px;
	background:#fff;
}

#contacts {
	top: 1200px;
	left: 1400px;	
	background:#333;
}


/*----- forms parameters -----*/

input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif; font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}


p {
	margin-bottom:20px;
}
.p1 { 
	margin-bottom:10px;
}
.p2 { 
	margin-bottom:20px;
}
.p3 { 
	margin-bottom:30px;
}

/*----- txt, links, lines, titles -----*/
a {
	color:#3399cc; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h2 {
	font-size:20px;
	line-height:1.2em;
	color:#3399cc;
	margin-bottom:17px;
	text-transform:uppercase;
}
h3 {
	font-size:33px;
	color:#3399cc;
	line-height:1.2em;
	font-weight:normal;
	text-transform:uppercase;
}
h4 {
	font-size:1em;
	font-weight:normal;
}


.line-ver, .line-ver1 { 
	background-image:url(images/line-ver.gif); 
	background-repeat:repeat-y;
	width:100%;
}



.link1 { 
	color:#3399cc;
	text-decoration:none;
	font-size:15px;
	padding:0 0 0 10px;
}
.link1:hover {
	text-decoration:underline;
	color:#ffffff;
}



.address dt {
	margin-bottom:16px;
}
.address dd { 
	clear:both;
	color:#fff;
}
	.address dd span { 
		float:left;
		width:85px;
		color:#999;
	}
	.address dd a {
		color:#fff;
		text-decoration:none;
	}
	.address dd a:hover {
		color:#3399cc;
		text-decoration:underline;
	}


/*===== header =====*/
.header .logo {
	font-size:68px;
	line-height:1.2em;
	float:left;
}
	.header .logo a {
		color:#fff;
		text-decoration:none;
	}
	.header .logo img {
		border:0;
	}
	.header .nav {
		float:right;
	}
		.header .nav li {
			float:left;
			padding-left:5px;
		}
			.header .nav li a {
				float:left;
				width:140px;
				color:#f4f4f4;
				text-decoration:none;
				background:url(images/nav-bg.png) no-repeat left top;
				font-size:20px;
				line-height:42px;
				text-align:center;
				text-transform:uppercase;
			}
			.header .nav li a:hover, .header .nav li a.current {
				background:url(images/nav-bg.png) no-repeat left -42px;
				color:#333;
			}


/*===== content =====*/
.content {
	
}
	.list1 li {
		font-size:15px;
		padding:0 0 4px 0;
	}
		.list1 li a {
			color:#f4f4f4;
			text-decoration:none;
			background:#3399cc;
			display:inline-block;
			padding:4px 10px 4px 10px;
		}
		.list1 li a:hover {
			background:url(images/bg1.gif) left top;
		}
	
	
	.social-links {
		width:100%;
		overflow:hidden;
		padding:19px 0 0 0;
	}
		.social-links li {
			display:inline;
		}
			.social-links li a {
				float:right;
				background:url(images/button-left.gif) no-repeat left top #757575;
				color:#fff;
				text-align:center;
				font-size:20px;
				text-decoration:none;
				margin-left:3px;
			}
			.social-links li a span {
				float:left;
				padding:0 10px 0 10px;
				line-height:33px;
				background:url(images/button-right.gif) no-repeat right top;
				cursor:pointer;
			}
			.social-links li a:hover {
				color:#3399cc;
			}
	
	
	.ibdr {/*border: 2px solid #CCC;*/ margin-bottom:5px; }
	.ibdr:hover{/*outline: 4px solid #3399cc; border: 2px solid #3399cc;*/ }
	.paperRoll{
		position:absolute;
		border:none;
	}
	.paperRoll:hover{
		position:absolute;
		outline: 4px solid #3399cc;
	}
	.logo-big {
		padding-bottom:39px;
	}
	.desc {
		color::#2e3436;
		font-size:15px;
		line-height:24px;
		text-transform:uppercase;
		text-align:right;
		margin-right:15px;
		padding-bottom:35px;
	}
	.description {
		color:#2e3436;
		font-size:17px;
		line-height:24px;
		text-transform:uppercase;
		text-align:right;
		padding-bottom:10px;
	}

/*===== footer =====*/
.footer {
	font-size:10px;
	text-transform:uppercase;
	color:#fff;
}
	.footer a {
		color:#3399cc;
		text-decoration:none;
	}
	.footer a:hover {
		text-decoration:underline;
	}


/*----- forms -----*/
#contactsform fieldset {
	border:none;
	width:530px;
}
	#contactsform label {
		display:block;
		height:40px;
		overflow:hidden;
	}
		#contactsform input {
			width:520px;
			padding:6px 5px 6px 8px;
			color:#333;
			background:#f4f4f4;
			border:none;
		}
		#contactsform textarea {
			width:517px;
			padding:6px 5px 6px 8px;
			height:100px;
			color:#333;
			background:#f4f4f4;
			border:none;
			overflow:auto;
			margin-bottom:15px;
		}
		

/*==========================================*/



/*======== home page ============*/
	
#home .social-links li a {
	background:url(images/button-left1.gif) no-repeat left top #d9d9d9;
	color:#fff;
}
#home .social-links li a span {
	background:url(images/button-right1.gif) no-repeat right top;
}
#home .social-links li a:hover {
	color:#3399cc;
}

#home .footer {
	color:#282f31;
	background:url(images/footer-bg1.gif) left top repeat-x;
}
div.scroll {
	height: 240px;
	width: 550px;
	overflow: auto;
	position: relative;
	text-align: left;
}

#scrollAbout {
	height: 300px;
	width: 550px;
	overflow: auto;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	text-align: left;
}

#imgBorder a img, #imgBorder a           { border: none; float: left; }
#imgBorder a                               { color:#ffffff; outline:none; margin: 3px; }
#imgBorder a:hover                         { color:#3399cc; /*outline: 3px solid white; 	text-decoration:underline;*/}

.imgBorder1 {
/* Typical fixed height and fixed width example */
	height: 320px;
	width: 260px;
	padding-left:5px;
	padding-top:10px;
	/* IE overflow fix, position must be relative or absolute*/
	}

#imgBorder {
/* Typical fixed height and fixed width example */
	height: 320px;
	width: 260px;
	overflow: auto;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	text-align: left;
	font-size:16px;
	}
	
.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	background:url(images/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
/*
#imgBorder a img, #imgBorder a           { border: none; overflow: hidden; float: left; }
#imgBorder a:hover                         { border: 3px solid white; }
#imgBorder a:hover img                     { margin: -3px; }*/

/* INPUT FIELD CSS Copy this to your style sheet
------------------------------------------------------------- */
#contactform {
	width:500px;
	-moz-border-radius:5px;
	margin-left:auto;
	margin-right:auto;
}
#contactform form {
	font:normal 11px/18px Verdana,Tahoma;
	margin:0 0;
	padding:0;
	margin-top:20px;
	width:100%;
}
#contactform fieldset {
	padding:10px 0;
	margin:0 0 15px 0;
	background:#fff;
	border:1px solid #ddd;
	-moz-border-radius:5px
}


#contactform fieldset legend {
	font:normal bold 18px/26px "Trebuchet MS",Verdana,Tahoma;
	padding:3px 25px;
	margin-left:30px;
	text-transform:uppercase;
	border:0px solid #ddd;
}
#contactform fieldset legend span {
	font:normal 10px/18px Arial,Verdana,Tahoma;
	text-transform:uppercase;
	display:block;
}
#contactform form label {
	display:block;
	float:left;
	width:150px;
	padding:6px 10px 0 0;
	margin:0px;
	text-align:right;
}
#contactform input.inpt, #contactform textarea, #contactform select {
	width:260px;
	font:normal 11px/18px Verdana,Tahoma;
	padding:5px;
	margin:5px 0 5px 0;
	background:#f5f5f5;
	border:1px solid #ddd;
}

form br {
	clear:left;
}

#contactform input.required {
	background:#f5f5f5 url('images/required.gif') center right no-repeat;
	
}

#contactform .select select:focus {
	border-color: #9b9b9b;
}
#contactform form input.btn
	{
		background:none;
		border:none;
	}

form.c1 input:hover,textarea:hover
	{
		border:1px solid #d8d8d8;
	}

/* Error / Success / Notice 
------------------------------------------------------------- */

.notes		{ background:#f0f0f0; border:1px solid #b8b8b8; }
.success	{ background:#ccfcd1; border:1px solid #60a400; }
.error		{ background:#f9e3e3; border:1px solid #e79e9e; }
.notice		{ background:#fcf0cc; border:1px solid #ecc735; }

.notes,.notice,.success,.error
			{
				padding:10px;
				font-size:10px;
				color:#000;
			}

.notes span,.notice span,.success span,.error span 
			{
				font-weight:bold;
				font-size:1.2em;
			}

.notes p,.success p,.error p,.notice p
			{
				margin:0px;
				padding:0px;
			}

#note {width:90%;margin:0 auto; }