/* MAIN ELEMENTS */

* { padding: 0; margin: 0;  }

html{ height: 100%;}

* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
 margin: 0 auto -4em;
}


/* START */
body {  
	font: 11px/18px Arial, Verdana, sans-serif; 
	color:#999999; 
	 height: 100%; 
     background-image:url(../images/bg_main1.jpg); 
	 background-position:top left;
	 background-repeat:repeat-x; 
	 /*background-color:#00FF00;*/}
	 
form, input, textarea, select, option { font: 11px/18px Arial, Verdana, sans-serif; }

.clear { display: block; clear: both; height: 1px; overflow: hidden;  }

a { color: #008BC0; text-decoration: none;  }
a:hover { text-decoration: underline;  }
a img { border: none; }

li 	{ display: block; list-style: none outside;  }
p 	{ padding: 0 0 20px 0; color:#999999; }

th  { background-color:#00469b; padding-left: 5px; font-weight:bold; color:#FFFFFF; text-align:left; }
td  { padding-left: 5px; text-align:left; }


h1 {
	font-weight: normal;
	font-size: 220%;
	line-height: 120%;
	padding: 0 0 5px 0;
	color: #616262;
}
h2 {
	margin: 0;
	font-size: 18px;
	padding: 12px 10px 2px 10px;
	color: #616262;
     /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */}

hr { border-top:1px; border-top-color:#ccc; margin-top:10px;}

img { behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);}

/* LAYOUT  */
#page_container {} /* See line 208 of css */

#page_content {
	/* background:#ffffff;*/
	overflow: hidden;
	margin: auto;
	width: 850px;
	margin-top: 0px;
    border-top-width: 1px;
	border-top-color:#CCCCCC;
}

/* CONTENT Homepage */

#content_hp {
	float: left;
	width: 320px;
	overflow: hidden;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.content_hp h1 { font-weight: normal; font-size: 220%; line-height: 120%; color: #616262;}

#content_hp ul 	{ padding-left:10px;}

.services 	    { list-style-image: url(../images/arrow.gif); padding: 2px 5px 2px 5px; height:12px; margin-left:5px; vertical-align:middle; }

#content_hp img { float:left; padding-right:10px; margin-bottom:5px; height:auto;}

/* CONTENT  */

#content {
	float: left;
	width: 470px;
	overflow: hidden;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#content h1 { font-weight: normal; font-size: 220%; line-height: 120%; color: #616262;}

/* #content #cnt_inner { padding: 20px 0 20px 20px;  } */

#content_full {
	float: left;
	width: 808px;
	border: solid #CCC;
	border-width: 0px 0 0 0;
	overflow: hidden;
	padding: 10px 10px 10px 10px;
	/*background:#ff0000;  TEMP */
}

#content_line {
	float: left;
	width: 850px;
	border: solid #CCC;
	border-width: 0px 0 0 0;
	height: 4px;
}

#header, #header2, #page_content {width:850px;}
#header {
	position: relative;
	width: 850px;
	margin: 0 auto;
	height:130px;
	float: left;
	/* background-image: url(../images/template/logo_site.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-color:#00FF00;*/
}
#header h1 {
	width: 290px;
	border: none;
	padding-bottom: 0px;
	float: left;
	margin: 0;
	height: 90px;
	background-color: #00FF00;
	background-position: left bottom;
}
#header h1 a { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -10000px;  }

#header img { float:left; width:300px;}


/* ---  NAVIGATION TOP --- */
#nav h1 { width: 290px; height: 72px; /*background: url(../images/template/logo_site.jpg) left top no-repeat;*/ border: none; padding-bottom: 0; float: left; margin: 0;}
.nav {
	height: 25px;
	width:850px;
	float: right;
	vertical-align: top;
}
.nav li { display: block; height: 100%; border-right: 1px solid #FFF; float:right; } 
.nav li a { display: block; height: 25px; float: left; color: #FFF; text-transform: lowercase; overflow: hidden; padding: 5px 10px; }

.nav li a:hover { text-decoration: none;}
.nav li a {color:#999999; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.nav li a:hover span { border-top: 2px solid #999999; color: #999999;} 
.nav li .selected { border-top: 2px solid #ffb607; color: #999999;}


/* ---  NAVIGATION TOP SUB --- */
#header2 { margin: 0 auto; height:20px; padding-top:2px; padding-bottom:0px; border: none;}
.subnav li { display: block; height: 100%; float: left; border-right: 1px solid #FFF;}
.subnav li a { display: block; height: 25px; float: left; color: #FFF; text-transform: lowercase; overflow: hidden; padding: 5px 10px; }

.subnav li a:hover { text-decoration: none;}
.subnav li a {color:#999999; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.subnav li a:hover span { border-top: 2px solid #6BE2F8; color: #999999;} 
.subnav li .selected { border-top: 2px solid #FFB607; color: #999999;}

/* --- Sidebar Panels --- */
#sidebar {
	float: left;
	width: 320px;
	margin: 10px;
	overflow: hidden;
	padding: 5px;
	text-align:left;
	height: 400px;
	border: 1px solid #CCC;
}
#sidebar.inner { padding: 0px 0px 5px 5px; margin-top:10px; border-color:#cccccc; border: 1px; float: right;}

.inner2 {
	padding: 0px 0px 0px 0px;
	margin-top:10px;
	border-color:#FFB607;
	border: 1px;
	float: left;
	margin-left: 5px;
}

#sidebar_hp {
	float: left;
	width: 220px;
	margin: 10px;
	overflow: hidden;
	padding: 5px;
	text-align:left;
	height: 400px;
	border: 1px solid #CCC;
	background-image: url(../images/template/footer_bg.png);
	background-repeat: repeat;
	
}
#sidebar_hp .inner { padding: 0px 0px 5px 5px; margin-top:10px; border-color:#cccccc; border: 1px; float: right;}

#more2 {
	padding: 20px 10px 10px 12px;
	vertical-align: bottom;
	width: 200px;
}


/* --- FOOTER --- */
#footer {
	margin-top: 5px;
	border-top: 1px solid #CCC;
	/* background-color: #FFB607; */
	vertical-align: middle;
	margin: auto;
	color: #666666;
	background-image: url(../images/template/footer_bg.png);
	background-repeat:repeat;
	
}
#footer .holder { width: 850px; margin: 0 auto; color:#999999; }
#footer a { color: #008BC0;}
#footer a:hover { text-decoration: underline;  }

.copyright {color: #666666;}

#footer .badges	{
	padding-right:10px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:12px;
	vertical-align:middle;
	margin: auto;
	width: 830px;
	text-align: right;
}
#footer img		{ border:none; float:left; padding-right:5px; }

/* ---- PORTFOLIO ---- */

#1 {
	width: 840px;
	height:150px;
	min-height:150px;
	margin-top: 10px;
	margin-bottom:10px;
}
#2 {width: 840px; height:150px; min-height:150px; margin-top: 10px; margin-bottom:10px;}
#3 {width: 840px; height:150px; min-height:150px; margin-top: 10px; margin-bottom:10px;}
#4 {width: 840px; height:150px; min-height:150px; margin-top: 10px; margin-bottom:10px;}
#5 {width: 840px; height:150px; min-height:150px; margin-top: 10px; margin-bottom:10px;}
#6 {width: 840px; height:150px; min-height:150px; margin-top: 10px; margin-bottom:10px;}

#port_clear {clear:both; height: 12px; border-bottom: 10px #999999}



/* ---- SECTIONS ----- */
.webButton		{ margin-bottom:5px; }

.webButton a div	{ color:#333; width: 400px; clear:right; display:block;}
.webButton a	{ 
	padding-left: 40px;
	display: block;
	margin-right:5px;
	background: url(../images/template/btn_webSite.gif);}
	
.webButton a:hover	{ 
	background: url(../images/template/btn_webSite.gif) 0 -113px;
	text-decoration:none; }
	
/*   FOR TESTING ONLY 
body { background-color:#ffffff;}
#page_container {background-color:#ffffff;}
#page_content {	background-color:#ffffff;}
#header { background-color:#ffffff;}
#header2{ background-color:#ffffff;}
#page_content { background-color:#FFFFff;}
#content {background-color:#ffffff;}
#sidebar { background-color:#ffffff;}
#footer { background-color:#FFFFFF;}*/


/*  ***************  STICKY FOOTER  ****************** */

#page_container {
	min-height: 100%; /* sticky footer */
	height: auto !important; /* sticky footer */
	height: 100%; /* sticky footer */
	margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
}
	
.footer, .push {
	height: 40px; /* .push must be the same height as .footer */
	width: 850px;
	clear: both;
}


/**************** TWITTER FEED ********************/
#sidebar_twit {
	float: left;
	width: 220px;
	margin: 10px;
	overflow: hidden;
	padding: 5px;
	text-align:left;
	height: 400px;
	border: 1px solid #CCC;
}

.twitted {
	margin-bottom: 5px;
	padding-left: 6px;
}


.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url(loading.gif) 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0 0.8em;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

.twitted p.profileLink {
	display: block;
	margin: 0;
	padding: 0.3em 1em;
	color: #fff;
}


/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* ------ Form  --------*/
.form_txt { width:80px!important; min-width:80px; padding-right:10px; vertical-align:top;}

.form_q { width:280px!important; min-width:280px; padding-right:0px; padding-left:10px; vertical-align:top; height:80px;}

.input[type=button],
.input[type=reset],
.input[type=submit],
.button
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #DFDFDF;
	border: 1px solid #FFB600;
	padding: 2px 5px 2px 5px;
	margin: 4px 4px 4px 4px;
	color:#999999;
}