/*---------------------------------------------------------

	Stylesheet Overview

------------------------------------------------------------

	----- Table of Contents -----

        1. Settings
            1.1 CSS Reset
            1.2 General
            1.3 List Styles
            1.4 Borders & Dividers
            1.5 Tables
            1.6 Forms
            1.7. Headers

        2. Page
            2.1 Headers
            2.2 Navigation
            2.3 Headings
            2.4 Contents
            2.5 Columns
            2.6 Footer
 
        3. Extras
            3.1 Slideshow
            3.2 Contact
            3.3 Contact Buttons
            3.4 Box Styles
            3.5 Dropcaps
            3.6 Pullquotes
            3.7 Highlight Styles
            3.8 Lists
            3.9 Buttons
            3.10 Pagination
            3.11 Images
            3.12 Colorchanger
            
        4. User CSS
            4.1 Custom User Settings

	----- IMPORTANT NOTE -----

	DO NOT make edits any parts from 1-3, your edits will vanish
	when you upgrade the theme. Instead, add your custom CSS to
	the 4/4.1 style.css User CSS/ Custom User Settings - part. 
	Any new styles you add there will automatically override 
	this imported stylesheet. This will also make your life a 
	whole lot easier when it comes to an upgrade.
	
*/

/*---------------------------------------------------------
	1. Settings
------------------------------------------------------------ */

/* ------- 1.1 CSS Reset ------- */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,code,del,dfn,em,img,q,dl,dt,
dd,ol,ul,li,table,caption,tbody,tfoot,thead,
tr,th,td,br,fieldset,textarea                           { font: 13px Verdana, Geneva, Tahoma, sans-serif; line-height:20px;letter-spacing:.1px;word-spacing:1px;margin:0;padding:0;border:0;vertical-align:baseline; }
html                                                    { height:101%; width: 100%; border-top: 5px solid #311f11;}
h1,h2,h3,h4,h5,h6,hr,p,ul,ol,dl,pre,address,table,form  { margin:0 0 20px}
p,h1, h2, h3, h4, h5, h6, ul.check_list, ul.arrowlist   { padding-left:2px;}
strong, b                                               { font-weight:bold;}
em, dfn, i                                              { font-style:italic;}

/* ------- 1.2 General ------- */

*                           { padding: 0; margin: 0; outline: 0;  }
body                        { height: 100%; width: 100%; font: 12px 'Nobile', "Helvetica Neue", Helvetica, arial, sans-serif; background: url(../images/bg.png); color: #444; }
a                           { color: #311f11; background-color: inherit; text-decoration: underline; }
a:visited                   { color: #311f11; background-color: inherit; text-decoration: none;	 font-weight: normal; }
a:visited:hover             { color: #746356; background-color: inherit; text-decoration: underline; font-weight: normal; }
img                         { background: transparent; border: none; margin: 0 auto; padding: 0; }
img.float-right             { margin: .5em 0 2em 2em; }
img.float-left              { margin: .5em 2em 2em 0; }
.clear                      { float: none; clear: both; }
.aboutimg                   { width: 440px; height: 130px; padding-top:0px; }
#gall                       { height: auto; }
h1,h2,h3,h4,h5,h6,th,blockquote,.top_metadata,.date,.cancel-comment-reply a,#blurb,.bottom_metadata,span.current_crumb, p.breadcrumb 
                            { letter-spacing:1px;font-family:Tahoma,Geneva,Arial,sans-serif; }
a:link,a:visited,a:hover,a:active,a:focus
                            { text-decoration:none;outline:none;}
code, pre                   { font: normal 13px/18px Consolas, "Courier New", Courier, monospace; background: #E8EBEC url("../images/sprites/code.png"); padding: 18px 5px; border: 1px dotted #bbb; color: #333;}
code                        { padding: 1px 3px; background-image: none; }
sup                         { bottom: 0.1em; }
.impact                     { font-size: 1.1em; line-height: 1.5; }
.noMargin                   { margin: 0; }
.ribbon span                { float: left; font-size: 1.4em; font-weight: bold;  margin: 16px 0 0; color: #CDCDCD;}

/* ------- 1.3 List Styles ------- */

ul,li                       { list-style:none outside;margin-left:20px;list-style-type:disc; }
ol, ol li                   { list-style:decimal outside; }
ol, dd                      { margin-left:24px; }
ul ul, ol ul, ul ol, ol ol  { margin-bottom:0;margin-top:0; }
#sub_footer ul,#sub_footer li,#footer ul,#footer li,#secondary ul,#secondary li,ul.arrow_list,ul.arrow_list li,ul.check_list,ul.check_list li,ul.thumbnail_list,ul.thumbnail_list li,.jqueryslidemenu ul,.jqueryslidemenu li, #comments li
                            { margin-left:0;list-style:none; }
                            
/* ------- 1.4 Borders & Dividers ------- */

h3.widgettitle,h6,td,th,.divider,hr,
div.widget li,.top_metadata,#body_block
 .thumbnail_list li,#body_block ul
 .thumbnail_list,.blog_header
                            { background:url(../images/sprites/line.gif) repeat-x scroll center bottom; }
#primary ul.thumbnail_list,
.top_metadata div,
div.link_list li ul li      { background: url(../images/sprites/line.gif) repeat-x scroll center top; }
#footer h3.widgettitle,
#footer div.widget li       { background:none;border-bottom:1px solid #333; }
#footer .background
div.link_list li            { border-bottom:none;padding:0; }
#footer div.link_list li a  { border-bottom:1px solid #333;display:block;padding:5px 0; }
hr                          { border:0px solid transparent !important;background-color:transparent !important;height:1px; }
.divider                    { clear:both;display:block;margin-bottom:20px;padding-top:20px;width:100%; }	
.top                        { font-size:8px;line-height:10px;margin-bottom:40px;text-align:right;position:relative; }
.top a                      { background:#F9F9F9 none repeat scroll 0 0; color:#bbb; height:20px; position:absolute; right:0; text-shadow:1px 1px 0 #fff; top:12px; width:20px; }
.clearboth                  { clear:both;display:block;font-size:0px;height:0px;line-height:0;width:100%; }
.top a:hover                { background-color: #f5f5f5;} 
               
/* ------- 1.5 Tables ------- */

table                       { border-collapse:separate;border-spacing:0;width:100%;border:1px solid #eaeaea;margin-bottom:18px; }
table,td,th                 { vertical-align:middle; }
th                          { text-align: left; padding:10px;color:#666;border-top:1px solid #fff;text-transform:uppercase; }
td                          { padding:10px;color:#888; }
tfoot td                    { border:0px; }
th,tr:hover                 { background-color:#f5f5f5; }
.even                       { background-color: #fcfcfc;}
/* ------- 1.6 Forms ------- */

fieldset                    { padding:20px;border:1px solid #e5e5e5; }
legend,label                { letter-spacing:1px;text-transform:uppercase;font-size:11px; }
input[type=text],input[type=password],input[type=file],textarea
                            { background-color:transparent;padding:5px;width:180px;-moz-border-radius:6px;-webkit-border-radius:5px; }
.textfield_label            { margin-left:12px; }
textarea                    { width:97%;height:120px;font-size:12px; }
input, textarea             { outline-style:none!important; }
pre,input[type=text],input[type=password],input[type=file],textarea
                            { background:#F9F9F9 url(../images/sprites/form-gradient.gif) repeat-x scroll -1px -2px; border-color:#D9D9D9 #EAEAEA #FFFFFF; border-style:solid; border-width:1px; color:#666; }
input[type="submit"]::-moz-focus-inner  {border : 0px; } 
input[type="submit"]:focus  { outline:none; }

/* ------- 1.7. Headers ------- */

h1,h2,h3,h4,h5,h6           { line-height:100%; }
h1			{ font-size: 1.85em; padding: 0 20px 20px 0;}
h2			{ font-size: 1.5em; padding: 0 20px 20px 0;}
h3			{ font: bold 1.4em 'Nobile', "Helvetica Neue", Helvetica, Arial, Sans-serif; padding: .3em 0 .5em 0; color: #000; text-transform:  none; letter-spacing: -1px;  font-size: 1.35em; }
h4			{ font-size: 1.2em; margin-bottom: 0.5em; border-bottom: none; padding: 0 20px 20px 0; }
h5			{ font-size: 1em; font-weight: bold; margin-bottom: 0.5em; border-bottom: none; padding: 0 20px 20px 0;}
h6			{ padding-bottom: 5px; font-size: 1em; font-weight: lighter; text-transform:uppercase; margin-bottom: 0.5em; border-bottom: none; }
/*---------------------------------------------------------
	2. Page
------------------------------------------------------------ */

/* ------- 2.1 Headers ------- */

#header, #header_home, #header-landing, #nav, #grey, #content, #footer 
                            { width: 960px; }
#home                       { height: auto; min-height: 10px; }
#header_home #splash        { margin: 0; float: left; clear: none; position: absolute; width: 960px; height: 440px; border: 0; }
#header_home #splash img    { position:absolute; top:0; left:0; }
#header                     { clear: both; position: relative; margin: 20px auto; padding: 0; height: 5px; text-align: left; }
#header_home                { clear: both; position: relative; margin: 0 auto; padding: 0; height: 450px; text-align: left; }
#header-landing             { clear: both; position: relative; margin: 0 auto; padding: 0; text-align: left; }

#top-aboutus                {
	height: 140px;
	width: 1000px;
	background: url(../images/headers/top-gruppoguarnieri.png) no-repeat;
	padding-bottom: 30px;
}
#top-typo                   { height: 140px; width: 1000px; background: url(../images/headers/top-typo.png) no-repeat; padding-bottom: 30px; }
#top-addi                   { height: 140px; width: 1000px; background: url(../images/headers/top-add.png) no-repeat; padding-bottom: 30px; }
.service_head               { height: 140px; width: 1000px; background: url(../images/headers/top-service.png) no-repeat; padding-bottom: 40px; }
.work_head                  { height: 140px; width: 1000px; background: url(../images/headers/top-work.png) no-repeat; padding-bottom: 30px; }
.work_head_mirage                  { height: 140px; width: 1000px; background: url(../images/headers/top-mirage.png) no-repeat; padding-bottom: 30px; }
.servicon   {padding-top: 1px; padding-right: 5px;}

/* ------- 2.2 Navigation ------- */

#nuration                   { margin-left: 13px; margin-top: 15px; float: left; width: 320px; height: 20px; }
.nuration img {vertical-align:bottom}
.contact                    { margin-right: 0px; margin-bottom: 10px; float: right; clear: none; width: 145px; height: 20px; background-image: url(../images/minicons/clientlogin.png); background-repeat: no-repeat; background-position: 0 0; }
.conspacer                  { font-size:12px;letter-spacing:1.6px;margin-bottom:15px;padding-bottom:5px;text-transform:uppercase;color:#ddd;line-height:15px; padding-left: 30px;}
.contact:hover, #clientlogin a:active 
                            { cursor: pointer; float: right; clear: none; width: 145px; height: 20px; text-indent: -9000px; background-image: url(../images/minicons/clientlogin.png); background-repeat: no-repeat; background-position: 0 -20px; }
.nuration                   { font-size:12px;letter-spacing:1.6px;margin-bottom:15px;padding-bottom:5px;text-transform:uppercase;color:#ddd;line-height:18px; padding-left: 25px; margin-left: 0px; margin-bottom: 10px; float: left; clear: none; width: 285px; height: 14px; background: url(../images/minicons/clientlogin2.png) no-repeat; background-position: 0 0; }
#tabmenu                    { width: 960px; padding-top: 50px; margin: 0 auto; }
.navigationspacer           { width: 130px; float:left; }
#lines                      { width: 960px; height: 30px; position: absolute; top: 75px; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; }

.sf-menu,.sf-menu *         {list-style:none;margin:0;padding:0;}
.sf-menu                    {width: 960px; float:left;line-height:1.0;margin:7px 0 1em; margin-left: 140px; }
.sf-menu ul                 {position:absolute;top:-999em;width:10em}
.sf-menu ul li              {width:100%}
.sf-menu li:hover           {visibility:inherit}
.sf-menu li                 {font-size: 16px;float:left;position:relative;background:none}
.sf-menu a                  { display:block;padding:5px 1em 5px;position:relative;text-decoration:none}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul      {left:0;top:48px;z-index:99}
.sf-menu li li a            {padding:8px 1em}
.sf-menu a,
.sf-menu a:visited          {color:#000}
.sf-menu li li              {background: url(../images/bg.png);  border-bottom: 1px dotted #ddd; border-left: 1px dotted #ddd; border-right: 1px dotted #ddd;top: -19px; padding-left: 5px;  font-size: 12px;}
.sf-menu li li li           {background: url(../images/bg.png);  border-bottom: 1px dotted #ddd; border-top: 1px dotted #ddd; border-right: 1px dotted #ddd; top: 0px; left: 5px; font-size: 12px;}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active           {outline:0}
.sf-menu a.sf-with-ul       {min-width:1px;padding-right:2em}

.sf-sub-indicator           {background:url(../images/sprites/arrows.png) no-repeat -10px -100px;display:block;height:10px;overflow:hidden;position:absolute;right:.8em;text-indent:-999em;top:1.45em;width:10px}
li ul li .sf-sub-indicator  {right:1em}
a > .sf-sub-indicator       {background-position:0 -100px;top:12px}
a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator      {background-position:-10px -100px}
.sf-menu ul a > .sf-sub-indicator {background-position:0 0}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em;top:0}
li li a .sf-sub-indicator,li li a > .sf-sub-indicator {top:.9em}
.sf-menu ul .sf-sub-indicator,.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position:-10px 0}
                            { display: block; }
.logo                       { position: absolute; margin: 0; top: -92px; left: 426px; display: block; width: 110px; height:110px; border: 0; z-index:99; }
.logo a                     { position: absolute; z-index:99; display:block; width:110px; height:110px; text-indent:-9999px; cursor:pointer; }
.logo a:hover               { position: absolute; z-index:99; display:block; width:110px; height:110px; text-indent:-9999px; cursor:pointer; }

/* ------- 2.3 Headings ------- */

.pageheadgfx                { border-bottom: 1px dotted #ddd; display: block; text-indent: -9000px; margin: 0 0 10px 0; }
.tabnav li                  { display: inline; list-style: none; }
.tabnav li a                { text-decoration: none; text-transform: uppercase; font-weight: bold; outline: none; }
.ui-tabs-hide               { display: none; }

/* ------- 2.4 Contents ------- */

#grey-wrap                  { clear: both; float: left; width: 100%; background: #ECECEC; }
#grey                       { text-align: left; height: 325px; padding: 0; margin: 0 auto; }
#content-border             { clear: both; float: left; width: 100%; height: 20px; }
#content-wrap               { clear: both; float: left; width: 100%; }
#content                    { text-align: left; width: 960px; padding: 15px 20px; margin: 0 auto; }
#body                       { height: 700px; text-align: left; width: 960px; padding: 20px 0 0 0; margin: 0 auto; clear: both; float: left; }
#worksamples                { text-align: center; width: 940px; padding: 20px 0px 0px 20px; margin: 0 auto; clear: both; float: left; }
#pageheading                { width: 960px; margin: 0 auto; }

/* ------- 2.5 Columns ------- */

#homecolumns                { clear: both; width: 960px; text-align: left; margin: 0 auto;  padding: 0; }
#homecolumns a              { text-decoration: none; }
#homecolumns p              { margin: 0; padding: 5px 0 10px 0; }
#homecolumns h4             { font: bold 1.2em 'Nobile', "Helvetica Neue", Helvetica, Arial, Sans-serif; line-height: 1.2em; padding: .3em 0 .5em 0; color: #000; text-transform:  none; letter-spacing: -1px; }
#homecolumns ul             { list-style: none; margin: 10px 0 0 0; padding: 0;	border-top: 1px dotted #ddd; }
#homecolumns li             { border-bottom: 1px dotted #ddd; padding: 3px; }
#homecolumns .col4-0        { float: left; line-height: 18px; width: 440px; clear: none;}
#homecolumns .col4-1, .col4-2, .col4-3, .col4-4
                            { float: left; line-height: 18px; width: 220px; clear: none; padding: 0 20px 20px 0; }
.columns .col3-1,.col3-2    { float: left; line-height: 18px; width: 300px; clear: none; padding: 0 26px 20px 0; }
.columns .col3-3            { float: left; line-height: 18px; width: 300px; clear: none; padding: 0 0 20px 0; }
.columns .col2-1            { float: left; line-height: 18px; width: 440px; clear: none; padding: 0 35px 20px 0; }
.columns .col2-2            { float: left; line-height: 18px; width: 440px; clear: none; padding: 0 0 20px 0; }

#columns .col3-1,.col3-2    { float: left; line-height: 18px; width: 300px; clear: none; padding: 0 26px 20px 0; }
#columns .col3-3            { float: left; line-height: 18px; width: 300px; clear: none; padding: 0 0 20px 0; }
#columns .col2-1            { float: left; line-height: 18px; width: 440px; clear: none; padding: 0 35px 20px 0; }
#columns .col2-2            { float: left; line-height: 18px; width: 440px; clear: none; padding: 0 0 20px 0; }

/* ------- 2.6 Footer ------- */

.footer                     { height: 90px; width: 960px; margin: 0 auto; text-align: left; font-size: 10px; color: #6f6359; }
.footer p                   { font-size: 10px;margin: 0; padding: 0px 0; }
.footer a                   { font-size: 10px;font-weight: bold;color: #6f6359; text-decoration: none; }
.footer a:hover             { font-size: 10px;text-decoration: none; }
.footer a:visited           { font-size: 10px;color: #6f6359; text-decoration: none; }
.footer a:visited:hover     { font-size: 10px;text-decoration: underline; }
.footer .copyright          { font-size: 10px; width: 960px; border-top: 1px dotted #ddd; float: left; margin: 0 auto; padding-top: 5px; }

/*---------------------------------------------------------
	3. Extras
------------------------------------------------------------ */

/* ------- 3.1 Slideshow ------- */
 
div#slideshow-wrap          { height: 500px; width: 960px; margin: 0 0 7px 0; }
div#slidenav                { margin-top: 20px; margin-bottom: 6px; clear: both; text-align: center; padding: 6px 0; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; }
div#slidenav a              { padding: 5px 8px; background: url(../images/minicons/slideshow-gray-btn.gif) no-repeat 50% 50%; }
div#slidenav a:hover        { text-decoration: none; background: url(../images/minicons/slideshow-blue-btn.gif) no-repeat 50% 50%; }
div#slidenav a.activeSlide  { background: url(../images/minicons/slideshow-blue-btn.gif) no-repeat 50% 50%; }
div#slideshow div#output    { position: absolute; width: 960px; margin: 268px 0 0 0; }
div#slideshow div#output p  { margin: 0; color: #fff; padding: 0 0 0 35px; font-size: 108%; }
.hide                       { display: none; }
.description                { font: 12px/1.6em 'Nobile',"Helvetica Neue", Helvetica, arial, sans-serif; }

/* ------- 3.2 Contact ------- */

.container                  { width:960px; margin:0px auto;  position:relative; z-index:201; }
#contactFormContainer       { position:absolute; left:415px;  z-index:599; }
#contactForm                { height:489px; width:315px; background:#FFF; border-left:1px dotted #ddd; border-right:1px dotted #ddd; border-bottom:1px dotted #ddd; display:none; margin-left: 200px; padding: 15px 15px 15px 15px; }   
.bar                        { display:none; background:url(../images/sprites/ajax-loader.gif) no-repeat center; margin-top:100px; height:40px; width:230px; }
#messageSent                { display:none; }
#contactForm span           { display:none; font-size:9px; line-height:10px; padding-left:6px; color:#f5c478; }
#backgroundPopup            { display:none; position:fixed; height:100%; width:100%; top:0; left:0; background:#f3f3f3; z-index:200; }  
#contactForm textarea, #contactForm input 
                            { width:300px; }
#contactForm input          { background-position:0px -20px; }
#contactForm textarea       { height:114px; }
#contactForm label          { padding-left:4px; font-weight:bold; }
#contactForm p              { padding-bottom:8px; }
#contactForm .input_boxes   { float:left; width:204px;}
#dummycontent               { padding-top:100px; height:900px; position:relative; }
.bottomlink                 { position:absolute; bottom:0;}

/* ------- 3.3 Contact Buttons ------- */

.buttons a, .buttons button {
	display:block;
	float:left;
	background-color:#f5f5f5;
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:12px;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#565656;
	cursor:pointer; /* Links */
	-moz-border-radius:6px;
	-webkit-border-radius:5px;
	/*margin-left: 25px;*/
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 7px;
}
.buttons button             { width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ }
.buttons button[type]       { padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ }
*:first-child+html button[type]
                            {  padding:4px 10px 3px 7px; /* IE7 */ }
.buttons button img, .buttons a img
                            { margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; }
button.regular, .buttons a.regular
                            { color:#529214; }
.button a.regular:hover, button.regular:hover
                            { background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; }
.button a.regular:active    {  background-color:#529214; border:1px solid #529214; color:#fff;}
.buttons a.negative, button.negative
                            { color:#d12f19; float:left; }
.buttons a.negative:hover, button.negative:hover
                            { background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }

/* ------- 3.4 Box Styles ------- */

.fancy_box,.check_box,.error_box,.info_box,.warning_box
                            { clear:both;padding:20px;margin: 20px 0px;-moz-border-radius:3px;-webkit-border-radius:3px; }
.check_box,.error_box,.info_box,.warning_box
                            { padding-left:55px;background:#eee;padding-bottom:25px; padding-top:20px; }
.gradient_box_middle        { background:transparent url(images/sprites/gradient_box_middle.gif) repeat-y scroll 0 0;width:625px; }
.gradient_box_bottom        { background:transparent url(images/sprites/gradient_box_bottom.gif) no-repeat scroll 0 bottom; padding:26px;position:relative; }
.gradient_box_top           { background:transparent url(images/sprites/gradient_box_top.gif) no-repeat scroll 0 top; }
.fancy_box                  { background:#F9F9F9 url(../images/sprites/form-gradient.gif) repeat-x scroll 0 -7px; border:1px solid #E0E0E0; }
.info_box                   { background:#bfe4f9 url(../images/minicons/info.png) no-repeat scroll 10px 14px; border:1px solid #68a2cf; color:#2e6093; }
.error_box                  { background:#ffcccc url(../images/minicons/stop.png) no-repeat scroll 10px 15px; border:1px solid #ff9999; color:#c31b00; }
.check_box                  { background:#dee3ab url(../images/minicons/down_alt.png) no-repeat scroll 10px 15px; border:1px solid #a3c159; color:#5e6f33; }
.warning_box                { background:#fdebae url(../images/minicons/notebook.png) no-repeat scroll 10px 15px; border:1px solid #e6c555; color:#9e660d; }

/* ------- 3.5 Dropcaps ------- */

.dropcap1                   { color:#EEEEEE; background: #444; -moz-border-radius:3px;-webkit-border-radius:3px; font-weight: bold; float:left; font-size:30px; height:35px; line-height:30px; margin-bottom:-5px; margin-right:5px; padding-left:1px; padding-top:3px; text-align:center; width:40px;}
.dropcap2                   { color:#333333; display:block; float:left; font-size:40px; line-height:40px; margin:0 8px 0 0;}

/* ------- 3.6 Pullquotes ------- */

.pullquote_right,.pullquote_left
                            { background:transparent url(../images/sprites/stripes.png) repeat-y scroll 0 0; color:#444444; float:right; font-size:14px; letter-spacing:0px; line-height:25px; margin-bottom:20px; margin-left:20px; margin-top:20px; padding:0 0 0 20px; 	width:33%;}
.pullquote_left             { float:left; margin-left:0px; margin-right:20px;}

/* ------- 3.7 Highlight Styles ------- */

.highlight1                 { padding:1px 4px;color:#111;}	
.highlight2                 { padding:1px 4px;background-color:#111;color:#eee;}	

/* ------- 3.8 Unordered Lists ------- */

ul.arrow_list li            { background:transparent url(../images/minicons/arrow-mini.png) no-repeat 5px; padding-left:20px; }
ul.check_list li            { background:transparent url(../images/minicons/check-mini.png) no-repeat 0px left; padding-left:20px;}

/* ------- 3.9 Buttons ------- */
.file_button                { display:block; float:left; margin:0 7px 0 0; background-color:#f5f5f5; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:12px; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ -moz-border-radius:6px;-webkit-border-radius:5px; }
.button                     { display:block; float:left; margin:0 7px 0 0; /*background-color:#f5f5f5;*/ border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:12px; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ -moz-border-radius:6px;-webkit-border-radius:5px; }
.button a                   { width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ }
.button button[type]        { padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ }
*:first-child+html button[type]
                            {  padding:4px 10px 3px 7px; /* IE7 */ }
.button button img, .button a img
                            { margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; }
button.regular, .button a.regular
                            { color:#529214; }
.button:hover               { background-color:#3c2002; border:1px solid #fff; color:#e6e6e6; }
.button:active              { background-color:#3c2002; border:1px solid #000; color:#e6e6e6;}
.button:visited                     { display:block; float:left; margin:0 7px 0 0; /*background-color:#f5f5f5;*/ border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:12px; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ -moz-border-radius:6px;-webkit-border-radius:5px; }

/* ------- 3.10 Pagination ------- */

.pagination                 { clear:both;padding-top:10px;height:40px;text-align:right;background:url(../images/sprites/line.gif) repeat-x scroll center top;}
.pagination a, .pagination a:link,.pagination a:visited,.pagination a:active,.pagination span.pages,.pagination span.current,.pagination span.extend 
                            { border:1px solid transparent; color:#AAAAAA; font-size:10px; margin:1px; padding:4px 5px; text-shadow:1px 1px 0 #FFFFFF;}
.pagination a:hover         { background:#eee; background:#F9F9F9 url(../images/sprites/form-gradient.gif) repeat-x scroll -1px -2px; border-color:#D9D9D9 #EAEAEA #FFFFFF; border-style:solid; border-width:1px;}
.pagination span.current    { background:#111111; border:1px solid #222; border-bottom:0; color:#EEEEEE; font-weight:bold; height:29px; text-shadow:none;}
    
/* ------- 3.11 Images ------- */

.alignright,img.alignright,a img.alignright 
                            {float:right; margin:10px 0px 10px 16px;}
.alignleft,img.alignleft,a img.alignleft 
                            { float:left; margin:10px 16px 10px 0;}
.aligncenter,img.aligncenter,a img.aligncenter 
                            { display: block; margin-left: auto; margin-right: auto}
.frame,.small_frame         { border:1px solid #eaeaea;display:inline-block;}
.frame img                  { background:#F5F5F5 none repeat scroll 0 0;border:1px solid #fff;padding:8px;margin:0;}
.small_frame img            { background:#F5F5F5 none repeat scroll 0 0;border:1px solid #fff;padding:4px;margin:0;}

/* -------- 3.12 Colorchanger ------ */

#colorchanger               { float:right; }
.colorbox                   { width:110px; height:110px; border: none; float:left; margin:5px; cursor:pointer; display:block; }
.colorred                   { background: url(../images/logo-red.png); }
.coloryellow                { background: url(../images/logo-yellow.png); }
.colorgreen                 { background: url(../images/logo-green.png); }
.colorblue                  { background: url(../images/logo-blue.png); }
.coloriceblue               { background: url(../images/logo-iceblue.png); }
.colorpurple                { background: url(../images/logo-purple.png); }
.colorpink                  { background: url(../images/logo-pink.png); }
.colororange                { background: url(../images/logo-orange.png); }

/*---------------------------------------------------------
	4. User CSS
------------------------------------------------------------ */

/* ------- 4.1 Custom User Settings ------- */