*{
	border: 0px;
	margin: 0px;
	padding: 0px;
}
* html{
	height: 100%;
}
body{
	background-image: url(../images/bg.gif);
	height: 100%;
}

/* start main container settings */
	#main-container{
		background-image: url(../images/bck-middle.gif);
		background-repeat: repeat-y;
		margin: 0 auto;
		margin-top: 10px;
		height: 100%;
		width: 967px;
	}
	#mc-top{
		background-image: url(../images/bck-top.gif);
		background-repeat: no-repeat;
		width: 967px;
		height: 3px;		
	}
	#mc-page{
		width: 909px;
		margin: 0 auto;
		margin-bottom: 10px;
	}
	#mc-bottom{
		background-image: url(../images/bck-bottom.gif);
		background-repeat: no-repeat;		
		width: 967px;
		height: 3px;
	}
/* end main container settings */

/* start page settings */
	#top{
		padding-top: 25px;
	}
	#logo{
		width: 341px;
		height: 46px;
		padding-top: 12px;
		float: left;
	}
	/* contact form on top */
	#qform{
		width: 215px;
		height: 70px;
		float: right;
	}
	#qform #title{
		font-family: helvetica,arial;
		font-size: 12px;
		display: block;
		margin-bottom: 3px;
	}
	#qform .textbox{
		border: 1px solid black;
		width: 115px;
		height: 20px;
		margin-bottom: 8px;
	}
	#qform #qsubmit{
		width: 83px;
		height: 45px;
	}
	/* contact form on top */
	
	/* menu container */
	#menu{
		background-image: url(../images/menu-right.jpg);
		background-repeat: no-repeat;
		background-position: right;
		height: 27px;
		width: 909px;
	}
	#hmenu-container{
		background-image: url(../images/menu-bck.jpg);
		background-repeat: repeat-x;
		width: 902px;
	}
	/* menu container */

	/* menu container2 */
	#menu2{
		background-image: url(../images/menu-right.jpg);
		background-repeat: no-repeat;
		background-position: right;
		height: 27px;
		width: 909px;
	}
	#hmenu-container2{
		background-image: url(../images/menu-bck.jpg);
		background-repeat: repeat-x;
		width: 902px;
	}
	/* menu container */
	
	/* flash area */
	#flash{
		height: 289px;
	}
	#flash-left{
		height: 289px;
		width: 695px;
		float: left;
	}
	#flash-right{
		height: 289px;
		width: 214px;
		float: right;
	}
	#flash-contact{
		height: 750px;
		width: 900px;
		float: right;
	}
	#flash-all{
		height: 150px;
		width: 909px;
		float: left;
	}
	/* flash area */

	/* insidetoparea */
	#insidetoparea{
		height: 150px;
	}
	#insidetoparea-left{
		background-image: url(../images/STOOKE_top_bg.jpg);
		height: 150px;
		width: 785px;
		float: left;
	}
	#insidetoparea-right{
		height: 150px;
		width: 124px;
		float: right;
	}
	/* insidetoparea */
	
	/* overlay box*/
	#overlay-box{	
		background-image: url(../images/overlay-box-trans.png);
		height: 132px;
		width: 234px;
		position: relative;
		left: 32px;
		top: 66px;
		float: left;
	}
	#ob-title{
		font-family: "Kozuka Gothic Pro B";
		font-size: 20px;
		font-weight: bold;
		color: #e8e8e8;
		display: block;
		margin-top: 10px;
		margin-left: 20px;
	}
	#ob-text{
		font-family: arial;
		font-size: 13px;
		font-weight: normal;
		color: #e8e8e8;
		display: block;
		padding-left: 25px;
		padding-right: 25px;
	}
	/* overlay box*/
	
	/* overlay text */
	#overlay-text{
		position: relative;
		left: 100px;
		top: 79px;
		float: left;
	}
	#overlay-text img{
		height: 144px;
		width: 282px;
	}
	/* overlay text */
		
	/* the 3 main columns settings */
	#c-left{
		float: left;
		padding-left: 15px;
		padding-right: 26px;
		width: 174px;
		background-image: url(../images/pixel-separator.jpg);
		background-repeat: repeat-y;
		background-position: right;
	}
	#c-right{
		float: left;
		padding-left: 26px;
		padding-right: 15px;
		width: 174px;
		background-image: url(../images/pixel-separator.jpg);
		background-repeat: repeat-y;
		background-position: left;
	}
	#c-middle{
		float: left;
		padding-left: 26px;
		padding-right: 26px;
		width: 427px;
	}
	#c-middle2{
		float: left;
		padding-left: 26px;
		padding-right: 26px;
		width: 605px;
	}
	#c-middle3{
		float: left;
		padding-left: 26px;
		padding-right: 26px;
		width: 850px;
	}
	#c-middle4{
		float: left;
		padding-left: 36px;
		padding-right: 26px;
		width: 427px;
	}
    #portfolio-left{
		float: left;
		padding-left: 0px;
		padding-right: 0px;
		width: 200px;
		background-position: right;
	}
	#portfolio-right{
		float: left;
		padding-left: 26px;
		padding-right: 10px;
		width: 409px;
		background-position: left;
	}
	/* the 3 main columns settings */
	
	/* footer and footer text settings */
	#footer{
		background-image: url(../images/footer-bck.jpg);
		background-repeat: repeat-x;
		padding-top: 12px;
		height: 50px;
		width: 909px;
		text-align: center;
		vertical-align: middle;
	}
	#footer,
	#footer a{
		color: white;
		font-family: helvetica,arial;
		font-size: 10px;
		text-decoration: none;
	}
	#footer a:hover{
		text-decoration: underline;
	}
	/* footer and footer text settings */
/* end page settings */

.hrule{
	display: block;
	background-image: url(../images/pixel-separator.jpg);
	background-repeat: repeat-x;
	height: 1px;
	width: 100%;
}
.hrule2{
	background-image: url(../images/pixel-separator.jpg);
	background-repeat: repeat-x;
	height: 1px;
	width: 80%;
}
.column{
	font-family: helvetica,arial;
	font-size: 12px;
	color: #383838;
}
.column-title{ color: #5d5d5d; font-family: helvetica,arial,myriad pro;	font-size: 24px; display: block; margin-bottom: 20px; margin-top: 20px;}
.column-title a { color: #5d5d5d; font-family: helvetica,arial,myriad pro;	font-size: 24px; display: block; text-decoration:none;}
.column-title a:link{ color: #5d5d5d; font-family: helvetica,arial,myriad pro;	font-size: 24px; display: block; text-decoration:none;}
.column-title a:visited{ color: #5d5d5d; font-family: helvetica,arial,myriad pro;	font-size: 24px; display: block; text-decoration:none;}
.column-title a:hover{ color: #5d5d5d; font-family: helvetica,arial,myriad pro;	font-size: 24px; display: block; text-decoration:underline; }

.orange-font{	color: #f26522;}

.blue-font{	color: #364658;}

.bold{	font-weight: bold;}

.bold1 {
	color:#000000;
	text-decoration:none;
	font-size:17multiple;
	text-indent: 45px;
	line-height: 17pt;
}

.mainlink {color:#333333;	text-decoration:none; font-size:12px;}
.mainlink a	{color:#333333;	text-decoration:underline; font-size:12px;}
.mainlink a:link	{color:#333333;	text-decoration:underline; font-size:12px;}
.mainlink a:visited	{color:#333333;	text-decoration:underline; font-size:12px;}
.mainlink a:hover	{color:#FF6600; text-decoration:underline; font-size:12px;}

.mainlink1 {color:#333333;	text-decoration:none; font-size:12px;}
.mainlink1 a	{color:#333333;	text-decoration:none; font-size:12px;}
.mainlink1 a:link	{color:#333333;	text-decoration:none; font-size:12px;}
.mainlink1 a:visited	{color:#333333;	text-decoration:none; font-size:12px;}
.mainlink1 a:hover	{color:#333333; text-decoration:none; font-size:12px;}

.mainlink2 {color:#333333;	text-decoration:none; font-size:12px;}
.mainlink2 a	{color:#333333;	text-decoration:none; font-size:12px;}
.mainlink2 a:link	{color:#333333;	text-decoration:none; font-size:12px;}
.mainlink2 a:visited	{color:#333333;	text-decoration:none; font-size:12px;}
.mainlink2 a:hover	{color:#FF6600; text-decoration:underline; font-size:12px;}

.mainlink3 {color:#666666; text-decoration:none; font-size:11px; padding-top: 10px; padding-bottom: 5px; padding-left: 2px;}
.mainlink3 a	{color:#666666;	text-decoration:none; font-size:11px; padding-top: 10px; padding-bottom: 5px; padding-left: 2px;}
.mainlink3 a:link	{color:#666666;	text-decoration:none; font-size:11px; padding-top: 10px; padding-bottom: 5px; padding-left: 2px;}
.mainlink3 a:visited	{color:#666666;	text-decoration:none; font-size:11px; padding-top: 10px; padding-bottom: 5px; padding-left: 2px;}
.mainlink3 a:hover	{color:#FF6600; text-decoration:underline; font-size:11px; padding-top: 10px; padding-bottom: 5px; padding-left: 2px;}

.mainlink4 {color:#666666; text-decoration:underline; font-size:11px; padding-top: 10px; padding-bottom: 5px; padding-left: 2px;}
.mainlink4 a	{color:#666666;	text-decoration:underline; font-size:11px; padding-top: 10px; padding-bottom: 5px; padding-left: 2px;}
.mainlink4 a:link	{color:#666666;	text-decoration:underline; font-size:11px; padding-top: 10px; padding-bottom: 5px; padding-left: 2px;}
.mainlink4 a:visited	{color:#666666;	text-decoration:underline; font-size:11px; padding-top: 10px; padding-bottom: 5px; padding-left: 2px;}
.mainlink4 a:hover	{color:#FF6600; text-decoration:underline; font-size:11px; padding-top: 10px; padding-bottom: 5px; padding-left: 2px;}

.title1 {color:#666666; text-decoration:none; font-size:14px; text-align: left;}
.title1 a	{color:#666666;	text-decoration:none; font-size:14px;text-align: left;}
.title1 a:link	{color:#666666;	text-decoration:none; font-size:14px;text-align: left;}
.title1 a:visited	{color:#666666;	text-decoration:none; font-size:14px;text-align: left;}
.title1 a:hover	{color:#FF6600; text-decoration:underline; font-size:14px;text-align: left;}

.title2 {color:#666666; text-decoration:none; font-size:18px; }
.title2 a	{color:#666666;	text-decoration:none; font-size:18px;}
.title2 a:link	{color:#666666;	text-decoration:none; font-size:18px;}
.title2 a:visited	{color:#666666;	text-decoration:none; font-size:18px;}
.title2 a:hover	{color:#FF6600; text-decoration:underline; font-size:18px;}

.title3 {color:#666666; text-decoration:none; font-size:11px; text-align: left;}
.title3 a	{color:#666666;	text-decoration:none; font-size:11px;text-align: left;}
.title3 a:link	{color:#666666;	text-decoration:none; font-size:11px;text-align: left;}
.title3 a:visited	{color:#666666;	text-decoration:none; font-size:11px;text-align: left;}
.title3 a:hover	{color:#FF6600; text-decoration:underline; font-size:11px;text-align: left;}

	/* website gallery settings */
.websitegallery
{margin: 10px 5px; float: left; width: 100%; padding: 1px 0; border-bottom:1px dotted #d7d7d7;}

.websitegallery img
{border: 0px solid #1a1a1a;	margin: 0 19px 10px 0;	width: 410px;	height: 255px;}

.websitegallery a:hover img
{border: 0px solid #fff;}
	/* end website gallery settings */

	/* website nav settings */
.websitegallerynav
{
	margin: 10px 5px;
	float: left;
	width: 100%;
	padding: 1px 0;
	text-align: right;
}
	/* end website gallery settings */
	
	/* website case study settings */
.websitecasestudy
{margin: 10px 5px; float: left; width: 100%; padding: 1px 0;}

.websitecasestudy img
{	border: 0px solid #1a1a1a;	margin: 10px 19px 20px 0;	width: 598px;	height: 400px;}

.websitecasestudy2 img
{	border: 0px solid #1a1a1a;	margin: 10px 7px 0px 0px;	width: 190px;	height: 190px;}
	/* end website gallery settings */

	/* brand gallery settings */
.brandgallery
{margin: 10px 5px; float: left; width: 100%; padding: 1px 0;}

.brandgallery img
{border: 0px; margin: 0 15px 15px 0;	width: 275px; height: 225px;}

.brandgallery a:hover img
{border: 0px solid #e6e6e6;}

	/* end brandgallery settings */
	
	/* print gallery settings */
.printgallery
{margin: 10px 5px; float: left; width: 100%; padding: 1px 0;}

.printgallery img
{border: 2px solid #1a1a1a; margin: 0 10px 15px 0; width: 250px; height: 150px;}

.printgallery a:hover img
{border: 2px solid #fff;}


/* end print gallery settings */

/* start contact form settings */
#contact-area {
	width: 600px;
	margin-top: 25px;
	margin-left: 50px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #060342
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}

/* end contact form settings */