/* QuinnCom 2010 Main CSS File www.QuinnCom.net */

/* 
00. CSS RESET
01. BODY
02. HEADINGS 
03. HEADER
04. HEADER - NAVIGATION
05. NAVIGATION
06. BlUE BAR CONTENT
07. SERVICES - PAGE - HEADER
08. MAIN - SLIDESHOW
09. MAIN - CONTENT
10. CONTENT
11. CONTENT - MISC [ various page classes ]
12. MAINCOLUMN BOXES [ home page service boxes ]
13. BLOG [ home page blog style ]
14. CONTACT US
15. QUICK - CONTACT
16. FOOTER
17. RECAPTCHA
18. PORTFOLIO
*/ 

/* 00. CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* 01. BODY */
body { margin: 0; padding: 0; border: 0; color:#355B80; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; }
img { margin: 0; padding: 0; border: 0; }
p { margin: 0; padding: 0; border: 0; padding-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#355B80; text-align:justify; }
ul { list-style-type:circle; }
ol {list-style-type:decimal; }

/* 02. HEADINGS */ 
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; border:0; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; text-align:left; }

h1 { color:#233d56; font-size:25px; font-weight:bold; }
h2 { color:#ff8f00; font-size:13px; font-weight:bold; }
h2 a { color:#355d83; text-decoration:underline; }
h3 { color:#ff9000; font-size:14px; font-weight:bold; }
h3 a { color:#ff9000; text-decoration:underline; }
h4 { color:#355d83; font-size:13px; font-weight:bold; }
h5 { color:#ff8f00; font-size:13px; font-weight:bold; padding-top:10px; }
h6 { color:#ff8f00; font-size:13px; font-weight:bold; padding-top:10px; }

/* 03. HEADER */ 
#header { width: 100%; height: 100px; margin:0 auto; padding:0; border:0; clear:both; background-repeat:repeat-x; }
#headerwrap { width:960px; height:100px; margin:0 auto; padding:0; border:0; text-align:center; }
#logo { margin:0; border:0; padding:0; width: 382px; height: 100px; background-image:url(../images/quinncom-logo.jpg); background-repeat:no-repeat; background-position:top; float:left; }
#navigation { margin:0; border:0; padding:0; width:576px; height:100px; float:right; }
#navigation ul { margin:0; border:0; padding:0; }
#navigation li { margin:0; border:0; padding:0; list-style:none; display:inline; }

/* 04. HEADER-NAVIGATION */ 
#logo a  { width:382px; height:100px; display:block; text-decoration:none; }
.top-nav-links { visibility:hidden; }

/* 05. NAVIGATION */
#about, #awards, #clients, #services, #blog, #contact { margin:0; border:0; padding:0; float:left; display:block; overflow:hidden; }

#about {  width:120px; height:100px; }
#about a:hover { display:block; text-indent:-120px; }
#awards { width:96px; height:100px; }
#awards a:hover { display:block; text-indent:-96px; }
#clients { width:94px; height:100px;}
#clients a:hover { display:block; text-indent:-94px;}
#services { width:103px; height:100px; }
#services a:hover { display:block; text-indent:-103px; }
#blog { width:76px; height:100px; }
#blog a:hover { display:block; text-indent:-76px;}
#contact { width:87px; height:100px;}
#contact a:hover { display:block; text-indent:-87px; }

/*  06. BLUE BAR CONTENT */ 
#blueBar { width: 100%; height: 320px; background-image:url(../images/blue-bar.png); background-repeat:repeat-x; clear:both; }
#blueBarWrap { margin:0 auto; padding-top:10px; padding-bottom:10px; width:960px; height:300px; text-align:center; }

/* 07. SERVICES-PAGES-HEADER */ 
div#blueBar div#blueBarWrap ul { margin:0; padding:0; }
div#blueBar div#blueBarWrap li { float:left; list-style:none; display:inline; }
div#blueBar div#blueBarWrap li#services-header-webdesign { display:block; overflow:hidden; width:362px; height:135px; }
div#blueBar div#blueBarWrap li#services-header-webdesign a:hover { text-indent:-362px; display:block; }
div#blueBar div#blueBarWrap li#services-header-applicationdevelopment { display:block; overflow:hidden; width:349px; height:135px; }
div#blueBar div#blueBarWrap li#services-header-applicationdevelopment a:hover { text-indent:-349px; display:block; }
div#blueBar div#blueBarWrap li#services-header-hosting { display:block; overflow:hidden; width:226px; height:135px; }
div#blueBar div#blueBarWrap li#services-header-hosting a:hover { text-indent:-226px; display:block; }
div#blueBar div#blueBarWrap li#services-header-seo { display:block; overflow:hidden; width:362px; height:151px; }
div#blueBar div#blueBarWrap li#services-header-seo a:hover { text-indent:-362px; display:block; }
div#blueBar div#blueBarWrap li#services-header-socialmedia { display:block; overflow:hidden; width:349px; height:150px; }
div#blueBar div#blueBarWrap li#services-header-socialmedia a:hover { text-indent:-349px; display:block; }
div#blueBar div#blueBarWrap li#services-header-ecommerce { display:block; overflow:hidden; width:226px; height:150px; }
div#blueBar div#blueBarWrap li#services-header-ecommerce a:hover { text-indent:-226px; display:block;}

/* 08. MAIN-SLIDESHOW */ 
#slideshow { position:relative; height:300px; }
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow IMG.active { z-index:10; opacity:1.0; }
#slideshow IMG.last-active { z-index:9; }

/* 09. MAIN-CONTENT */ 
#content, #wrapper { margin:0 auto; border:0; }
#content { width:960px; min-height:238px; }
#wrapper { text-align:center; clear:both; padding:0 0 10px 0; overflow:hidden;  /*Faux Columns*/ }

/* 10. CONTENT */ 
div#content div#wrapper div#maincolumn { float:left; height:100%; margin:5px 0; padding:5px 12px 0 0; width:650px; }
div#content div#wrapper div#maincolumn a { color:#fe9900; text-decoration:underline; }
div#content div#wrapper div#maincolumn a:hover { color:#2c4c6b; text-decoration:underline; }
div#content div#wrapper div#maincolumn ul { padding-left:15px; margin-top:10px; margin-left:20px; text-align:left; line-height:20px; }
div#content div#wrapper div#maincolumn li { list-style-type:square; }

div#content div#wrapper div#maincolumn div.blog-post ul { padding:10px 0 0 0; margin:0; border:0; }
div#content div#wrapper div#maincolumn div.blog-post li { padding:0 0 0 18px; margin:0; border:0; }

.rightcolumn { margin:0; border:0; padding-top:5px; padding-left:10px; padding-bottom:4000px; /*Faux Columns*/  margin-bottom:-4000px; /*Faux Columns*/ width:280px; border-left:1px solid #C9C9C9; text-align:left; }
#rightcolumnwpr { float:right; padding-top:5px; padding-bottom:4000px; /*Faux Columns*/ margin-bottom:-4000px; /*Faux Columns*/ background-color:#f6f6f6; }
.awardstable { margin-top:10px; }
.awardstable td { padding-top:15px; }
div.socialmedia { clear:both; margin:0 10px 0 0; padding:10px 0; border-top:solid 1px #c9c9c9; text-align:center; }
div.socialmedia div.smwrap { margin:0 auto; width:144px; height:45px; }
div.socialmedia h4 { text-align:center; padding-bottom:10px; }

/* 11. CONTENT-MISC */ 
.floatleft { float:left; }
.floatright { float:right; }
.clear { clear:both; }
.nopaddingtop { padding-top:0; margin-top:0; }
.topspace { margin-top:10px; }
.nospace { border:0; margin:0; padding:0; }
.center-text { text-align:center; }

.spacingtable { margin:0 auto; width:645px; }
.spacingtable td { padding:8px; }
.spacingtable tr { margin-top:5px; margin-bottom:5px; }

.wrapbox { width:640px; height:100%; margin:0; padding-top:20px; padding-bottom:10px; border:0; clear:both;}
.wrapboxleft { width:350px; height:100%; float:left;}
.wrapboxright { width:240px; float:right; }
.wrapbox img { margin:10px; padding:10px; border:solid 1px #f2f2f2; }
.wrapbox2 { margin:10px 0 10px 10px; padding:10px; border:solid 1px #f2f2f2; }

.leftwrap { float:left; width:45%; height:100%; text-align:left; padding-right:5%;}
.rightwrap { float:right; width:50%; height:100%; text-align:left;}

.wrapborder { border:1px solid #C9C9C9; background-color:#f2f2f2; text-align:center; padding:5px; }
.wrapborder h6 { border:0; margin:0; padding:0; text-align:center;}

.link-partners-page a { font-weight:bold; }
.link-partners-page p { padding-top:15px; }

.home-buttons { margin:0 auto; text-align:center; width:500px; padding-top:40px; clear:both;}

div#content div#wrapper div#maincolumn .clients-page-wrap { width:650px; margin:auto; border:0; padding:0; }
div#content div#wrapper div#maincolumn .clients-page-wrap h6 { margin:0; border:0; padding:0; text-align:left; color:#f8981d; }
div#content div#wrapper div#maincolumn .clients-page-wrap ul { float:left; width:200px; height:100%; min-height:200px; margin:20px 0 10px 7px; padding:0 0 0 7px; border:0; text-align:left; border-left:solid 1px #f6f6f6;}
div#content div#wrapper div#maincolumn .clients-page-wrap li { list-style-type:none; padding:2px; display:block; text-align:left; font-size:11px; }
div#content div#wrapper div#maincolumn .clients-page-wrap li a { color:#355b80; text-decoration:underline;}
div#content div#wrapper div#maincolumn .clients-page-wrap li a:hover { color:#97b5d1; text-decoration:underline;}
div#content div#wrapper div#maincolumn .clients-page-wrap .newsite { background-image:url(../images/new_3.png); background-position:right; background-repeat:no-repeat;}

div#wrapper div#maincolumn div.featuredclients { width:630px; height:180px; padding:0 5px 10px 5px; margin:0 0 20px 0; background-color:#fcfcfc; border-bottom:1px solid #c9c9c9; text-align:left; overflow:hidden; }
div#wrapper div#maincolumn div.featuredclients:hover { border-bottom:1px solid #ff9000; }
div#wrapper div#maincolumn div.featuredclients div.fc-info { float:left; width:400px; margin:0 10px 0 0; text-align:left; }
div#wrapper div#maincolumn div.featuredclients div.fc-info h5 { padding-bottom:5px; color:#26415c; }
div#wrapper div#maincolumn div.featuredclients div.fc-info a { color:#ff9000; text-decoration:underline; font-weight:bold; }
div#wrapper div#maincolumn div.featuredclients div.fc-info a:hover { text-decoration:none; }

.sitemapbox { float:left; width:80px; padding:10px 10px 10px 0; text-align:center; }
.sitemapbox img { padding:5px 0 0 0; }
.sitemapbox ul { border:0; padding:0; margin:0; }
.nobullet { list-style-type:none; }

.getajob { margin:30px auto; padding:20px; border:solid 1px #c9c9c9; background-color:#f6f6f6; }

div#content div#wrapper div#maincolumn div.email-help-page { text-align:left; }
div#content div#wrapper div#maincolumn div.email-help-page h6 { font-family:Verdana, Arial, Helvetica, sans-serif; padding:10px 0; color:#355B80; }
div#content div#wrapper div#maincolumn div.email-help-page h6 span { color:#26415c; }
div#content div#wrapper div#maincolumn div.email-help-page { padding:5px 0; }
div#content div#wrapper div#maincolumn div.email-help-page blockquote { padding:10px 0 10px 5px; margin:10px 0 10px 10px; border-left:solid 2px #fe9900; }

div#content div#wrapper div#maincolumn div.caption-box { margin:15px auto; padding:10px 0 20px 0; border:dashed 1px #c9c9c9; background-image:url(../images/ppcwashout.jpg); }
div#content div#wrapper div#maincolumn div.caption-box p { text-align:center; font-size:16px; }
div#content div#wrapper div#maincolumn div.caption-box a { color:#FFF; text-decoration:none; }
div#content div#wrapper div#maincolumn div.caption-box a:hover { color:#ff9000; text-decoration:underline; }
div#content div#wrapper div#maincolumn div.caption-box span { color:#ff9000; font-weight:bold; }

div#content div#wrapper div#maincolumn div.cms-preview-page { width:650px; padding:10px 0 5px 0; }
div#content div#wrapper div#maincolumn div.cms-preview-page a.mid { display:block; width:150px; height:150px; float:left; margin:5px 8px 5px 0; padding:2px; background-color:#f6f6f6; }

/* 12. MAINCOLUMN-BOXES */ 
.leftbox, .rightbox { width:300px; height:100%; background-image:url(../images/box-bg.jpg); background-position:top left; background-repeat:no-repeat; background-color:#fafafa; padding:10px; }
.boxwrapper { border:0; margin:0 auto; padding-top:20px; padding-bottom:20px; *padding-top:10px; *padding-bottom:10px; text-align:center; clear:both; }
.boxwrapper p { color:#355b80; font-size:12px; text-align:justify; }
.leftbox { float:left;}
.leftbox:hover { background: #f6f6f6; }
.rightbox { float:right;}
.rightbox:hover { background: #f6f6f6; }

/* 13. BLOG */ 
.blogpost { margin:0; padding:0; padding-bottom:10px; border-bottom:solid 1px #c9c9c9; width:265px; height:100%; text-align:left; }
.blogpost span { color:#999; font-size:12px; text-align:left; }
.blogpost p{ padding-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#355B80; text-align:justify; }
.blogpost h2 a { color:#f8981d; text-decoration:none; }
.blogpost h2 a:hover { text-decoration:underline; }

/* 14. CONTACT-US */
#contactspec { margin:0; padding:0; border:0; padding-top:10px; text-align:left; }
#contactspec strong { margin:0; padding:0; border:0; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:13px; font-weight:bold; color:#ff8f00; line-height:25px; }
#contactspec a { color:#355b80; font-weight:bold; text-decoration:underline; }
div#wrapper div#maincolumn ul#lrgcontactform { margin:0; border:0; padding:0; width:560px; overflow:hidden; clear:both; margin-bottom:20px; list-style:none; }
div#wrapper div#maincolumn ul#lrgcontactform label { border:0; margin:0; padding:0; display:block;  float:left; }
div#wrapper div#maincolumn ul#lrgcontactform li { border:0; margin:0; padding:0; padding-top:40px; *padding-top:15px; /*IE FIX*/ line-height:30px; list-style:none; }
div#wrapper div#maincolumn ul#lrgcontactform li .fieldbox { border:0; background:transparent url(../images/subfield.jpg) no-repeat top left; float:right; height:27px; padding-left:5px; }
div#wrapper div#maincolumn ul#lrgcontactform li .fieldboxsource { border:0; background:transparent url(../images/subfield-lrg.jpg) no-repeat top left; float:right; height:35px; width:220px; padding-left:20px; padding-right:20px; padding-top:7px;*padding-top:2px; /*IE FIX*/ *padding-left:25px; /*IE FIX*/ }
div#wrapper div#maincolumn ul#lrgcontactform li .fieldbox input { border:0; margin:0; padding:0; background:transparent url(../images/subfield.jpg) no-repeat top right; height:27px; padding-top:5px; width:440px; }
div#wrapper div#maincolumn ul#lrgcontactform li .msgbox { border:0; margin:0; padding:0; background:transparent url(../images/msgfield-lrg.jpg) no-repeat top left; float:left; height:120px; padding-left:5px; }
div#wrapper div#maincolumn ul#lrgcontactform li .msgbox textarea { border:0; margin:0; padding:0; background:transparent url(../images/msgfield-lrg.jpg) no-repeat top right; height:110px; padding-top:5px; width:555px; overflow:hidden; }

/* 15. QUICK-CONTACT */
#quickcontact { margin:0; padding:0; border:0; width:260px; height:100%; text-align:left; float:left; }
label { border:0; margin:0; padding:0; display:block; padding-bottom:5px; margin-top:20px; }
#contactform { margin:0; border:0; padding:0; width:260px; overflow:hidden; }
#contactform li { border:0; margin:0; padding:0; list-style:none; padding-bottom:20px; }
#contactform p { margin:5px 0; text-align:left; }
#contactform li .fieldbox { border:0; background:transparent url(../images/subfield.jpg) no-repeat top left; float:left; height:27px; padding-left:5px; }
#contactform li .fieldbox input { border:0; margin:0; padding:0; background:transparent url(../images/subfield.jpg) no-repeat top right; height:27px; padding-top:5px; width:255px; }
#contactform li .msgbox { border:0; margin:0; padding:0 0 5px 5px; background:transparent url(../images/msgfield.jpg) no-repeat top left; float:left; height:110px; }
#contactform li .msgbox textarea { border:0; margin:0; padding:0; background:transparent url(../images/msgfield.jpg) no-repeat top right; height:110px; padding-top:5px; width:255px; overflow:hidden; }
#submit { border:0; cursor:pointer; margin:10px 0 10px 0; display:block; width:100px; height:36px; }

/* 16. FOOTER */ 
#footer { clear:both; background-image:url(../images/blue-bar-footer.png); background-repeat:repeat-x; padding-top:10px; padding-bottom:10px; width:100%; text-align:center; margin: 0 auto; color:#dddddd; }
#footer a { color:#dddddd; text-decoration:none; }
#footer a:link { color:#dddddd; font-size:12px; }
#footer a:visited { color:#dddddd; font-size:12px; text-decoration:none; }
#footer a:hover { color:#dddddd; text-decoration:underline; }
#footer ul { margin:0 0 10px 0; padding:0; list-style:none; }
#footer li { display:inline; font-size:10px; line-height:20px; }

#toTop { width:100px; background-color:#26415c; border:1px solid #0c1b2a; text-align:center; padding:5px; position:fixed; bottom:10px; right:10px; cursor:pointer; color:#FFF; text-decoration:none; }
#toTop:hover { background-color:#446382; }

#current-info { background-color:#f8981d; color:#FFF; width:150px; height:50px; line-height:38px; cursor:pointer; display:block; position:absolute; top:0; right:10px; text-align:center; padding:10px 5px 0 5px; font-weight:bold; text-decoration:none; font-size:12.5px; background-image:url(../images/current-info-button.png); background-position:center; background-repeat:no-repeat; text-shadow:0 0 3px #000; }
#current-info:hover {  background-color:#355b80; }


/* 17. CAPTCHA */ 
div#quickcontact #recaptcha_table { margin:0 auto; text-align:center; width:260px; height:100%; overflow:hidden; }
div#quickcontact .recaptcha_image_cell { width:240px; overflow:hidden; }
div#quickcontact #recaptcha_image { width:256px; !important overflow:hidden; padding:8px 0 8px 0; }
div#quickcontact #recaptcha_image img { width:256px; !important overflow:hidden; border:1px solid #C9C9C9; }
div#quickcontact div#recaptcha_widget_div { display:none; visibility:hidden; }
div#quickcontact div#recaptcha_widget a { color:#c9c9c9; font-weight:bold; text-decoration:none; text-transform:uppercase; font-size:9px;}
div#quickcontact div#recaptcha_widget a:hover { text-decoration:underline; }
div#quickcontact div#recaptcha_widget span { color:#c9c9c9; font-weight:bold; }


/* 18.PORTFOLIO */ 
.view-portfolio a { display:block; overflow:hidden; width:270px; height:200px; text-align:left; }
.view-portfolio a:hover { text-indent:-270px; display:block; }

div.portfolio-page .portfolio-thumb1st { float:left; width:216px; height:225px; padding:5px; margin:6px 6px 6px 0; border:solid 1px #c9c9c9; }
div.portfolio-page .portfolio-thumb1st:hover { background-color:#f9f9f9; } 
div.portfolio-page .portfolio-thumb { float:left; width:216px; height:225px; padding:5px 6px 5px 6px; margin:6px; border:solid 1px #c9c9c9; }
div.portfolio-page .portfolio-thumb:hover { background-color:#f9f9f9; }

div.portfolio-page .portfolio-title-holder { float:left; width:216px; height:10px; padding:2px 5px 8px 5px; margin:6px 8px 15px 6px; border:solid 1px #c9c9c9; color:#c9c9c9; }
div.portfolio-page .portfolio-title-holder a { font-size:10px; text-decoration:none; }
div.portfolio-page .portfolio-title-holder1st { float:left; width:216px; height:10px; padding:2px 5px 8px 5px; margin:6px 6px 15px 0; border:solid 1px #c9c9c9; color:#c9c9c9; }
div.portfolio-page .portfolio-title-holder1st a { font-size:10px; text-decoration:none; }

div.portfolio-page { width:960px; height:100%; overflow:hidden; }
div.portfolio-page a { color:#fe9900; text-decoration:underline; }
div.portfolio-page a:hover { color:#2c4c6b; text-decoration:underline; }

div.page-bottomnav { clear:both; width:540px; margin:35px auto 35px auto; padding:20px 6px 16px 11px; text-align:center; background-image:url(../images/subnavbg.jpg); background-repeat:no-repeat;}
div.page-bottomnav a { color:#FFF; text-decoration:none; }
div.page-bottomnav a:hover { color:#FFF; text-decoration:underline; }

div#content div#wrapper div#maincolumn div.visit-our-portfolio { width:400px; height:60px; margin:20px auto; padding:12px; text-align:center; background-color:#fcfcfc; border:1px solid #c9c9c9; }
div#content div#wrapper div#maincolumn div.visit-our-portfolio:hover { background-color:#f6f6f6; border:1px solid #9c9c9c; }
div#content div#wrapper div#maincolumn div.visit-our-portfolio h1 { font-size:34px; font-weight:normal; text-align:center; text-decoration:none; }
div#content div#wrapper div#maincolumn div.visit-our-portfolio h1 a { text-decoration:underline; }
div#content div#wrapper div#maincolumn div.visit-our-portfolio h1 a:hover { color:#355b80; text-decoration:underline; }
div#content div#wrapper div#maincolumn div.visit-our-portfolio p { text-align:center; font-weight:bold; padding:15px 0 15px 0; margin:0; }
div#content div#wrapper div#maincolumn div.visit-our-portfolio p a { color:#355b80; text-decoration:none; }

div#content div#wrapper table.color-chart-page td { text-align:center; border:solid 1px #f6f6f6; padding:5px; margin:5px; }