/* CSS Document */

body{
	background-color:#330000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;}
	
a img{border:0;}


a {
	text-decoration: none; 
	color:#FF0000;}

a:visited {
	color:#FF99CC;}
	
#outer{
	width:900px;
	margin:0 auto;
	}
	
#header{
	width:900px;
	height:120px;
	background-image:url(images/KTsquare_header.jpg); background-repeat:no-repeat;}
	
#header img{
	border:0;}
	
#mainNavi{
	width:620px;
	float:right;
	font-weight:bold;
	text-align:center;
	margin:3.6em 0 0 0;
}
	
#mainNavi ul {
	margin:0;
	padding:0;
}	

#mainNavi li{
position:relative;
display:inline;
display : block;
float : left;
}

#mainNavi li a{
	color:#CC0000;
	text-decoration:none;
	display : block;
	margin:auto 3.2em auto 3.3em;
}

#mainNavi li a:hover{
	color:#FFFFFF;}
	
/*---- Navigation Page Indicators ----*/
#home #navi-home a, #contact #navi-contact a, #portfolio #navi-portfolio a, #clientlogin #navi-clientlogin a {
	color:#FF3399;
}	
	
	
#middle{
	width:900px;
	margin:1em;
	color:#FFFFFF;}
	
#leftColumn{
	display:block;
	position:relative;
	width:500px;
	float:left;
	/*background-color:#00FFFF;*/}
	
#leftColumn h2{
	margin:0.3em 0 0.4em 0.3em;}
	
.workFrame{
	display:block;
	width:500px;
	height:209px;
	margin-bottom:0.3em;
	background-position: center center;
	background-image:url(images/KTsquare_workFrame.gif); background-repeat:no-repeat;}
	
.workFrame img{
	padding:1.6em 1.2em;}
	
#rightColumn{
	display:block;
	position:relative;
	width:335px;
	/*margin-right:0.5em;*/
	float:right;}
	
#footer{
	width:900px;
	clear:both;
	text-align:center;
	font-size:0.8em;
	color:#CC3300;}
	
#footer img {
	border:0;}

/* -------------------------- */
/*     contact form styles    */
/* -------------------------- */
.formStyle{
	width:400px;
	margin:0 auto;
	padding:14px;}

#contactForm label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:130px;
	height:20px;
	float:left;}
	
#contactForm input{
float:left;
font-size:12px;
padding:2px;
/*border:solid 1px #aacfe4;*/
width:200px;
margin:0 0 20px 10px;
}

#contactForm textarea{
margin:0 0 40px 10px;
width:200px;
}

#contactForm button{
clear:both;
margin-left:150px;
width:150px;
height:38px;
background:url(images/formLabel_submit.gif) no-repeat;
border:0;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}



	
/* -------------------------- */
/* ROLLOVER - Dress me styles */
/* -------------------------- */

div#pixbox {background-image:url(images/dressup_bg.jpg); background-repeat:no-repeat; width:326px; height:490px; margin:0;}
div#links {position: absolute; left: 1.7em; margin-top:6.5em; width: 90px; height: 300px; font: 12px Verdana, sans-serif; z-index: 100;}
div#links a {display: block; text-align: left; font: bold 1.1em sans-serif; 
   padding: 5px; margin:2px 0 1px 0; border-width: 0; color:#FF0000; }
div#links a:hover {color:#FF9900; background: #330000; }

div#links a img {height: 0; width: 0; border-width: 0;}
div#links a:hover img {position: absolute; top: -45px; left: 70px; height: 459px; width: 235px; }



/* -------------------------- */
/*     flickrHelpr styles     */
/* -------------------------- */
.setPhoto{float:left; display:block;border:1px solid #cacaca; background-color:#eee; margin:0px 20px 14px 0; padding:5px;}
.setPhoto h2{margin:0; padding:0; font-size:9px;font-weight:normal; color:#999; text-align:left; line-height:12px;clear:both;}
.setPhoto a{float:left; display:block;}
.setPhoto img{margin:0; border:0; width:180px; height:150px; background-color:#222;}

#feature{float:left; width:600px; padding-left:1.8em;}
#bigPhoto{float:right; display:block;border:1px solid #cacaca; background:#eee url(../ims/loadingImage.gif) no-repeat center center; margin:3px 0 10px 0; padding:5px; min-width:250px; min-height:250px;}
#bigPhoto h2{width:500px; margin:0; padding:0; font-size:0.9em; font-weight:normal; color:#666; text-align:left; clear:both;}
#bigPhoto a{float:left; display:block;}
#bigPhoto img{margin:0; border:0;}

#feature #bigPhotoMeta{margin:5px 15px;float:right; width:600px; clear:both;color:#777;font-size:9px;}
#feature #bigPhotoMetaContainer{display:none; }
#feature #bigPhotoMeta ul{margin:5px 0px; padding:0 0 0 15px; list-style:square;}
#feature #bigPhotoMeta li{margin:2px 0;}

#thumbarea{width:220px; height:200px; float:left; padding:0 0 0 0.5em;}
h2.thumbhint{font-size:0.9em; padding:0; margin:2px 5px 0px; font-weight:normal; width:220px; float:left;}
#thumbs{width:210px; padding:0; float:left; margin:0;position:relative;top:0;}
#mask{width:230px; padding:0; margin:0; clip: rect(0px, 210px, 256px, 0); overflow:hidden; position:relative; top:0px;}

#thumbs img{width:32px; height:32px; border:2px solid #FF3366; margin:4px 4px 0 0;background-color:#FF3366;}
html>body div#thumbs img{margin:3px 3px 0 0;}

#prevwork{position:absolute; top:3px; left:213px;}
#nextwork{position:absolute; top:238px; left:213px;}


h3.tab{font-size:11px; padding:0 4px; line-height:25px; border:1px solid #666; border-right-color: #888;background-color:#ccc; margin:15px 0 0; float:left;clear:both;}
#sample{padding:8px; background-color:#ccc; border:1px solid #ccc; float:left;clear:both;border-bottom-color: #888; border-right-color: #888;}

.title{
	padding:0.5em;
	font-size:0.95em;
	font-weight:bold;
	}

/* -------------------------- */
/*       phpFlckr styles      */
/* -------------------------- */
.gallery li{
	display: inline;
	list-style-type: none;
	padding-right: 10px;}
	
.gallery img {
	width:50px;
	height:50px;}