/*----------------------------------------------------
                 Onixus - CSS File
------------------------------------------------------*/


/* Global
------------------------------------------------------*/
html, body { height:100% }
body { font-family:Tahoma, Arial, verdana; font-size:11px; margin:0 auto; padding:0; background-color:#ffffff; color:#979797; height:100%; }
* { margin:0; padding:0; }
*:focus { outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
				 if you want to keep it! */ }
.clr { clear:both }
form { margin:0; padding:0; }
hr { border:0; background-color: #d3d3d3; height: 1px; }
hr.content-line { border:0; color:#d0d0d0; background-color: #d3d3d3; margin:30px 0px 30px 0px; height: 1px; }
/* Default Element Styles
------------------------------------------------------*/
/* heading */
h1, h2, h3, h4, h5, h6 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#656464; }
h1 { font-size:30px; line-height:30px; margin-bottom:15px; }
h2 { font-size:24px; line-height:28px; margin-bottom:15px; }
h3 { font-size:22px; line-height:20px; margin-bottom:15px; }
h4 { font-size:18px; line-height:18px; margin-bottom:8px; font-weight:bold; }
h5 { font-size:16px; margin:3px 0px; padding:0px; letter-spacing:1px; }
h6 { font-size:14px; margin:3px 0px; padding:0px; letter-spacing:1px; }
/* links */
a { color:#a10b0c; text-decoration:none; }
a:visited { color:#a10b0c; text-decoration:none; }
a:hover { text-decoration:none; }
a img { border:none }
.imgcenter { float:left; margin:0px 0px 10px 0px; }
.imgleft { float:left; margin:4px 12px 10px 0px; }
.imgright { float:right; margin:4px 0px 10px 12px; }
.imgcenter-border { float:left; margin:0px 0px 10px 0px; padding:2px; border:1px solid #d3d3d3; }
.imgleft-border { float:left; margin:4px 12px 10px 0px; padding:2px; border:1px solid #d3d3d3; }
.imgright-border { float:right; margin:4px 0px 10px 12px; padding:2px; border:1px solid #d3d3d3; }
.border-img-left { border:1px solid #303030; padding:2px; margin:8px 10px 0px 0px; float:left; }
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote { font-size:11px; line-height:1.5em; margin-bottom:14px; color:#979797; }
ul, ol { margin:10px 0 35px 40px; }
li ol, li ul { font-size:1.0em; list-style:square; margin-bottom:0; margin-top:0; }
li ol { list-style:decimal; }
blockquote { font-style:italic; margin:0px; color:#6e7a7f; padding:0px 4px 2px 38px; background-image:url(../images/quote.gif); background-position:0px 5px; background-repeat:no-repeat; float:left; }
/* code */
code { font-family:Tahoma, Arial, Verdana; letter-spacing:1px; margin:25px 0 25px 0px; display:block; font-size:0.9em; border-left:4px solid #dddddd; padding:15px 10px; }
/* Container
------------------------------------------------------*/
#container { background-image:url(../images/bg-container-top.jpg); background-repeat:repeat-x; background-position:top; }
#container-inner { background-image:url(../images/bg-container-top-inner.jpg); background-repeat:repeat-x; background-position:top; }
#top-container { width:960px; height:107px; margin:0px auto; }
#slide-container { width:960px; height:412px; margin:0px auto; background-image:url(../images/bg-slideshow.png); background-repeat:no-repeat; background-position:center; }
#pagetitle-container { width:966px; height:132px; margin:0px auto; background-image:url(../images/bg-page-title.png); background-repeat:no-repeat; background-position:center; }
#mid-container { width:960px; margin:0px auto; }
#bottom-container { width:100%; height:237px; background-image:url(../images/bg-container-bottom.jpg); background-repeat:repeat-x; float:left; }
#footer-container { width:100%; height:38px; background-image:url(../images/footer-bg.jpg); background-repeat:repeat-x; float:left; }
/* Header
------------------------------------------------------*/
#logo { width:152px; margin:32px 14px 0px 0px; padding-left:14px; float:left; }
#header-right { width:540px; height:84px; border-bottom:1px solid #d3d3d3; float:right; }
/* Mainmenu Styling */
#mainmenu { width:auto; margin:1px 0px 0px 0px; float:left; }
.navigation { width:auto; margin-top:38px; float:right; list-style-type:none; }
.navigation ul { margin:0px; padding:0px; list-style-type:none; position:relative; clear:both; }
.navigation li { list-style-type:none; padding:0px; margin:0px; float:left; z-index:100; position:relative; }
.navigation li a { font-size:16px; text-decoration:none; color:#a7a6a6; display:block; padding:10px 30px 14px 8px; float:left; z-index:100; margin-right:0px; }
.navigation li.current a, .navigation li a:hover, .navigation li.current li a:hover { text-decoration:none; color: #d23a3b; }
.navigation li.current li a { text-decoration:none; color:#a7a6a6; }
.navigation li li { margin:0 0 0px 0px; padding:0px; position:relative; z-index:100; }
.navigation ul { display:none; position:absolute; top:37px; width:180px; padding-bottom:5px; z-index:100; background-color:#fafafa; border-top:none; border-bottom:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; }
.navigation li ul a { width:169px; height:auto; float:left; padding:5px 15px 8px 15px; font-size:16px; color:#a7a6a6; line-height:24px; z-index:100; text-decoration:none; }
ul#top-rss { width:119px; height:12px; background-color:#eaeaea; -moz-border-radius:3px; -webkit-border-radius:3px; margin:48px 0px 0px 49px; padding:8px; list-style-type:none; float:left; }
li.rss-icon { margin:-2px 0px 0px 10px; float:left; }
li.rss-link { margin:-4px 0px 0px 5px; float:left; }
li.rss-link a, .rss-link a:visited { text-decoration:none; color:#a4a3a3; }
/*  Slideshow
------------------------------------------------------*/
#slideshow { position:relative; margin:0px auto; padding-top:20px; height:323px; overflow:hidden; }
#slideshow ul, #slideshow li { margin:0px; padding:0px; list-style-type:none; }
#slideshow li { width:950px; height:313px; padding:0px; float:left; }
.slider-img-content { width:601px; height:313px; margin-right:25px; float:left; }
.slider-img-full { width:323px; height:287px; margin:10px 20px 0px 20px; float:right; }
#slideshow li.slider-text, #slideshow li.slider-image, #slideshow li.slider-fulltext { width:950px; margin-top:-15px; float:left; }
#slideshow li.slider-text h3 { margin:40px 0px 3px 0px; color:#ffffff; float:left; }
#slideshow li.slider-fulltext h1 { margin:48px 0px 15px 68px; color:#ffffff; float:left; }
#slideshow li.slider-text p { width:282px; float:left; }
#slideshow li.slider-fulltext p { width:474px; margin-left:68px; float:left; }
.readmore-slider { float:right; padding:5px 45px 0px 0px; }
#slogan h3 { width:960px; color:#bababa; line-height:28px; text-align:center; }
ul#slide-alternate { margin:5px 0px 15px 5px; padding:0px; list-style-type:none; float:left; }
.slide-image { width:950px; height:313px; list-style-type:none; position:absolute; float:left; }
/* Slider Navigation styling */
#slider-navigation { margin:0px auto; }
#prev a { width:49px; height:49px; position:relative; top:-196px; left:-22px; display:block; background:url(../images/slide-prev.png) no-repeat 0 0; cursor:pointer; float:left; }
#next a { width:49px; height:49px; position:relative; top:-196px; right:-22px; display:block; background:url(../images/slide-next.png) no-repeat 0 0; cursor:pointer; float:right; }
/*  Page Title
------------------------------------------------------*/
#left-title { width:400px; margin-top:44px; float:left; }
#left-title h3 { color:#aaaaaa; margin:29px 0px 0px 12px; float:left; }
.title-icon { margin:25px 0px 0px 33px; float:left; }
#right-title { width:520px; margin-top:48px; padding-top:23px; float:left; }
#right-title p { color:#b6b6b6; }
/* Content
------------------------------------------------------*/
#content { width:960px; margin:25px 0px 22px 0px; float:left; }
#left-content { width:630px; margin-left:30px; float:right; }
#right-content { width:300px; margin-right:0px; float:left; }
#fullwidth-content { width:960px; float:left; }
.maincontent { padding-bottom:25px; float:left; }
.sidebar-content { width:300px; padding-bottom:28px; float:left; }
.maincontent h3, .sidebar-content h3 { color:#a20b0d; margin-bottom:10px; padding-bottom:7px; border-bottom:1px solid #d3d3d3; }
.front-content { width:300px; margin-right:30px; float:left; }
.front-content-last { width:300px; margin-right:0px; float:left; }
#middle-box { width:960px; margin:-22px 0px 10px 0px; background-image:url(../images/shadow-content.jpg); background-position:top; background-repeat:no-repeat; float:left; }
#front-testi { width:auto; margin:70px 30px 0px 0px; float:left; }
#front-testi h4 { color:#9e9e9e; line-height:22px; font-style:italic; }
#front-mail { width:auto; height:auto; background-color:#eaeaea; -moz-border-radius:3px; -webkit-border-radius:3px; margin-top:60px; padding:0px; list-style-type:none; float:right; }
#front-mail h4 { color:#656464; margin:18px 0px 0px 15px; float:left; }
#front-mail h4 a, #front-mail h4 a:visited { color:#656464; text-decoration:none; }
#front-mail p { width:169px; margin:2px 0px 0px 15px; float:left; }
.mail-img { margin:21px 0px 0px 21px; float:left; }
.quote-img { margin:14px 0px 0px 21px; float:left; }
/* Check list */
ul.check-list { margin:0px 0px 15px 0px; padding:0px; list-style-type:none; }
ul.check-list li { background-image:url(../images/arrow.png); background-position:5px 8px; background-repeat:no-repeat; padding-left:20px; line-height:1.8em; }
/* Bottom Content
------------------------------------------------------*/
#bottom-content { width:960px; height:235px; background-image:url(../images/bottom-glow.png); background-repeat:no-repeat; background-position:center 4px; margin:0px auto; }
.bottom-box { width:198px; margin:24px 32px 0px 0px; float:left; }
.bottom-box-last { width:268px; margin-top:20px; float:left; }
.bottom-box h4, .bottom-box-last h4 { color:#ffffff; margin-bottom:8px; }
.bottom-box-last p { margin-top:12px; }
/* Bottom content list */
ul.list-bottom { margin:15px 0px 0px 0px; padding:0px; list-style-type:none; }
ul.list-bottom li { background-image:url(../images/arrow.png); background-position:5px 7px; background-repeat:no-repeat; margin-bottom:4px; padding:0px 0px 6px 20px; border-bottom:1px solid #313131; line-height:1.5em; }
ul.list-bottom li a { color:#979797; text-decoration:none; }
ul.list-bottom li a:hover { text-decoration:underline; }
/* Services
------------------------------------------------------*/
.services-content { margin-bottom:23px; }
.services-content p { margin-bottom:6px; }
.services-content h4 { margin-bottom:0px; }
/* Content list */
ul.content-list { width:300px; margin:0px 0px 0px 0px; padding:0px; list-style-type:none; }
ul.content-list li { background-position:5px 9px; background-repeat:no-repeat; line-height:2em; }
ul.content-list li a { color:#fff; font-size:12px; text-decoration:none; background:#b44a4e; padding:3px; width:290px; display:block; margin-bottom:2px; border-radius:4px; }
ul.content-list li a:hover { text-decoration:none; }
ul.content-list li a:hover { background:#d2252b; }
/* Ads list */
ul.ads-list { width:298px; margin:0px 0px 0px 2px; padding:0px; list-style-type:none; }
ul.ads-list li { width:125px; margin:5px 10px; float:left; }
ul.ads-list li img { border:1px solid #d3d3d3; padding:3px; }
/* Portfolio
------------------------------------------------------*/
/* Portfolio slide */
#portfolio-slide { position:relative; margin:0px 44px 0px 44px; overflow:hidden; float:left; }
#portfolio-slide ul, #portfolio-slide li { width:872px; height:245px; margin-left:0px; padding:0px; list-style-type:none; }
.pfslide-img { width:379px; height:229px; border:1px solid #d3d3d3; margin-right:20px; padding:2px; float:left; }
#portfolio-slide li.pf-content p { width:466px; float:left; }
.portfolio-button { float:left; margin:12px 5px 0px 0px; }
/* Portfolio thumbnail */
#middle-pf { width:946px; margin-top:10px; padding:80px 0px 30px 14px; background-image:url(../images/shadow-content.jpg); background-position:top; background-repeat:no-repeat; float:left; }
#middle-pf2 { width:946px; margin-top:10px; padding:0px 0px 0px 14px; float:left; }
.pf-box { width:214px; height:134px; background:url(../images/hover-opacity.png) no-repeat top left; margin:0px 23px 58px 0px; float:left; }
.pf-box2 { width:214px; height:134px; background:url(../images/hover-opacity.png) no-repeat top left; margin:0px 23px 135px 0px; float:left; }
.pf-box h6, .pf-box2 h6, .pf-box-last h6, .pf-box-last2 h6 { margin:5px 0px 8px 0px; }
.pf-box-last { width:214px; height:134px; background:url(../images/hover-opacity.png) no-repeat top left; margin:0px 0px 58px 0px; float:left; }
.pf-box-last2 { width:214px; height:134px; background:url(../images/hover-opacity.png) no-repeat top left; margin:0px 0px 135px 0px; float:left; }
.pf-img { border:1px solid #d3d3d3; padding:2px; }
/* Portfolio Slider Navigation */
#prev-pf a { width:14px; height:21px; position:relative; top:-135px; left:0px; display:block; background:url(../images/pf-prev.gif) no-repeat 0 0; cursor:pointer; float:left; }
#next-pf a { width:14px; height:21px; position:relative; top:-135px; right:0px; display:block; background:url(../images/pf-next.gif) no-repeat 0 0; cursor:pointer; float:right; }
/* Portfolio list */
ul.featured-pf-list { width:466px; background-color:#FF0000; margin:0px 0px 0px 0px; padding:0px; list-style-type:none; float:left; }
ul.featured-pf-list li { background-image:url(../images/arrow.png); background-position:5px 13px; background-repeat:no-repeat; padding-left:20px; line-height:32px; float:left; }
ul.featured-pf-list li a { color:#979797; text-decoration:none; }
ul.featured-pf-list li a:hover { text-decoration:underline; }
/* Blog
------------------------------------------------------*/
.blog-post { margin-bottom:66px; }
.blog-post h3 { color:#a20b0d; margin-bottom:11px; padding-bottom:22px; border-bottom:1px solid #d3d3d3; }
.blog-post h3 a, .blog-post h3 a:visited { color:#a20b0d; text-decoration:none; }
.blog-info { color:#979797; margin-top:-30px; float:left; }
.blog-info a, .blog-info a:visited { color:#979797; text-decoration:none; }
.blog-info-icon { margin-right:3px; }
.blog-info-icon2 { margin-left:20px; margin-right:3px; }
.readmore-blog { float:right; }
/* Author info styling */
.author { width:600px; background-color:#f1f1f1; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; color:#a6a6a6; padding:10px 15px 6px 15px; line-height:18px; float:left; }
.author h6 { margin:1px 0px 3px 0px; }
/* Blog pagination */
.commonPageListControlBar { height:30px; margin:0px; text-align:left; float:left; }
.commonPageListControlBar p { float:left; }
.commonPageListBtn { border: 1px solid #d3d3d3; font:normal 11px Tahoma; color:#a4a3a3; margin:-2px 2px 0px 0px; padding: 5px 4px; cursor: pointer; float:left; }
.commonPageListControlBar a, .commonPageListControlBar a:visited { color:#a4a3a3; text-decoration:none; float:left; }
.commonPageListControlBar a:hover { text-decoration: underline; float:left; }
.commonPageListBtnSelected { border: 1px solid #d3d3d3; background-color:#eaeaea; font:normal 11px Tahoma; color:#a4a3a3; margin:-2px 2px 0px 0px; padding:5px 4px; cursor:default; float:left; }
/* Latest post list */
ul.latestpost-list { width:300px; margin:-2px 0px 0px 0px; padding:0px; list-style-type:none; }
ul.latestpost-list p { width:234px; margin:4px 0px 0px 0px; float:left; }
ul.latestpost-list li { margin-bottom:12px; line-height:32px; float:left; }
.latestpost-img { border:1px solid #d3d3d3; margin:5px 11px 0px 0px; padding:2px; float:left; }
ul.latestpost-list li a { color:#979797; text-decoration:none; }
/* Contact
------------------------------------------------------*/
form { margin:0; padding:0; }
#contactFormArea { width:480px; margin:0px; }
label { margin-bottom:3px; }
.input { background-color:#ffffff; border:1px solid #d9d9d9; font-family:Tahoma, Arial, verdana; font-size:11px; width:406px; padding:6px 5px; margin:0px; color:#939393; }
.input-submit { background-image:url(../images/send-button.gif); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:103px; height:28px; cursor:pointer; float:right; margin-right:59px; }
.textarea { background-color:#ffffff; border:1px solid #d9d9d9; font-family:Tahoma, Arial, verdana; font-size:11px; overflow:hidden; width:406px; padding:6px 5px; margin:0px; color:#939393; }
#loadBar { width:570px; height:21px; border:1px solid #d3d3d3; background-color:#f1f1f1; color:#797979; text-align:center; padding:7px 30px; }
#emailSuccess { width:570px; height:21px; border:1px solid #d3d3d3; background-color:#f1f1f1; color:#797979; text-align:center; padding:7px 30px; }
.loading-text { font-weight:bold; margin-left:115px; float:left; }
.loading-form { width:128px; height:15px; background-image:url(../images/loading.gif); background-repeat:no-repeat; margin:3px 0px 0px 14px; float:left; }
.map { width:294px; height:183px; background:url(../images/hover-opacity-map.png) no-repeat top left; margin:6px 0px 8px 0px; padding:2px; border:1px solid #d3d3d3; float:left; }
/* Footer
------------------------------------------------------*/
#footer-content { width:960px; height:38px; background-image:url(../images/footer-shadow.png); background-repeat:no-repeat; background-position:top center; margin:0px auto; }
#footer-text { width:680px; padding-top:12px; font-size:10px; float:left; }
#footer-nav { width:280px; text-align:right; padding-top:12px; font-size:10px; float:right; }
#footer-nav a, #footer-nav a:visited { color:#979797; text-decoration:none; }
#footer-nav img { margin-left:5px; }