body {font:13px/1.231 arial,helvetica,clean,sans-serif;}
body, input, textarea {
	font: 77% "Century Gothic", Arial, Helvetica, sans-serif;
}
body {
	background: #000000;
	color: #FFF;
	margin:20px 0;
}
a {
	color:#FFF;
	text-decoration:none;
	outline: none;
}
	a:hover {
		color:#CCC;
	}
	.intro a, .portfolio_info a {
		border-bottom: 1px dashed #ccc;
	}
h1 {
	margin:0;
	padding:0;
}
h2 {
	font-size:123.1%;
	font-weight:normal;
	padding:0;
	margin:0;
}
.hidden {
	visibility:hidden;
}
.clear {
	clear:both;
}
.invisible {
	visibility:hidden;
	display:none;
}

/* Layout */
.main {
	width:100%;
}	
	.sub {
		width:840px;
		margin:0 auto;
	}
	
	
.header {
	height:100px;
}
	.logo {
		float:left;
		margin:35px 0 0 50px;
		border:none;
	}
	.intro {
		float:right;
		width:485px;
		text-align:justify;
		padding:18px 50px 0 0;
		font-size:115%;
		font-weight:normal;
		margin:0;
	}
	
		
.content {
	background: url(../images/main_bg.png) repeat-x;
	height: 260px;
	padding:8px 0;
}
	.viewbar {
		background: url(../images/viewbar_bg.png) repeat-x left top;
		height: 33px;	
	}


/* ---------- Menu ---------- */
.menu {
	padding:5px 0 0 0;
}
	#portfolio_menu, #view_menu {
		position:relative;
	}
	#portfolio_menu {
		float:left;
		margin:0 0 0 50px;
	}
	#view_menu {
		float:right;
		margin:0 50px 0 0;
	}
	.menu ul {
		padding: 0;
		margin: 0;
	}
		.menu ul li {
			float: left;
			list-style: none;
			margin:0;
			padding:0;
		}
		
			.menu ul li a {
				z-index: 10;
				display: block;
				float: left;
				position: relative;
				overflow: hidden;
				padding:1px 5px 5px 5px;
				text-decoration:none;
				color:#FFFFFF;
			}

.menu li.background {
	background: url(../images/menubut_right.png) no-repeat top right;
	z-index: 8;
	position: absolute;
	visibility: hidden;
}
 
.menu li.background .left {
	background: url(../images/menubut_left.png) no-repeat top left;
	height: 20px;
	margin-right: 6px; 
}

.slideviewbutton, .allviewbutton, #switcherbut {
	width:37px;
	height:11px;
	display:block;
	text-indent:-5000px;
	overflow:hidden;
}
.slideviewbutton {
	background: url(../images/slideview.gif) no-repeat center 4px;
}
.allviewbutton {
	background: url(../images/allview.gif) no-repeat center 4px;
}

#switcherbut {
}
#switcherwrap {
	background: url(../images/viewbar_bg.png) repeat-x left top;
}
	#switchercontent {
		text-align:right;
		padding:4px 100px 0 0;
		height:20px;
		position:relative;
	}
		#switchercontent a {
			width:37px;
			height:12px;
			padding:4px 5px;
		}
		#switchercontent a img {
			border:none;
		}
		
		#switchercontent ul li {
			float: right;
		}


/* ---------- Carousel ---------- */
.slideview {
	padding:15px 0 0 0;
}	
.allview {
	padding:8px 0 0 0;
}	

#slidecarousel_frame {position: relative; }
	#slidecarousel_previous, #slidecarousel_next {
			display: block;
			height: 36px;
			width: 33px;
			margin: 90px 12px 0 0px;
			cursor:pointer;
	}
	.slideview #slidecarousel_previous, .slideview #slidecarousel_next {
			margin-top: 75px;
	}
	div.allview #slidecarousel_previous, .allview #slidecarousel_next {
			margin: 82px 4px 0 0;
	}
	div.allview #slidecarousel_previous{
			margin: 82px 16px 0 0;
	}
	#slidecarousel_previous {
		float: left; 
		background: url(../images/arrow_left.png) no-repeat center top;
	}
	#slidecarousel_next {
		float: right;
		margin-right: 4px;
		background: url(../images/arrow_right.png) no-repeat center top;
	}
		#slidecarousel_previous:hover, #slidecarousel_next:hover {
			background-position: center -53px;
		}

#slidecarousel {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 750px; /* important */
	height: 202px; /* important */
	margin: 0;
}
	#slidecarousel_content, #slidecarousel_content_all {
		position: absolute;
		top: 0;
		width: 11250px;
	}

	#slidecarousel_content, #slidecarousel_content li, #slidecarousel_content_all, #slidecarousel_content_all {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#slidecarousel_content li {
		display: block;
		float: left;
	}
	
	.slidebox {
		display: block;
		float: left;
		margin: 5px;
		background: url(../images/slide_bg.png) no-repeat center top;
		height: 160px;
		width: 220px;
		padding:10px;
		overflow:hidden;
	}
	
	#slidecarousel_content_all li {
		display: block;
		float: left;
		margin: 0;
		height: 70px;
		width: 750px;
		padding:0px;
	}
		.slidebox:hover {
			background: url(../images/slide_bg.png) no-repeat center bottom;
		}
		
		#slidecarousel_content li h2 {
			height:20px;
			margin:-5px 0 5px 0;
		}
		.infobuttons {
			float:right;
			margin:-6px -3px 0 0;
		}
			.infobut {
				display:block;
				float:left;
				height:22px;
			}
			a.infobut {
				text-indent:-5000px;
				overflow:hidden;
				cursor:pointer;
			}
			.infolink {
				width:19px;
				background: url(../images/infolink.png) no-repeat left top;
			}
				.infolink:hover {
					background: url(../images/infolink.png) no-repeat left bottom;
				}
			.viewlink {
				width:20px;
				background: url(../images/viewlink.png) no-repeat right top;
			}
				.viewlink:hover {
					background: url(../images/viewlink.png) no-repeat right bottom;
				}
		
 		#slidecarousel_content li img {
			display: block;
			border:none;
			width:220px;
			height:140px;
		}
		
		#slidecarousel_content_all a {
			display: block;
			float:left;
			margin:0 8px 8px 0;
			border:1px solid #333;
		}
			#slidecarousel_content_all a:hover {
				border:1px solid #fff;
			}
		#slidecarousel_content_all li img {
			display: block;
			border:none;
			width:115px;
			height:60px;
		}


/* Buttons */
.formbuttonwrap {
	background: url(../images/button_right.png) no-repeat right top;
	float:left;
	margin:0;
	padding:0 10px 0 0;
}
	.formbutton {
		background: url(../images/button_left.png) no-repeat left top;
		height: 28px;
		width:90px;
		font-size:100%;
		cursor:pointer;
		display:block;
		border:none;
		color:#FFF;
		margin:0;
		padding:0 0 3px 10px;		
	}
	a.formbutton {
		height: 23px;
		width:70px;
		padding:5px 10px 0 20px;
		text-align:center;		
	}
		.formbuttonwrap:hover, .formbutton:hover {
			background-position:left bottom;
		}
		.formbuttonwrap:hover {
			background-position:right bottom;
		}




/* Porfolio page */
	
.porfolio_left, .porfolio_right {
	width:360px;
	float:left;
}
.porfolio_left {
	padding:10px 0px 10px 12px;
	position:relative;
	height:190px;
}
.porfolio_right {
	padding:10px 52px 10px 10px;
}
	.porfolio_left h1, .porfolio_left h2 {
		font-size:123.1%;
		float:left;
		font-weight:bold;
		margin:0;
		padding:0;
	}
	.porfolio_left h2 {
		float:none;
	}
	.portfolio_intro {
		clear:both;
		padding:2px 0 10px 0;
	}
	.website_add {
		float:right;
		padding:3px 0 0 0;
	}
	.portfolio_info div {
		width:50%;
		float:left;
	}
	.portfolio_buttons {
		clear:left;
		position:absolute;
		bottom:0;
		text-align:center;
	}
		a.visit {
			width:310px;
			margin:0 0 0px;
			text-transform:capitalize;
		}
	.porfolio_right img {
		border:1px solid #FFF;
	}


.portfoliowrap {
	padding:12px 0px 10px 0px;
}
	.portfoliowrap .porfolio_left {
	padding:0 5px 10px 0;
	}
	.portfoliowrap .porfolio_right {
	padding:0 0 0 12px;
	}

	.portfoliowrap #slidecarousel_previous{
			margin: 78px 16px 0 0px;
	}


/* Contact Us form --------------- Make wider ----------------- */
.lefterror, .righterror span {
	padding:5px 16px 0 0;
	display:block;
	height: 23px;
	width: 234px;
}
.lefterror {
	float:left;
	background: url(../images/button_error_right.png) no-repeat;
	margin:7px 0 0 40px;
	text-align:right;
}
.righterror {
	float:right;
	display:block;
	margin:7px 40px 0 0;
}
	.righterror span {
		margin:0 0 3px 0;
		padding:5px 0 0 16px;
		background: url(../images/button_error.png) no-repeat;
	}
	
.contactwrap {
	margin:-9px auto 0 auto;
	width:820px;
	display:block;
}
	#contactformwrap {}
		.contactform, .contactformstatus {
			padding:10px 0 0 0;
			margin:0 auto;
			width: 240px;
			height: auto;
			display:block;
			background: url(../images/contactbg_tile.png) repeat-y center top;
		}
		.contactformstatus {
			padding:10px;
			width:220px;
		}
			.contactform .textbox, .contactform textarea {
				width:95px;
				padding:1px 2px;
				margin: 0 0 10px 0;
				display:block;
				font-size:100%;
				border: 1px solid #000000;
				background:#DFDFDF;
			}
				.textbox:hover, .textbox:focus {
					background:#FFF;
				}
			.contactform textarea {
				height:110px;
			}
			.contactleft {
				width:108px;
				padding:0 0 0 12px;
				float:left;
			}
			.contactright {
				width:115px;
				padding:0 0 0 5px;
				float:right;
			}
	.contactbuttontop {
		background: url(../images/contactbutton.png) no-repeat center top;
		width:240px;
		height:10px;
		display:block;
		margin:0 auto;
		clear:both;
	}
	#contactbut {
		text-align: center;
		background: url(../images/contactbutton.png) no-repeat center bottom;
		width:240px;
		height:22px;
		display:block;
		padding:3px 0 0 0;
		margin:0 auto;
	}
.errormsg {
	clear:both;
	display:block;
	font-size:83%;
	padding:0 12px;
}