/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Man Frames	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body 
{color:#556270;font: 16px/20px Arial, “Helvetica Neue”, Helvetica, sans-serif;}

#body
{background-color:#EBEDEF;margin:0;padding:0;}

#body-surround
{	
	text-align:left;	
	width:946px;
	margin:0px auto 0px auto;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Banner Section
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#header-surround
{	
	padding-bottom:21px;
	position:relative;
	z-index:5;   
	background:url('images/header-shadow.png') repeat-x left bottom;
}
#header
{
	height:100px;
	background:#333 url('images/overlays/stripes-2.png') repeat-x 0 0;	
}
#banner 
	{	
	width:960px;
	margin:0px auto 0px auto;					
	height:115px;
	background:url(images/overlays/shadow_light.png) -190px 0px no-repeat;
	position:relative;  			
}
#banner-logo 
{
	position:absolute;
	top:30px;left:20px;
	width:117px;height:39px;
	z-index:0; 		
}
#banner-logo a:hover
{
	background-color:Transparent;  
}

#banner-home
{
	position:absolute;
	top:0px;left:190px;
	width:770px;height:100px; 		
	background:url('images/overlays/stripes-right.png') no-repeat 100% 0;
}
a.home-link
{
	position:absolute;  
	display:block;
	width:32px;	 
	height:14px;
	top:10px;
	right:10px;
	font-size:9px; 
	text-decoration:none;
	color:#fff;
	padding:6px 0px 0px 30px; 	  
	background:url('images/home-icon-white.png') no-repeat 0 0;
}
a.home-link:hover
{background:url('images/home-icon-orange.png') no-repeat 0 0;
color:#FE8F23;
}

a.pagetop
{
	display:inline-block;
	width:55px;	 
	height:20px;
	font-size:11px; 
	text-decoration:none;
	color:#fff;
	background:url('images/Arrow-up.png') no-repeat 0 0;
	padding-left:20px;
	margin-left:170px; 	
}
a.pagetop:hover
{color:#FE8F23;background:url('images/Arrow-up.png') no-repeat 0 0;
}


#navtop
{
	position:absolute;
	top:50px;left:0px;
	width:770px;height:36px; 			
}

#body_bg1
{
	position:relative;
	padding:0px;
	margin:-21px -16px -10px -16px;
	zoom:1;	
}
#body_bg2
{	
	margin:0px 9px 0px 9px;
	background-color:#FFF;
	zoom:1; 
}
#body_bg3
{
	background:url('images/shadow-l.png') repeat-y 0px 0px; 
	margin-left:-9px;
	zoom:1;		
}
#body_bg4
{	
	background:url('images/shadow-r.png') repeat-y 100% 0; 
	padding:25px 59px 10px 89px; 
	margin-right:-9px;
	min-height:550px; 		
}
#footer-surround
{
	padding:14px 0px 0px 0px;
	margin:-55px 0px 0px 0px;
	background:transparent url(images/footer-shadow.png) 0 0 repeat-x;
}
#footer-surround2
{
	border-top:solid 2px #333;
	background:#333 url(images/overlays/grunge-noise.png) 0 0 repeat-x;
}
#footer-inner
{
	padding-top:48px;
	background:url('images/stitching-line.png') repeat-x 0 0;
}
#footer
{	
	color:#fefefe;
}
#copyright
{
	height:30px;
	color:#fefefe;
	padding:10px 0px 0px 0px;
	margin:1px 0px 0px 0px;
	background:url('images/copyright-bg.png') 50% 0 repeat-x;
	font-weight:bold ;
	font-size:14px;  
}
.footer-content
{
	width:960px;
	margin:0px auto 0px auto;
}


#sidebar
{
	position:fixed;
	top:150px;
	left:0px;
	width:45px;
	height:234px;		
}
#sidebar a.feedback
{
	display:block;
	width:38px;
	height:146px;
	background:transparent url('images/feedback.png') no-repeat 0 0;	
}

#sidebar a.facebook
{
	display:block;
	width:38px;
	height:44px;
	background:transparent url('images/facebook.png') no-repeat 0 0;	
}

#sidebar a.blog
{
	display:block;
	width:38px;
	height:44px;
	background:transparent url('images/blog.png') no-repeat 0 0;	
}
#sidebar a:hover
{
	background-color:#FE8F23;
} 
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
 Splits
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.clr {clear:both;height:1px;overflow:hidden;line-height:1em;}
.none {display:none;}

.box {}

.wn-lbox {width:540px;float:left;}
.wn-rbox {width:240px;float:right;}
.wn-rbox p {font: 14px/16px Arial, “Helvetica Neue”, Helvetica, sans-serif;}

.nw-lbox {width:240px;float:left;}
.nw-rbox {width:540px;float:right;}

.ff-lbox {width:390px;float:left;}
.ff-rbox {width:390px;float:right;}

.tt-lbox {width:243px;float:left;}
.tt-mbox {width:243px;float:left;margin-left:50px;}
.tt-rbox {width:243px;float:right;}

.lff-lbox {width:253px;float:left;}
.lff-rbox {width:253px;float:right;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HTML TAGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1 ,h2,h3
{color:#FE8F23;font-family:Arial, Helvetica, sans-serif;}

h1 
{font-size:29px;font-weight:normal ;line-height:35px;margin:0px 0px 0px 0px}   
h1.title
{border:solid 1px #B2B4B3;background-color:#F2F2F4;padding:0px 7px 0px 9px;font-size:16px;font-weight:bold;text-transform:uppercase;}   

h2 
{font-size:16px;font-weight:bold;}   
h2.title,h2.title2
{color:#FFF;background-color:#FE8F23;padding:0px 7px 0px 9px;font-weight:bold;font-size:11px;line-height:24px;}   
h2.title2
{background-color:#999;}   

h3
{font-size:11px;font-weight:bold;text-transform:uppercase;}
h3.title
{border-top:solid 8px #FE8F23;padding:4px 0px 0px 2px;}   
h3.title2
{font-size:13px;border-top:solid 8px #FE8F23;padding:4px 0px 0px 2px;margin-bottom:-13px;}   



img.icon
{
	width:48px;
	height:48px;
	margin:-35px 0px 0px 180px; 
}

span.orange
{
	margin-left:40px; 
	padding-right:10px; 
	color:#FE8F23;
}
span.phone
{
	margin-left:15px; 
	padding-left:25px;
	background:url('images/icons/icon-phone.png') no-repeat 0 0;
}
span.email
{
	margin-left:15px; 
	padding-left:25px;
	background:url('images/icons/icon-email2.png') no-repeat 0 0;
}
div.hr {height: 10px; background:#fff url(images/hr1.gif) 0 0 repeat-x;}
div.hr hr { display: none;}

div, form, label, input, span, ul,ol, li, a {
	margin:0;padding:0;	
	}
ul.links	{
	padding:0px; 
	list-style:none;
	margin:0px 30px 10px 0px; 	
	zoom:1;
	}
ul.links li 
{	
	padding:4px 0px 0px 27px;
	background:url('images/li1.gif') no-repeat 4px 8px;
}
ul.links li a
{
	color:#999;
	text-decoration:none;
	font-weight:bold;  
	padding:0px; 
}
ul.links li a:hover
{
	color:#F08E40;
	background-color:#FFF; 
	text-decoration:none;
	font-weight:bold;  
	padding:0px; 
	margin:0px; 
}
img {
	border:none;
	}
.imgr 	{
	float:right;margin:4px 0px 5px 13px;   
	}
.imgl {
	float:left;margin:0px 11px 11px 0px;   
	}
	
	
p	{
	text-align:justify;
	margin:10px 0px 10px 0px;
	}
		
a	{
	color:#F08E40;
	text-decoration:underline; 
	} 
a.gray	{
	color:#556270;
	text-decoration:underline; 
	} 
	
a:hover	{
	color:#FFF;
	background-color:#F08E40;
	text-decoration:none; 
	}
a.login
{
	color:#F08E40;
	text-decoration:none; 
}
a.login:hover
{
	color:#F08E40;
	background-color:Transparent; 
	text-decoration:none; 
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Projects
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.projects
{
	height:210px;
}
.projects h3
{
	line-height:20px;
	font-size:13px;  
	color:#666; 
	margin:7px 0px 0px 0px;
}
.projects p
{	
	margin:0px;  
	font-size:12px;	
	line-height:14px; 
}

/* ----------------------------------------
  Contact us
------------------------------------------- */
.contactus
{
	margin:30px 0px 0px 90px; 	
}
.contactus p
{
	font-size:1.1em;
	line-height:1.4em;	
	text-align:left;  
}
.contactus p.post
{
	padding-left:35px; 
	background:transparent url('images/icons/icon-contactform.png') 0px 3px no-repeat;  	
}
.contactus .phone,.contactus .mobile,.contactus .email,.contactus .web,.contactus .map
{
	display:block;
	width:300px;
	height:20px;
	margin:15px 0px 0px 0px;	
	padding-left:35px; 
}
.contactus .phone
{
	margin-top:20px;
	background:transparent url('images/icons/icon-phone.png') 2px 3px no-repeat;  		
}
.contactus .mobile
{	
	background:transparent url('images/icons/mobile.gif') 1px 3px no-repeat;  		
}
.contactus .email
{	
	background:transparent url('images/icons/icon-email2.png') 1px 3px no-repeat;  		
}
.contactus .web
{	
	background:transparent url('images/icons/earth.png') 0px 5px no-repeat;  		
}
.contactus .map
{	
	background:transparent url('images/map.gif') 2px 3px no-repeat;  		
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Information Dialogs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 15px 15px 15px 15px;
padding:7px 7px 7px 7px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('images/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('images/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('images/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('images/error.png');
}


/*----------------------------------------
Request Info
-------------------------------------------*/
.requestinfo
{
	margin-left: 35px;
	margin-right: 30px;
	margin-bottom: 10px;
}
.requestinfo FIELDSET
{
	margin: 2px 0 0;
	padding: 0;
	background: transparent url(images/xfieldsetbg.gif) no-repeat bottom right;
	border-color: #FFFFFF;
	border: 1px solid #E0E0E0;
}
.requestinfo LEGEND
{
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	padding: 2px 5px;
	margin-left: 1em;
	color: #B2B22B;
	color: #FE8F23;
	background-color: #FFF;
}
.requestinfo FIELDSET OL
{
	padding: 0px 7px 0;
	margin: 12px 20px;
	list-style: none;
}
.requestinfo FIELDSET LI
{
	position: relative;
	line-height: 1.2em;
}
.requestinfo LABEL
{
	position: relative;
	clear: left;
	float: left;
	width: 10em;
	margin-right: 0px;
	padding-right: 22px;
	line-height: 2em;
	text-align: right;
}
.requestinfo LABEL.required
{
	background: transparent url(images/required.gif) no-repeat center right;
}
.requestinfo LABEL SPAN
{
	position: absolute;
	left: -10000px;
	top: 0px;
}
.requestinfo P SPAN.required
{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.4em;
	width: 25px;
	line-height: 1.4em;
	text-indent: -10000px;
	overflow: hidden;
	background: transparent url(images/required.gif) no-repeat center right;
}
.requestinfo INPUT, .requestinfo SELECT, .requestinfo TEXTAREA
{
	padding: 2px;
	font-size: 1.1em;
	border: 1px solid #FE8F23;
	background: #FFF;
	margin-bottom:5px;
}
.requestinfo.radio
{
	border: none;
}
.requestinfo H3
{
	margin: 20px;
}
.requestinfo P
{
	padding: 10px 0px 20px 40px;
}
.requestinfo .btnRequest
{
	margin: 10px;
	cursor:pointer;	_cursor:hand;		
	background:Transparent url(./images/submit.png) 0 0 no-repeat;
	border:none;
	width:95px;
	height:40px;
}
.requestinfo .btnRequest:hover
{
	background:Transparent url(./images/submit-ovr.png) 0 0 no-repeat;
}

/*----------------------------------------
CMS System
----------------------------------------*/
.reserved
{
	width: 100%;
	background-color: #252525;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 5px 0px;
	background:url('spinCMS/sys/img/cboselector_bg.png') 0 0;
}

.spinMenuSelector , .spinGallerySelector
{
	text-align:left;  
	width:100%;	
	margin:2px 0px 2px 0px; 	
	background:url('spinCMS/sys/img/cboselector_bg.png') repeat 0 0;
}
.spinMenuSelector .inner , .spinGallerySelector .inner , .spinHTMLEdit .inner
{
	padding:5px;
}

.spinMenuSelector .title , .spinGallerySelector .title
{	 
	margin:0px 5px 0px 5px; 	
	color:#FFF;
	font-weight:bold;
	font-size:13px;	
}

.spinHTMLEdit
{
	background:url('spinCMS/sys/img/cboselector_bg.png') repeat 0 0;
	margin-top:5px; 
}

.spinMenuSelector input.save , .spinGallerySelector input.save , .spinPageRotatorMenuSelector input.save , .spinHTMLEdit input 
{
	border-style: none;	
	padding: 0px 0px 0px 15px;
	margin: 2px 0px 2px 5px;
	height:21px; 
	width:21px; 
	text-align:right;
	cursor:pointer;	_cursor:hand;		
	background:url('spincms/sys/img/edt_save.png') no-repeat 0 0;	
}

.spinHTMLEdit input.undo
{
	background:url('spincms/sys/img/edt_undo.png') no-repeat 0 0;
	color:#FFF;
	width:70px;	
	font-weight:bold; 	
}
.spinHTMLEdit input.save
{	
	color:#FFF;
	width:62px;	
	padding-right:5px; 
	font-weight:bold; 	
	margin-left:10px; 
}

.spinPageRotatorMenuSelector
{
	background-color:#F3F2E7;
	margin:5px 0px 5px 0px;
	color:#494949;
}


table.spinSettingsTable
{	
	margin:0px 0px 0px 0px;
	border-collapse:collapse;		
	width:100%;	
}

table.spinSettingsTable tr
{
	text-align:left;	
	vertical-align:top;  	
}

table.spinSettingsTable td
{	  
	font-weight:normal;
	padding:3px 0px 5px 10px; 	
}

table.spinSettingsTable thead th
{	
	background:url('spinCMS/sys/img/cboselector_bg.png') repeat 0 0;
	color:#FFF; 
	padding:4px 0px 4px 7px;
	font-weight:bold; 
	font-size:1.1em; 
}

table.spinSettingsTable th
{
	font-weight:normal;
	padding:4px 0px 4px 5px; 
	color:#FFF;	
}