@charset "utf-8";
/*  Main CSS Document */
/*
******************************************************************************************************

Title:			main.css
Browser(s): 	All 

Website:		http://www.innova.gi
Company:		Innova Limited

******************************************************************************************************
*/

/*-------------------------------DEFINE BODY PROPERTIES----------------------------------------*/


* {
	margin: 0 auto 0 auto; /* GLOBAL RESET */
	padding: 0;
}

body{
	margin:0;
	font-size: 62.5%; 
	font-family: Arial, Sans-Serif; /*change font*/
	color:#4b4d4a; /*change font color*/
	background: #DCDCDA url(i/bg.png) repeat-x top center; }

div, p, ul, img{
	padding:0px; margin:0px; border:none;
}
ul{
	list-style-type:none;
}

.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}




a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:none; color:#d05606; padding:0; margin:0;}
a:active {outline: none; } /* Firefox Dotted Outline Fix */	
a:focus {-moz-outline-style: none; } /* Firefox Dotted Outline Fix */
a img { border:none;} /* Remove IE's blue borders */

h1 {font-size: 2.4em;}
h2 {font-size: 2.2em; line-height:1.2em; font-weight:normal; border:none; margin:0 0 35px 0; padding:0; color:#333;}
h3 {font-size: 3.2em; line-height:1.2em; font-weight:normal; border:none; margin:0; color:#09C;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.8em;}
h6 {font-size: 1.2em;}

.hr{ border-bottom:1px solid #fff; border-left:none; border-right:none; border-top:none; margin:5px 0 20px 0; }
.left{ float:left;}
.left_margin_right{ float:left; margin:0 10px 0 0; font-size:1.2em;}
.left_margin_right_top{ float:left; margin:4px 10px 0 0;}
.right{ float:right;}
.right_margin_top{ margin:20px 0 0 0;}
.right_margin_right{ float:right; margin:0 20px 0 0;}

/*------------------------------GLOBAL TYPOGRAPHY--------------------------------*/
p  {font-size: 1.2em; padding:0; line-height:1.4em;}
.gray {color: #666; font-size:1em; font-style:normal;}
.fat{font-weight:bold;}
.small  {font-size: 1.1em; padding:0; line-height:1.4em;}
.big {font-size: 1.8em;	padding:0;	line-height:1.2em;	color:#666;	padding: 10px 10px 0 0;	margin:0 0 22px 0;}
.quote1 {font-size: 1.8em;	line-height:1.0em; padding:0; color:#666;}
.white {font-size: 1.2em; padding:0 10px 0 0; line-height:1.4em; color:#fff;}
.title{ font-size:1.1em; font-style:italic; color:#227ab0; padding-left: 30px;}
.stroke { border:0px solid #fff;}

/*------------------------------CONTENT--------------------------------*/
#header{ background: url(i/bg_header.png) top center repeat-x; height:100px;}
#featuredFX{ background: url(i/bg_featured.png) top center repeat-x; height:400px;}
#main{ background: url(i/bg_main.png) top center repeat-x; height:801px;}
#footer{ background: url(i/bg_footer.png) top center repeat-x; height:357px;}
#footer_nav{ background: url(i/bg_footernav.png) top center repeat-x; height:42px;}

/* #featuredFX{ background:transparent url(../images/seo.png) top center no-repeat; } */

#cu3er-container {width:930px; height:360px; margin:18px 15px 0 10px; outline:0;}

#footerFX{ background:transparent url(i/overlay_footer.jpg) top center no-repeat; }

.ftImage{ position:relative; right: 10px; top:90px;}

.center{ width:960px; height:100%; margin:0 auto; padding:0;}
.center_footer{ width:960px; height:100%; margin:0 auto; padding:0; background:transparent url(i/overlay_footer.jpg) top center no-repeat;}

h1 a { float:left; margin:7px 0 0px 0; display:block; width:350px; height:92px; background: transparent url(../images/logo.png) no-repeat; text-indent:-9999px; overflow:hidden;}

.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}


.left_column_header { width:469px; float:left; padding:55px 0 40px 0;}
.right_column_header { width:400px; float:left; padding:10px 0 20px 0;}

.left_column { width:469px; float:left; padding:20px 0 30px 20px;}
.right_column { width:460px; float:left; padding:25px 10px 30px 20px;}

.right_column .description{ float:left; width:95%; padding-left:10px;}
.featured { width:430px; height:250px; padding:23px 0 0 18px; background:transparent url(i/frame.png) no-repeat;}


.getquote {float:left; margin:42px 0 0 -4px; display:block; width:168px; height:45px; background: transparent url(i/button_quote.png) no-repeat; text-indent:-9999px; overflow:hidden;}
.portfolio {float:left; margin:42px 0 0 10px; display:block; width:168px; height:45px; background: transparent url(i/button_portfolio.png) no-repeat; text-indent:-9999px; overflow:hidden;}


ul.listing{ float:left; padding:12px 80px 28px 10px; margin:0;}
ul.listing li{ list-style-image: none; background-image:url(i/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 2px 25px; margin:0 0 5px 0; font-size:1.2em;}




/*NAVIGATION*/


.nav ul {margin:7px 0 0 0; padding: 0; list-style: none; float:right; }
.nav ul li{float: left; display: block; margin: 0 10px 0 0; padding: 0;}

.nav ul li a.button {
/* Sliding right image */
display: block;
float: left;
height: 88px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 0px;
padding-right: 7px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #373636;
font-size:1.2em;


font-weight:normal;
text-transform:uppercase;

}
.nav ul li a.button span {
/* Background left image */ 

display: block;
line-height: 88px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding:15px 0 0 7px;
} 

.nav ul li a.button:hover {
/* Sliding right image */
background: transparent url(i/button_nav_right.png) no-repeat scroll top right; 
display: block;
float: left;
height: 88px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 0px;
padding-right: 7px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #373636;
font-size:1.2em;

font-weight:normal;
text-transform:uppercase;

}
.nav ul li a.button:hover span {
/* Background left image */ 
background: transparent url(i/button_nav_left.png) no-repeat; 
display: block;
line-height: 88px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding:15px 0 0 7px;
}

.nav ul li.selected a {
/* Sliding right image */
background: transparent url(i/button_nav_right.png) no-repeat scroll top right; 
display: block;
float: left;
height: 88px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 0px;
padding-right: 7px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #373636;
font-size:1.2em;

font-weight:normal;
text-transform:uppercase;

}
.nav ul li.selected a span {
/* Background left image */ 
background: transparent url(i/button_nav_left.png) no-repeat; 
display: block;
line-height: 88px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding:15px 0 0 7px;
} 


/*
	WIDGET STRUCTURE
*/

		.stripViewer .panelContainer .panel ul {
			text-align: left;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */

			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 35px; overflow: hidden;}
		.csw .loading {margin:0px; text-align: center; size:2.8em;}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 1000px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			clear: both;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			 -moz-user-select: none; /* This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 1000px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {float: left;}
		

		.stripNav li a 						{ /* Generic "CSS image replacement" */
									  display: block; height: 62px; text-indent: -9999px; }
		
		.stripNav li.tab1 a { background: url(i/tab1.png) top center no-repeat; width: 232px;}
		.stripNav li.tab2 a { background: url(i/tab2.png) top center no-repeat; width: 240px;}
		.stripNav li.tab3 a { background: url(i/tab3.png) top center no-repeat; width: 240px;}
		.stripNav li.tab4 a { background: url(i/tab4.png) top center no-repeat; width: 229px;}
		
		.stripNav li.tab1 a:hover { background: url(i/tab1.png) bottom center no-repeat; width: 232px;}
		.stripNav li.tab2 a:hover { background: url(i/tab2.png) bottom center no-repeat; width: 240px;}
		.stripNav li.tab3 a:hover { background: url(i/tab3.png) bottom center no-repeat; width: 240px;}
		.stripNav li.tab4 a:hover { background: url(i/tab4.png) bottom center no-repeat; width: 229px;}


		.stripNav li a:active, 
		.stripNav li a:focus 				{ /* Restore focus styling that we removed when we removed outlines */
									  background-position: top center; }
		
		.stripNav li.tab1 a.current { background: url(i/tab1.png) bottom center no-repeat; }
		.stripNav li.tab2 a.current { background: url(i/tab2.png) bottom center no-repeat; }
		.stripNav li.tab3 a.current { background: url(i/tab3.png) bottom center no-repeat; }
		.stripNav li.tab4 a.current { background: url(i/tab4.png) bottom center no-repeat; }
		
		.stripNavL, .stripNavR {text-indent: -9000em;}
		
/* 
	END OF SLIDER
*/		
		
		
		
/* 
	CONTENT
*/		
		
#content { width:945px; height:45%; margin:0 auto; padding:0 15px 0 0;}

#col1 { width:520px; height:340px; background: url(i/col1.png) no-repeat; float:left;}
#col1_inner { margin:10px; padding:10px; width:475px;}
#col1_inner p.custom{font-size:1.4em; line-height:1.3em; text-align:justify; }	
#col1_inner h4{font-size:2.4em; color:#d05606;	padding:0 0 10px 0;}



#col2 { width:408px; height:340px; margin:0 auto; padding:0; background: url(i/col2.png) no-repeat; float:right;}
#col2_inner { margin:10px; padding:10px; width:360px; }
#col2_inner p.custom{ padding: 0 0 15px 0; font-size:1.8em; color:#666; font-weight:normal; font-style:italic; line-height:1.4em; text-align:justify; }
#col2_inner h4{	font-size:2.4em; color:#d05606;	padding:0 0 10px 0;}
#col2_inner a.all { display:block; width:185px; background:#f2f2f2; border:1px solid #e0e0e0; color:#6c6c6c; font-size:1.1em; padding:5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#col2_inner a.all:hover { display:block; width:185px; background:#fff; border:1px solid #e0e0e0; color:#6c6c6c; font-size:1.1em; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#col2_inner p.sig{ float:right; padding:0 5px 10px 0;}
#col2_inner p.sig span{ font-size:1.1em; font-style:italic; color:#666;}
#col2_inner a.logo {float:right; width:86px; height:20px; display:block; background: transparent url(../images/gibyellow-logo.jpg) no-repeat; text-indent:-9999px; overflow:hidden;}


/* 
	FOOTER CONTENT
*/

div.feedburnerFeedBlock ul li span.headline {
font-weight:bold;
display:block;
margin:10px 0 5px 0;
font-size: 1.3em;
}

.column  a{color:#fff;}
.column  a:hover{color:#BFBFBF;}

div#creditfooter {
display: none;
text-align: justify;
margin: -5px;
}

/* Latest Blog Posts */

.column { width:225px; padding:0 15px 0 0; margin:18px 0; float:left; color:#f0f0f0;}
.column h5{ font-size:1.4em; letter-spacing:1px; color:#FFF;}
.column h6 { margin:0 0 5px 0;}
.column h6 a { margin:0 0 5px 0; color:#fff;}
.column h6 a:hover { margin:0 0 5px 0; color:#BFBFBF;}
.column .date{ float:left; width:60px; height:17px; padding:2px 0 0 4px; margin:5px 10px 0 0; background:transparent url(i/ico_date.png) no-repeat; font-size:1.1em; font-weight:bold;}
.column p {font-size:1.1em;}
.column p.lead {font-size:1em; margin:0 0 8px 0;}

/* END Latest Blog Posts */

.column_odd { width:225px; padding:0; margin:18px 0; float:left; color:#f0f0f0;}
.column_odd p {font-size:1.1em;}
.column_odd h5{ font-size:1.4em; letter-spacing:1px; color:#FFF;}
.column_odd #twitter { width:190px; height:210px; padding:10px 20px 10px 20px; position:relative; font-size:1.4em; color:#333; font-family:"Times New Roman", Times, serif; font-style:italic;}
.column_odd #twitter a.twitter {font-weight:bold; margin:80px 5px 5px 5px; }
.column_odd #twitter a.follow { position:absolute; bottom:70px; left:0; padding:0 0 0 20px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:0.8em; font-style:italic;}
.column_odd #twitter a.follow:hover { position:absolute; bottom:70px; left:0; padding:0 0 0 20px; color:#d05606; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:0.8em; font-style:italic;}
.column_odd #twitter p.posted { font-size:0.8em; margin:2px 0 0 0; color: #999;}
.column_odd #twitter .from { padding-bottom: 5px;}


.column .fport { float:left; display:block; width:215px; height:105px; border:1px solid #fff; padding:4px 4px 5px 4px; margin:0 0 15px 0; background:#fff;}
.column .fport:hover { float:left; display:block; width:215px; height:105px; border:1px solid #fff; padding:4px 4px 5px 4px; margin:0 0 15px 0; background:#00D2EB;}

.column a.comment { display:block; font-size:0.9em; margin:5px 0 0 0; color:#f0f0f0;}
.column a.comment:hover {display:block; font-size:0.9em; margin:5px 0 0 0; color:#d05606;}

/* TAG CLOUD */

	.tags ul{text-align: justify; }
	.tags li{	margin:0; padding:0; list-style:none; display:inline; line-height:1.3em; }
	.tags li a{text-decoration:none; color:#fff; }
	.tags li a:hover{color:#d05606;}		
	.tag1{font-size:100%;}
	.tag2{font-size:120%;}
	.tag3{font-size:140%;}
	.tag4{font-size:160%;}
	.tag5{font-size:180%;}
	
/* // TAG CLOUD */




/* 
	FOOTER NAVIGATION
*/

#footer_nav .center a.footer_logo{ float: left; display:block; width:66px; height:47px; padding: 0 15px 0 0; background: transparent url(../images/footer_logo.png) no-repeat; background-position: 0% 50%; text-indent:-9999px; overflow:hidden; }
#footer_nav .center p { float:left; font-size:1.1em; color:#848484; padding:20px 0 0 0; }
#footer_nav .center ul { float:right;}
#footer_nav .center ul li{ float:left; margin:20px 20px 0 0; }
#footer_nav .center ul li a { font-size:1.1em; text-transform:uppercase; color:#848484;}
#footer_nav .center ul li a:hover { color:#505457;}
#footer_nav .center ul li a:active { color:#505457;}