/*
background-color:#849FBC;
*/

body 
{
	background-color:#849FBC;
}


h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-variant:small-caps;
}

h2
{
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

h3
{
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

	
}

img.portfolio-image
{
	cursor:pointer; 
	border-left: solid 1px #333333;
	border-top: solid 1px #999999;
}


/***   DIVS IMAGES FOR PAGES START   ***/

div.banner-home
{
	background-image: url(../images/banner-home.jpg) ;
	background-repeat: no-repeat;
	background-color: #ebebeb;
	width:600px;
	height: 140px;
	position:absolute;
	left: 255px;
	top: -390px;
}

div.banner-osc-contributions
{
	background-image: url(../images/banner-osc-contributions.jpg) ;
	background-repeat: no-repeat;
	background-color: #ebebeb;
	width:600px;
	height: 140px;
	position:absolute;
	left: 255px;
	top: -390px;
}


div.banner-osc-design
{
	background-image: url(../images/banner-osc-design.jpg) ;
	background-repeat: no-repeat;
	background-color: #ebebeb;
	width:600px;
	height: 140px;
	position:absolute;
	left: 255px;
	top: -390px;
}

div.banner-aboutus
{
	background-image: url(../images/banner-aboutus.jpg) ;
	background-repeat: no-repeat;
	background-color: #ebebeb;
	width:600px;
	height: 140px;
	position:absolute;
	left: 255px;
	top: -390px;
}

div.banner-web-design
{
	background-image: url(../images/banner-web-design.jpg) ;
	background-repeat: no-repeat;
	background-color: #ebebeb;
	width:600px;
	height: 140px;
	position:absolute;
	left: 255px;
	top: -390px;
}

div.banner-ecom-website
{
	background-image: url(../images/banner-ecom-website.jpg) ;
	background-repeat: no-repeat;
	background-color: #ebebeb;
	width:600px;
	height: 140px;
	position:absolute;
	left: 255px;
	top: -390px;
}

div.banner-osc-seo
{
	background-image: url(../images/banner-osc-seo.jpg) ;
	background-repeat: no-repeat;
	background-color: #ebebeb;
	width:600px;
	height: 140px;
	position:absolute;
	left: 255px;
	top: -390px;
}

div.banner-osc-customization
{
	background-image: url(../images/banner-osc-customization.jpg) ;
	background-repeat: no-repeat;
	background-color: #ebebeb;
	width:600px;
	height: 140px;
	position:absolute;
	left: 255px;
	top: -390px;
}

div.banner-contact-tk
{
	background-image: url(../images/banner-contact-tk.jpg) ;
	background-repeat: no-repeat;
	background-color: #ebebeb;
	width:600px;
	height: 140px;
	position:absolute;
	left: 255px;
	top: -390px;
}

div.banner-prices
{
	background-image: url(../images/banner-prices.jpg) ;
	background-repeat: no-repeat;
	background-color: #ebebeb;
	width:600px;
	height: 140px;
	position:absolute;
	left: 255px;
	top: -390px;
}

div.banner-multimedia-design
{
	background-image: url(../images/banner-multimedia-design.jpg) ;
	background-repeat: no-repeat;
	background-color: #ebebeb;
	width:600px;
	height: 140px;
	position:absolute;
	left: 255px;
	top: -390px;
}

div.portfolio-details
{
	background-color: #ebebeb;
	width:600px;
	height: 340px;
	position:absolute;
	left: 255px;
	top: -390px;
}

div.portfolio-details-1
{
	background-color: #ebebeb;
	width:600px;
	height: 640px;
	position:absolute;
	left: 255px;
	top: -390px;
}

/***   DIVS IMAGES FOR PAGES END   ***/



/***   IMAGE STYLES START   ***/

#imgHeadphones {
	position:relative;
	padding: 1px;
	margin: 3px;
	float: right;
	border: thin  solid #333333; 
}

img.image_1
 {
	position:relative;
	padding: 1px;
	margin-left:14px;
	margin: 3px;
	float: right;
	border: 1px  solid  #333333; 
}

img.image_2
 {
	position:relative;
	padding: 1px;
	margin-right: 10px;
	float: left;
	border: 1px  solid  #333333; 
}

img.portfolio-description
{
	position:relative;
	padding: 1px;
	margin-left: 5px;
	float: right;
	
}


/***   IMAGE STYLES END   ***/

table.portfolio-description
{
	width: 95%;
	margin-left:auto;
	margin-right:auto;
	

}
td.portfolio-description
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	 overflow:scroll;
	 line-height: 20px;
	 font-size:115%;
}
h2.portfolio-description
{
	 text-align:left;
	 font-variant:small-caps;
}


ul.portfolio-description
{
	position:absolute;
	left: -30px;
	margin-right:10px;
}

span.portfolio-description
{
	font-variant:small-caps;
}

li.portfolio-description
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	font-size:10px;
	list-style-type: none;
	margin-bottom:15px;
}




.title
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}




div
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: left;
}

div.main-container
{
	width: 700px;
	margin-left:5px;
	
	top: 500px;
	position:relative;
}

div.main-text
{
	position:absolute;
	top: -275px;
	width:570px;
	height: 460px;

	left:220px;

	background-color: #ebebeb;

	margin: 35px;
	line-height: 25px;
	padding: 15px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow:auto;
	
}

div.portfolio-main
{
	position:absolute;
	top: -75px;
	width:570px;
	height: 260px;

	left:220px;

	background-color: #ebebeb;

	margin: 35px;
	line-height: 25px;
	padding: 15px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	
}


div.portfolio-main-flash
{
	position:absolute;
	top: -425px;
	width:570px;
	height: 610px;

	left:220px;

	background-color: #000000;

	margin: 35px;
	line-height: 25px;
	padding: 15px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

div.logo
{
	background-image: url(../images/tklogo.jpg);
	background-repeat:no-repeat;
	width:600px;
	height: 100px;
	position:absolute;
	left: 255px;
	top: -500px;
}

div.logo-portfolio-oscommerce
{
	background-image: url(../images/portfolio-oscommerce.jpg);
	background-repeat:no-repeat;
	width:600px;
	height: 100px;
	position:absolute;
	left: 255px;
	top: -500px;
}


div.logo-portfolio-website-design
{
	background-image: url(../images/portfolio-website-design.jpg);
	background-repeat:no-repeat;
	width:600px;
	height: 100px;
	position:absolute;
	left: 255px;
	top: -500px;
}

div.page-image
{
	background-image: url(../images/main-page.jpg) ;
	background-repeat: no-repeat;
	background-color: #ebebeb;
	width:600px;
	height: 100px;
	position:absolute;
	left: 225px;
	top: -390px;
}

div.left-menu
{
	width: 115px;
	height: 750px;
	
	position:absolute;
	left: 5px;
	top: -500px;
	
	background-color: #ebebeb;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color: #849FBC;
	border-right: solid 1px #849FBC;
}


div.second-menu
{
	width: 115px;
	height: 750px;
	/*min-height: 750px;*/
	position:absolute;
	left: 130px;
	top: -500px;
	background-color: #e2e4e6;
}

div.contact-column
{	width: 115px;
	height:250px;
	position:absolute;
	left: 865px;
	top: -500px;
	background-color: #ebebeb;
		
}


div.secondary-text
{
	background-color: #ebebeb;
	width: 115px;
	height: 490px;
	position: absolute;
	left: 865px;
	top: -240px;
}



#third-column-header
{
	top:15px;
	position:relative;
	
}

ul.third-column
{
	top: 45px;
	left:-35px;
	position:absolute;
}

ul.sub-menu
{
	left:00px;
	position:absolute;
}


li.extra-option
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	list-style-type: none;
	text-align:left;
	font-size: 10px;
	left: -20px;
	padding-bottom:15px;
	
}

li.prices
{

	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	line-height: 15px;
	text-align:left;
	font-size: 10px;
	left: -20px;
	padding-bottom:10px;

}



/***   ANCHORS START   ***/


a.dark-link, a.dark-link:active, a.dark-link:visited
{
	text-decoration:underline;
	color: #4A5060;
}


a.dark-link:hover
{
	text-decoration:none;
	color: #0099FF;
}

a.email-link, a.email-link:active, a.email-link:visited
{
	text-decoration:none;
	color: #0099FF;
}

a.email-link:hover
{
	text-decoration:underline;
	color: #0099FF;
}

a.small-menu, a.small-menu:active, a.small-menu:visited
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#4A5060;
	margin:0px;
	padding:10px;
}

a.small-menu:hover
{
	color: #0099FF;
}

a.menu:link, a.menu:active, a.menu:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #4A5060;
	text-align: left;
	left: -20px;


	position: relative;
	line-height:15px;
}

a.menu:hover
{
	color: #0099FF;
	cursor:pointer;	
}


a.third-column-menu:link, a.third-column-menu:active, a.third-column-menu:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #4A5060;
	text-align: center;
	left: 25px;
	position: relative;
	line-height:15px;
}

a.third-column-menu:hover
{
	color: #0099FF;
	cursor:pointer;	
}

a.third-column-selected-menu
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #849FBC;
	text-align: center;
	left: 25px;
	position: relative;
	line-height:15px;
}

a.selectedMenu
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#849FBC;
}

a.list-link, a.list-link:active a.list-link:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #0099FF;
}

/***   ANCHORS END   ***/

/***   SPAN START   ***/

p.menu-title
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 12px;
	text-align:center;
	vertical-align:bottom;
	text-transform:uppercase;
	width:100%;

}

p.sub-menu-title
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 12px;
	text-align:center;
	vertical-align:bottom;
	text-transform:uppercase;
	width:100%;
	color: #0099FF;

}

p.spacer
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 75px;
	text-align:center;

	text-transform:uppercase;
	width:100%;
	
}

p.spacer_third

{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 75px;
	text-align:center;

	text-transform:uppercase;
	width:100%;
	
}

span.display-price
{
	color: #849FBC;
	font-size:90%;
}

span.bullet-lead
{
	color:Purple;
}

/***   SPAN END   ***/

td.checkbox-cell
{
	width: 33%;
}