/*_____Theme Info
Theme Name: IQity Solution
Description: Theme for IQity Solution Website.
Author: Andy Gongea
*/

html,body,h1,h2,h3,h4,h5,h6,div,p,fieldset,span, ul, img	{margin:0; padding:0; border:0}

/*_____Colors*/
a:link {color: #5a78a2; text-decoration:none; }
a:visited {color: #5a78a2; text-decoration:none}
a:hover {background: #5a78a2; color:#fff; text-decoration:none}
a:active {color: #5a78a2; text-decoration:none}

/*_____Typography*/
body { font:62.5%/1.5em Arial, sans-serif; text-align:center; color:#666; }
h1 { background:url(img/logo.png) no-repeat top left; }
h2 { font:700 20px Arial, sans-serif; color:#5a78a2; letter-spacing:-0.5px; padding-left:25px;}
h3 { font:400 18px Arial, sans-serif; padding-left:25px;}
h4 { font:700 14px Arial, sans-serif; padding-left:25px;}
h5 { font:400 14px Arial, sans-serif; padding-left:25px;}
h6 { font:700 13px Arial, sans-serif; margin-left:25px;}
p { font:12px/1.7em Arial, sans-serif; margin:10px 25px 25px; text-align:left;}

.f-left { float:left; }
.f-right { float:right; }
.leftPic { float:left; margin:10px 25px 10px 10px; }
.leftPic2 { float:left; margin:10px 8px; }
a.rightPic { float:right; margin:10px 10px 10px 25px; border:1px dashed #fff; }
a.rightPic cite { height:26px; width:100%; padding-left:20px; background:url(img/search.png) no-repeat 3px 0; }
a.rightPic:hover { border:1px solid #5a78a2; color:#5a78a2;  }
a.rightPic:hover cite { color:#fff;  }
.clear { clear:both; }
a.more-features { width:282px; height:98px; background:url(img/more-features.png) no-repeat 0 -100px; margin:0 0 25px 25px; display:block; }
a.more-features:hover { width:282px; height:98px; background:url(img/more-features.png) no-repeat 0 0; }

/*_____Layout*/
html { height:100%; background:#fff url(img/background.png) repeat-x top left; }
body { width:958px; margin:0 auto; height:100%; background:url(img/background-body.png) no-repeat 0 0; min-height:654px; padding:0 1px; }

#panel { display:none; position:absolute; top:0; right:50%; margin-right:-325px; z-index:5; width:630px; border:1px solid #fff; background:url(img/background.png) repeat-x scroll 0 -200px; height:89px; }
#panel fieldset { border:0; }

#header { float:left; width:100%; overflow:hidden; font-size:13px;}
#branding { float:left; width:100%; height:75px; padding:15px 0 10px; margin:0 0 20px; }
h1#logo { float:left; text-indent:-9999px; width:120px; height:74px; margin-top:-6px; }
#customer-login { float:right; width:400px; text-align:right; }
#customer-login span { float:right }
.login-btn { width:83px; height:31px; background:url(img/login-btn.png) 0 0; border:0; }
a.customer-login, a.customer-login2 { float:right; width:139px; height:31px; background:url(img/sprite.png) no-repeat 0 -189px; display:block; margin:-7px 0 0 25px;  }
a.customer-login2 { float:left; margin:10px 20px; clear:left; }
a.customer-login:hover, a.customer-login2:hover { background:url(img/sprite.png) no-repeat 0 -221px; }
a.customer-logout { width:84px; height:31px; background:url(img/sprite.png) no-repeat -140px -190px; display:block; margin:-7px 0 0 25px; float:right; }
a.customer-logout:hover { background:url(img/sprite.png) no-repeat -140px -222px; }
#searchform { float:right; margin-top:15px; }
#menu { clear:both; float:left; width:100%; overflow:hidden; text-align:left;}

ul#secondary-navigation { float:left; font:400 12px Arial, sans-serif;  margin-top:10px; padding:0 0 10px;}
ul#secondary-navigation li { display:inline; list-style:none; margin:0; padding:0 6px; } 
ul#secondary-navigation li a { padding:3px 6px; } 
ul#secondary-navigation li a:hover, ul#secondary-navigation li.current_page_item a { padding:3px 6px; background:#5a78a2; color:#fff !important; border:0; } 

#nav-vert { float:left; padding:10px 0 25px 25px; display:inline; }
ul#vertical-navigation { float:left; font:400 11px Arial, sans-serif; display:inline; padding:45px 0 15px 15px; width:205px; height:537px; text-align:left; background:url(img/iqedge-submenu.png) no-repeat top left; display:inline;}
ul#vertical-navigation  span { float:left; font:400 11px Arial, sans-serif; display:none; width:190px; background:url(img/iqedge-submenu.png) no-repeat bottom left; padding:15px; margin:0 -15px -15px;}
ul#vertical-navigation li { list-style:none; float:left; clear:left;} 
ul#vertical-navigation li a { float:left; margin:2px 0; text-indent:5px; width:200px; height:22px; line-height:18px; display:inline; } 
ul#vertical-navigation li a:hover, ul#vertical-navigation li.current_page_item a { background:url(img/sprite.png) no-repeat 0 0px; color:#fff !important; border:0; } 
ul#vertical-navigation li.current_page_item ul li a { background:0 !important; color:#5a78a2 !important; border:0; } 
ul#vertical-navigation li ul li { float:left; clear:left; background:url(img/sprite.png) no-repeat 1px -255px; } 
ul#vertical-navigation li ul li a { float:left; clear:left; padding-left:10px; width:190px; height:22px; display:inline; } 
ul#vertical-navigation li ul li a:hover, ul#vertical-navigation li ul li.current_page_item a { background:url(img/sprite.png) no-repeat 0 0px !important; color:#fff !important; border:0; } 

/*First Page*/
#main-swf { float:left; width:910px; overflow:hidden; padding:18px 25px 25px;  }
#flashMovie { float:left; overflow:hidden; margin-right:25px;  }
#action-links { float:left; margin-top:25px; }
#action-links ul li { font:700 11px/25px Arial, sans-serif; list-style-type:none; }
#action-links ul li a { background:url(img/bullet.png) no-repeat left 3px; padding-left:15px; }
#action-links ul li a:hover { background:url(img/bullet.png) no-repeat left 3px; padding-left:15px; margin-left:10px; color:#5a78a2; }
h2.tagline { width:100%; float:left; margin-right:-50%; display:block; text-align:center; font:18px Arial, sans-serif; padding:0 0 25px; color:#5a78a2; background:url(img/tag-line.png) no-repeat 0 -12px; letter-spacing:0;  }
#action-links ul li.btn  a { width:169px; height:31px; display:block; margin-top:25px; background:url(img/sprite.png) no-repeat 0 -125px; }
#action-links ul li.btn  a:hover  { width:169px; height:31px; display:block; margin-top:25px; background:url(img/sprite.png) no-repeat 0 -157px; margin-left:0; }

#products { float:left; width:100%; overflow:hidden; margin-bottom:25px; position:relative; display:inline;}
a.award { position:absolute; top:10px; left:430px; z-index:5; }
a.award:hover { top:13px; background-color:transparent; }

.front-block { float:left; width:234px; padding-right:4px; display:inline; height:202px; background:url(img/front-block.png) no-repeat top left;  }
.front-block p { float:left; padding:0 15px 25px; margin:0; font-size:12px; line-height:1.5em; }
#iqfusion { margin-left:2px; }
#iqfusion h3 { width:150px;  height:30px; background:url(img/iqfusion.png) no-repeat top left; text-indent:-9999px; margin: 15px 0 15px 20px}
#iqflex h3 { width:150px; height:30px; background:url(img/iqflex.png) no-repeat top left; text-indent:-9999px; margin: 15px 0 15px 20px}
#iqpace h3 { width:150px; height:30px; background:url(img/iqpace.png) no-repeat top left; text-indent:-9999px; margin: 15px 0 15px 20px}
#iqedge h3 { width:150px; height:30px; background:url(img/iqedge.png) no-repeat top left; text-indent:-9999px; margin: 15px 0 15px 20px}

#main-description  { float:left; width:360px; margin-right:25px; }
.color1 { color:#5a78a2; }
.color2 { color:#9caec7; }
#main-description p { margin:10px 0 25px; }
#home-content h3 { padding-left:0; }

/*Buttons*/
.request-btn { font-size:13px; text-indent:-999px; border:0; float:left; margin-left:10px; width:109px; height:24px; display:block; background:url(img/sprite.png) no-repeat 0 -70px; }
a.request-btn:hover { background:url(img/sprite.png) no-repeat 0 -94px; }
.iqfusion-ds { font-size:13px; text-indent:-999px; border:0; float:left; width:200px; height:31px; display:block; background:url(img/sprite.png) no-repeat 0px -340px; margin:0 0 20px;}
a.iqfusion-ds:hover { background:url(img/sprite.png) no-repeat 0px -372px; }
.iqpace-ds { font-size:13px; text-indent:-999px; border:0; float:left; width:200px; height:31px; display:block; background:url(img/sprite.png) no-repeat 0px -404px; margin:0 0 20px;}
a.iqpace-ds:hover { background:url(img/sprite.png) no-repeat 0px -436px; }
.quote-request { font-size:13px; text-indent:-999px; border:0; float:left; width:140px; height:31px; display:block; background:url(img/sprite.png) no-repeat 0px -468px; margin:0 0 20px;}
a.quote-request:hover { background:url(img/sprite.png) no-repeat 0px -500px; }
.demo-request { font-size:13px; text-indent:-999px; border:0; float:left; width:130px; height:31px; display:block; background:url(img/sprite.png) no-repeat 0px -532px; margin:0 0 20px; }
a.demo-request:hover { background:url(img/sprite.png) no-repeat 0px -564px; }

.register { font-size:13px; text-indent:-999px; border:0; float:left; width:90px; height:31px; display:block; background:url(img/sprite.png) no-repeat -131px -532px; margin:0 0 20px; }
a.register:hover { background:url(img/sprite.png) no-repeat -131px -564px; }

.become-partner { font-size:13px; text-indent:-999px; border:0; float:left; width:140px; height:31px; display:block; background:url(img/sprite.png) no-repeat 0px -596px; margin:0 0 20px; }
a.become-partner:hover { background:url(img/sprite.png) no-repeat 0px -628px; }
.request-info { font-size:13px; text-indent:-999px; border:0; float:left; margin-left:10px; width:109px; height:24px; display:block; background:url(img/sprite.png) no-repeat -110px -291px; }
a.request-info:hover { background:url(img/sprite.png) no-repeat -110px -315px; }
.request-quote { font-size:13px; text-indent:-999px; border:0; float:left; margin-left:10px; width:109px; height:24px; display:block; background:url(img/sprite.png) no-repeat 0 -291px; }
a.request-quote:hover { background:url(img/sprite.png) no-repeat 0 -315px; }
.quote { font-size:13px; text-indent:-999px; border:0; float:left; width:50px; height:24px; display:block; background:url(img/buttons.png) no-repeat 0 -124px; }
a.quote:hover { background:url(img/buttons.png) no-repeat 0 -155px; }
.learn-btn { font-size:13px; text-indent:-999px; border:0; float:right; margin-right:10px; width:79px; height:24px;  display:block; background:url(img/sprite.png) no-repeat -112px -70px;}
a.learn-btn:hover { background:url(img/sprite.png) no-repeat -112px -94px; }

/*Compare Plans Table*/
#compare-plans {  border-spacing:0; border-top:3px solid #5a78a2; font-size:11px; overflow:hidden; width:900px; margin:0 auto; }
#compare-plans td, th { padding:5px; border-bottom:1px solid #ddd; line-height:2em;  }
#compare-plans td.check { background:#fff url(img/checkmark.png) no-repeat 5px 5px }
#compare-plans tr#tbhead th { background:#5a78a2; color:#fff; padding:8px 5px; }
#compare-plans tr.even { background:#eee; }
#feature { width:400px; }

.generic-table { width:900px; margin-left:25px;font-size:11px; }
.generic-table th { padding:5px 10px; line-height:2em; background-color:#eee; border-bottom:1px solid #ddd; }
.generic-table td {border-bottom:1px solid #eee; line-height:2em; font-weight:700; }
.downloadList { margin:10px 25px; font-size:13px; font-weight:700; }
.downloadList li { margin:10px 25px; }

/*Generic Layout Styling*/
#main, #page { float:left; width:100%; overflow:hidden; text-align:left}

ul.generic { padding:10px 40px; }
ul.generic2 { padding:10px 40px; }
ul.generic2 li { padding:10px 20px; list-style-type:disc; list-style-position:outside; font-size:12px; line-height:18px;}
ul.generic li { list-style-type:disc; list-style-position:outside; font-size:12px; line-height:18px; padding:3px 0; }
ul.generic li.list-title { list-style-type:none; font-weight:700; margin-left: -15px; }
#main-narrow { float:right; width:705px; overflow:hidden; text-align:left; }
#featured-blog  { width:240px; float:right; }
#latest-news { width:300px; float:left; }
#featured-blog ul li, #latest-news ul li { list-style:none; margin:10px 0; }
#featured-blog p, #latest-news p { margin-left:0; margin-right:0; }
small.meta { padding:5px 7px; background:#f5f5f5; font-size:11px; color:#555; }
a.blog-title { font-size:12px; font-weight:700; line-height:20px; }
#footer { float:left; width:100%; overflow:hidden; font:700 11px Arial, sans-serif; }
#our-experience { width:958px; display:block; float:left; height:47px; line-height:47px; font-size:11px; background:url(img/our-experience.png) no-repeat top left; }
#our-experience div { width:810px; padding:0 15px 0 130px; display:block; float:left; }
#copyright { float:left; width:450px; text-align:left }
#copyright img { float:left; padding:15px}
#tag-line { float:right; width:450px; padding:15px; text-align:right	}
#news-events { float:left; width:600px; text-align:left; }
#search-results { float:left; width:100%; text-align:left; }
#search-results h4 { padding:10px 25px; border-bottom:1px dashed #ddd; }
#news-events h2 { padding-left:25px; }
#news-events a.links { float:left;font-size:12px; letter-spacing:0; margin:0 10px; width:440px; padding-left:0; display:block; font-weight:700; }
#news-events div.enews { float:left; width:100%; padding:10px 0; border-top:1px solid #ddd; margin-left:25px;}
#news-events div.enews:hover { background:#eee; cursor:pointer;}
#news-events div small.cat{ float:left; width:60px; padding:0 3px 5px; display:block; font-size:11px; font-weight:700; color:#aac0d0;}
#news-events div small.post_date{ float:right; width:70px; display:block; font-size:11px; font-weight:400; color:#aac0d0; }
.lista { margin-left:15px; text-align:left; }
.lista li { padding:5px 0; }

/*Common styles*/
#spread-article, .box { float:right; width:282px;x; margin:0 25px 15px; border-width:1px 0; border-style:solid; border-color:#ddd; background:#f5f5f5; text-align:left; }
#spread-article { }
#spread-article h3 { color:#999; }
#spread-article p { margin:5px 0; font-size:11px; }
#spread-article ul { margin-top:15px;   }
#spread-article ul li { list-style:none; font:700 13px Arial, sans-serif; margin:3px !important; }
ul li.Rss a span { float:left; width:16px; height:16px; margin:0 8px; display:block; background:url(img/sprite-spread.png) no-repeat -68px -60px; }
ul li.Twitter a span { float:left; width:16px; height:16px; margin:0 8px; display:block; background:url(img/sprite-spread.png) no-repeat -34px -60px; }
ul li.Facebook a span { float:left; width:16px; height:16px; margin:0 8px; display:block; background:url(img/sprite-spread.png) no-repeat -85px -60px; }
ul li.Digg a span { float:left; width:16px; height:16px; margin:0 8px; display:block; background:url(img/sprite-spread.png) no-repeat 0 -60px; }
ul li.StumbleUpon a span { float:left; width:16px; height:16px; margin:0 8px; display:block; background:url(img/sprite-spread.png) no-repeat -51px -60px; }
ul li.Delicious a span { float:left; width:16px; height:16px; margin:0 8px; display:block; background:url(img/sprite-spread.png) no-repeat -17px -60px; }

.more-link { margin:5px; float:right; background:#5a78a2; padding:2px 4px; color:#fff !important; }
a.more-link:hover { font-weight:700; }

/*Forms*/
.wpForm { padding:15px; margin:0 25px; border-width:1px; border-style:solid; border-color:#eee #e0e0e0 #e0e0e0 #eee; background:#f0f0f0; }
input[type=text], input[type=password], textarea { padding:5px 8px; border:1px solid #ccc; }

/*Main Menu*/
#suckerfishnav {font:700 16px Arial,sans-serif; padding:0 20px !important; }
#suckerfishnav, #suckerfishnav ul {	float: left; list-style: none; line-height: 30px; padding: 0; margin: 0; width: 100%;  }
#suckerfishnav a { display: block; color: #5a78a2; text-decoration: none; padding: 0px 8px; }
#suckerfishnav li { float: left; padding: 0; margin:0 12px; }
#suckerfishnav li  ul li { float: left; padding: 0; margin:0px; }
#suckerfishnav ul { position: absolute; left: -999em; height: auto; width: 151px; font-weight: normal; margin: 0; line-height: 1; border: 0; border-top: 1px solid #ddd; }
#suckerfishnav li li { width: 149px; font-weight: bold; font-family: Arial,sans-serif; }
#suckerfishnav li li a { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 6px 10px; width: 130px; font-size: 12px; color: #5a78a2;text-align: left;}
#suckerfishnav li ul ul {margin: -21px 0 0 150px;}
#suckerfishnav li li:hover { background: #1F3E9F;}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a { color: #fff;}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color: #fff;}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a { color: #5a78a2;}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {left: -999em;}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {	left: auto; background: #fff;}
#suckerfishnav li:hover, #suckerfishnav li.sfhover { background: #5a78a2;}