/*
=================================================================================
WISEINTERNET APPLICATION DEVELOPMENT. ©2007 WISEINTERNET. WWW.WISEINTERNET.COM
All rights reserved. No unauthorised duplication. 
=================================================================================
*/

/*
	CSS STYLE NOTE:
	Lower case for html tag styles (html), camel case (DropDownList) for all other custom styles 
	Html elements first then list ID styles alphabetically with styles within the ID styles
	listed with HTML elements first followed by custom styles listed alphabetically
*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, table, th, tr, td, form, a
{
	font-family: arial, verdana, sans-serif;
}
body
{
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 0px auto;
	background: url(/img/bg_main.gif) top repeat-x #898989;
}
a:link
{	font-family: arial, verdana, sans-serif;
	font-size: 11px;
}
a:hover, a:active
{	font-family: arial, verdana, sans-serif;
	font-size: 11px;
}
a:visited
{	font-family: arial, verdana, sans-serif;
	font-size: 11px;
}
button
{
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	cursor: pointer;
}
h1
{
	font-size: 26px;
	color: #3366ff;
	margin-top: 8px;
	margin-bottom: 0px;
}
h2
{
	color: #333333;
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0px;
}
h3
{
	font-size: 16px;
	color: #3366ff;
	border-bottom: 1px solid #ccc;
	padding-bottom: 2px;
	padding-left: 5px;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 15px;
}
h4
{
	font-size: 14px;
	color: #3366ff;
	border-bottom: 1px solid #ccc;
	padding-bottom: 2px;
	padding-left: 5px;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 3px;
}
h5
{
	font-size: 14px;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 2px;
}
h6
{
	margin: 12px 0px 3px 0px;
	font-size: 12px;
	font-weight: bold;
}
hr
{
	height: 1px;
	color: #cccccc;
	border: 0px;
	border-top: 1px solid #cccccc; /* Firefox */
}
img
{
	border: none;
}
input
{
	color: #666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px; /*IE*/
}
p
{
	margin: 0px 0px 10px 0px;
}
select
{
	color: #666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	background-color: #fff;
	border: 1px solid #ccc;
	font-size: 11px; /*IE*/
}
textarea
{
	color: #666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	background-color: #fff;
	border: 1px solid #ccc;
	font-size: 11px; /*IE*/
}
ol
{
	margin-top: 0px;
	margin-bottom: 10px;
}
ul
{
	margin-top: 0px;
	margin-bottom: 10px;
}
/* Base Structure Styles */
#Wrapper
{
	width: 972px;
	position: relative;
	margin: 0px auto;
	background:url(/img/bg_wrapper.gif) repeat-y;
}

/* Header Styles */
#Header
{
	width: 972px;
	height: 227px;
	position: relative;
	background:url(/img/bg_header.jpg);
}
#HeaderContact
{
	color: #fff;
	font-size: 21px;
	position: absolute;
	right: 26px;
	top: 100px;
	text-align: right;
}
#HeaderCurrency
{
	padding: 5px;
	position: absolute;
	right: 10px;
	top: 60px;
}
#HeaderLogo
{
	position: absolute;
	left: 10px;
	top: 20px;
}
#HeaderNavMgr
{
	position: absolute;
	left: 540px;
	top: 163px;
	z-index:50;
}
#HeaderNavMgr .Home
{
	position:absolute;
}
#HeaderNavMgr .Gallery
{
	position:absolute;
	left:88px;
	top:3px;
}
#HeaderNavMgr .Testimonials
{
	position:absolute;
	left:180px;
}
#HeaderNavMgr .Company
{
	position:absolute;
	left:302px;
	top:3px;
}
/* Body Styles */
#Body
{
	padding: 0px;
	padding-top: 0px;
	border: 0px solid #000;
	padding-left:14px;
	padding-right:16px;
}
#ColumnLeft
{
	width: 547px !important;
	width: 549px;
	padding:10px;
	min-height:230px;
	float: left;
	background:url(/img/bg_whitebox.gif) repeat-x #fff;
}
*:first-child+html #ColumnLeft
{
	width: 549px !important;
}
#ColumnLeft img
{
	margin-bottom:8px;
}
#ColumnLeft p
{
	line-height:150%;
}
#ColumnRight
{
	width: 355px;
	padding:10px;
	min-height:300px;
	float: right;
	background:url(/img/bg_greybox.gif) repeat-x #ccc;
}
#Clear
{
	height:0px;
	clear: both;
}
/* Home Page Specific Body Styles */
#BannerHome
{
	width: 944px;
	height: 300px;
	margin-top:1px;
	margin-bottom:1px;
	background: #333333;
}
#BannerHome a
{
	padding: 0px;
}
/* Footer Styles */
#Footer
{
	width: 972px;
	height: 90px;
	margin: 0 auto;
	padding-top:10px;
	background: url(/img/bg_footer.gif) repeat-x #898989;
	text-align:center;
	font-size:10px;
	color:#fff;
}
#Footer a:link, #Footer a:visited
{
	font-size:10px;
	color:#fff;
	text-decoration: none;
}
#Footer a:hover
{
	color: #333;
	text-decoration: underline;
}
.Enquire
{
	margin-top:8px;
}
.Enquire td
{
	font-size:10px;
}
.Enquire .TextBox
{
	margin-top:2px;
	margin-bottom:10px;
	margin-right:10px;
	padding-top:3px;
	padding-left:2px;
	height:17px !important;
}
.Enquire .TextArea
{
	width:343px;
	padding-left:2px;
	margin-top:2px;
	margin-bottom:10px;
	border-right:1px solid #999 !important;
	border-bottom:1px solid #999 !important;
}
.Button
{
	width: 108px;
	height: 27px;
	font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	border: none;
	color: #333;
	margin-right:2px;
	background: url(/img/button.gif) no-repeat;
}
/* Controls Style */
.FormField
{

	font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
	font-size: 11px;
	height: 18px;
}
.DropDownList
{
	font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
	font-size: 11px;
}

.Button50
{
	width: 50px;
	height: 21px;
	font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	border: none;
	color: #ffffff;
	background: url(/App_Themes/Default/img/bt_50.gif) no-repeat;
}
.Button60
{
	width: 60px;
	height: 21px;
	font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	border: none;
	color: #ffffff;
	background: url(/App_Themes/Default/img/bt_60.gif) no-repeat;
}
.Button70
{
	width: 70px;
	height: 21px;
	font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	border: none;
	color: #ffffff;
	background: url(/App_Themes/Default/img/bt_70.gif) no-repeat;
}
.Button80
{
	width: 80px;
	height: 21px;
	font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	border: none;
	color: #ffffff;
	background: url(/App_Themes/Default/img/bt_80.gif) no-repeat;
}
.Button90
{
	width: 90px;
	height: 21px;
	font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	border: none;
	color: #ffffff;
	background: url(/App_Themes/Default/img/bt_90.gif) no-repeat;
}
.Button100
{
	width: 100px;
	height: 21px;
	font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	border: none;
	color: #ffffff;
	background: url(/App_Themes/Default/img/bt_100.gif) no-repeat;
}
.Button110
{
	width: 110px;
	height: 21px;
	font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	border: none;
	color: #ffffff;
	background: url(/App_Themes/Default/img/bt_110.gif) no-repeat;
}
.Button120
{
	width: 120px;
	height: 21px;
	font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	border: none;
	color: #ffffff;
	background: url(/App_Themes/Default/img/bt_120.gif) no-repeat;
}
.TextBox
{	
	width: 164px;
	height: 20px;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	border: 1px solid #ccc !important;
	border-right:1px solid #999 !important;
	border-bottom:1px solid #999 !important;
	background: #ffffff !important;
}


/* Ajax UpdateProgress Panel */
#ProgressTemplate
{
	background-color: #f7f7f7;
	border: 1px solid #ccc;
	width: 300px;
	height: 100px;
	text-align: center;
	filter: alpha (opacity=80);
	opacity: .80;
	position: fixed !important;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -150px;
	z-index: 1000;
}
#ProgressTemplate div
{
	margin-top: 40px;
	color: Blue;
}

/* Gallery */
#gallery-info {
	width:190px;
	position:absolute;
	top:150px;
	right:10px;
	z-index:100;
	text-align:left;
}
#gallery-info p {
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	line-height:120%;
}
#gallery-info span {
	font-size:8px;
	color:#fff;
}