/* CSS Document styels  */

* {
	margin:0pt;
	padding:0pt;
	border: 0px none;
}

/*------------------------------ layout --------------------------*/

	body {
		font-family:Tahoma,Arial,Helvetica,sans-serif;
		font-size:11px;
		color:#CCCCCC;
		background: #333333 url(../images/bg_pattern2.gif) center repeat-y;
	
	}

	#holder {
	margin:0pt auto;
	width:900px;
	background:#1950b7 url(../images/bg.jpg) top repeat-x;
	
	}

	#bound {
	margin:0pt auto;
	width:900px;
	}


	#wrap {
	background:  url(../images/shaders_bg2.jpg) top center no-repeat;
	}



		#container {
			margin: 0pt auto;
			width:738px !important;
		}

			#center_col {
			padding-top:32px;
			float:left;
			width:446px;
			}
	
				#title {
					width:446px;
				}
	
					#main {
					padding-top:72px;
					width:446px;
					}

		#right_col {
			height:587px;
			float:left;
			width:290px !important;
			width:270px;
			background: url(../images/bottle.jpg) top center no-repeat;

		}

		#border_bottom {
		height:79px;
		background:url(../images/bottom_frame_bg2.gif) top repeat-x;
		display:none;
		}


.image_body {
float:left;
margin: 5px 10px 0px 0px;
background:#FFFFFF;
border:1px dashed #999999;
padding:3px;
}

.image_body:hover {
float:left;
margin: 5px 10px 0px 0px;
background:#003366;
border:1px dashed #999999;
padding:3px;



}


/*------------------------- Item settings/ portfolio Common styles ------------------------ */

.item {
width: 428px;
background:#154575 url(../images/item_top_bg.gif) top center no-repeat;
}

.description {
float:left;
width: 160px;
padding:0px 0px 0px 30px;
margin-top:8px;
}

.description p {
font-size:10px;
line-height:15px;
color:#CCCCCC;
}

.description span {
color:#ffcc66;

}

.description a {
	
	color:#FFCC66;
	text-decoration:underline;
}

.snapshot {
	float:left;
	width:220px;
	padding:5px 0 5px 13px;

}

.container_item {

}

.category_work {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
text-transform:uppercase;
color:#000000;
position:absolute;
background-color:#FFFFFF;
line-height:15px;

margin: 40px 0 0 -75px;
width:60px;
opacity:0.8;

}






/*---------------------- Navegation styles ---------------------- */


#nav {
background: url(../images/nav_bg.gif) repeat-x;
height:40px;

}

	#nav ul {
	margin: 0pt auto;
	width:755px;
	list-style:none;
	height:40px;
	padding-top:2px;
	padding-left:2px;
	background: url(../images/div_menu2.gif) no-repeat top left;
	
	}


		#nav li {
		color:#FFFFFF;
		float:left;
		padding:0pt;
		vertical-align:middle;
		white-space:nowrap;
		width:auto !important;
		background: url(../images/div_menu.gif) no-repeat top right;
		border-top: 4px solid #3c3c3c ;
		/*display:inline !ie;*/
		}


			#nav li:hover {
			border-top: 4px solid #666666;
			}

				#nav li a {
				font-family: Helvetica, Arial, sans-serif;
				text-transform:uppercase;
				font-weight:bold;
				font-size:11px;
				color:#CCCCCC;
				text-decoration:none;
				line-height:30px;
				padding: 5px 8px 5px 8px;
				margin:0 10px 0 10px ;
				}

			#nav li a:hover {
			color:#FFFFFF;
			}

			#nav li.selected {
			border-top: 4px solid #CC9900;
			}
			
			
			

/*------------------------ sign in form styles --------------------*/

#signinform ul, ol {
list-style-type:none;
}

#signinform .txt  {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCCCCC;
color:#FFCC33;
padding:5px;
margin:10px 5px 0px 0;
background-color:#224b8c;
display:block;

}

.loginbutton {
margin-top:10px;

}

#signinform .txt input.focus, textarea.focus {
background:#FDFCF9 none repeat scroll 0%;
border:1px solid #DECFB1;
}

/*----------------------------- footer ---------------------------------*/


#topOfThePage {
border:0pt none;
bottom:0pt;
display:block;
height:26px;
overflow:hidden;
position:fixed;
text-decoration:none;
width:100%;
}

topOfThePage_blog {
border:0pt none;
bottom:0pt;
display:block;
height:26px;
overflow:hidden;
text-decoration:none;
width:100%;
}


.skipper {
margin:0pt auto;
width:800px;
}


/*------------------------------ Text Styles ---------------------------*/

p {
line-height:20px;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:11px;
padding:0pt 0pt 20px;
}


h1  {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#CCCCCC;
font-weight:normal;
margin-bottom:8px;
padding: 0 0 10px 0px;
text-transform:uppercase;
height:25px;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#cc9933;
text-transform:uppercase;
font-weight:normal;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#cc9933;
text-transform:uppercase;
font-weight:normal;
margin: 0 15px 0 15px;

}

h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#CCCCCC;
text-transform:uppercase;
font-weight:normal;
height:18px;
display:block;
}

#main a {
color:#CC9900;
text-decoration:none;
}

#main a:hover {
color:#FFFFFF;
background-color:#CC9900;
}

.highlite {
font-size:16px;
color:#0066FF;
color:#b0a47c;
}



#signin a:hover {

background-color:#1950b7;

}

#line {
background: url(../images/line_rugged6.gif) no-repeat bottom left;
font-size:4px;
height:8px;
width:360px;
margin-bottom:12px;
}

/*--------- new Nav ---------------------*/

#links2 ul {
margin: 0pt auto;
width:755px;
list-style:none;
height:40px;
padding-top:2px;;

}

#links2 ul li  {
float:left;
list-style-position:outside;
list-style-type:none;
margin: 0pt;
padding:0pt;
}

#links2 ul li a {
float:left;

list-style-type:none;
margin: 0 0 0 0;

padding:0pt;
display:block;
line-height:30px;
}

#links2 ul li a {
text-indent:-5000px


}


/*---------  Home   -------*/

#links2 ul li#home a {
background:transparent url(../menu_images/aboutme.gif) center no-repeat ;
width:206px;
}

#links2 ul li#home a:hover {
background:transparent url(../menu_images/aboutme.gif) center no-repeat ;
}

#links2 ul li#home a.selected {
background:transparent url(../images/nav2.gif) no-repeat  0px -81px;
}


/*---------  About us   -------*/

#links2 ul li#aboutus a {
background:transparent url(../menu_images/aboutme.gif) no-repeat 22px 8px;
width:115px;
}

#links2 ul li#aboutus a:hover {
background:transparent url(../menu_images/aboutme.gif)  no-repeat 22px 8px ;
width:115px;
}

#links2 ul li#aboutus a.selected {
background:transparent url(../images/nav2.gif) no-repeat  -95px -81px;
}



/*---------  Our products   -------*/


#links2 ul li#portfolio a {
background:transparent url(../menu_images/portfolio.gif) no-repeat 22px 8px ;
width:115px;
}

#links2 ul li#portfolios a:hover {
background:transparent url(../menu_images/portfolio.gif) no-repeat 22px 8px  ;
}

#links2 ul li#portfolio a.selected {
background:transparent url(../images/nav2.gif) no-repeat  -209px -81px;
}


/*---------  Orders   -------*/


#links2 ul li#cool a {
background:transparent url(../menu_images/bitsandpieces.gif) no-repeat  22px 8px;
width:130px;
}

#links2 ul li#cool a:hover {
background:transparent url(../menu_images/bitsandpieces.gif) no-repeat  22px 8px;
}

#links2 ul li#cool a.selected {
background:transparent url(../menu_images/nav2.gif) no-repeat  -368px -81px;
}

/*---------  Contact Us   -------*/


#links2 ul li#contactus a {
background:transparent url(../menu_images/contactme.gif) no-repeat  22px 8px;
width:125px;
}

#links2 ul li#contactus a:hover {
background:transparent url(../menu_images/contactme.gif) no-repeat  22px 8px;
}


/*--------------  website specs -----------*/

#nav li#sepecs_li {
text-indent: -5000px;
border-top:none;
background:none;
padding:5px 0 0 48px;


}

.myinfo  {
line-height:30px;
background:url(../images/about_this_btn_open.gif) no-repeat;
margin-left:30px;
width:160px;
}

.active  {
line-height:30px;
background:url(../images/about_this_btn_close.gif) no-repeat;
margin-left:30px;
width:160px;
}













/*#bits {
padding: 0  18px  18px 18px;
width:400px;

background:url(../images/topbubbles_blog2.jpg);
margin-left:-20px;

}*/

#bits {


/*background:url(../images/topbubbles_blog2.jpg);*/

}

.weblog_subheader {
font-size:10px;
color:#CC9900;
margin-bottom:10px;


}

#slide_login {


display:none;
}

#slide_about {
display:none;


background:#000000 url(../images/bg_siteinfo.gif);

}

.highlite_info {

font-size:13px;
color:#0066FF;
color:#b0a47c;
padding:20px 30px 20px 85px;;
}

.highlite_info a {
text-decoration:underline;
color:#b0a47c;


}

.highlite_info a:hover {

color:#999999;
text-decoration:none;

}

.error {
margin-bottom:5px;
}


textarea {
overflow:hidden;


}

.blog_body {
background:url(../images/blog_bg.jpg) center repeat-y;



}


.featured  {

font-size:11px;
color:#CCCCCC;
margin-top:-12px;



}

.featured a {
text-decoration:underline;
color:#999999;



}


.featured a:hover {

color:#999999;
text-decoration:underline;
}



		#social {
		/*position:relative;*/
		margin-top:-20px;
		margin-right:-30px;
		float:right;
		background: url(http://www.thomasfrank.com.au/files/twitter.png) top center no-repeat;
		width:80px;
		height:100px;
		/*z-index:100;*/
		
		
		
		}
		
		#social a {
		text-indent:-2000px;
		display:block;
		width:80px;
		height:100px;
		
		
		
		}