/* ========= CSS Reset ========== */



body, h1, h2, h3, h4, h5, h6, a, p, ul, ol, li, em, strong, pre, code, form {
 padding: 0;
 margin: 0;
}



/* ========= GENERAL STYLES ========== */

html
{height: 100%;}

body {

	color: black;

	font: 12px Verdana, Arial, Helvetica, sans-serif;

	line-height: 20px;

	background: white;

	height: 100%;

}	



body.video_background

{overflow: hidden;}



body.video_background #page_wrap

{position: absolute;

top:0;

left:0;

width: 100%;

height: 100%;}



#wrapper{

width: 1100px;

margin: 0 auto;

position: relative;

height: 100%;

z-index: 100;

}







/* ========= GENERAL STYLES END HERE========== */











/* ========= BACKGROUND AND SLIDER STYLES ========== */



#bg img {

        /* Set rules to fill background */

        min-height: 100%;

/*      min-width: 1024px; */
        min-width: 1500px;


        /* Set up proportionate scaling */

        width: 100%;

        height: auto;



        /* Set up positioning */

        position: fixed;

        top: 0;

        left: 0;

}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
        #bg img {
                left: 50%;
                margin-left: -750px;   /* 50% */
        }
}




body span#body_loader

{width: 32px;

height: 32px;

position: absolute;

top: 50%; 

left: 50%;

text-indent: -9999px;

background: url('/images/ajax-loader.gif') no-repeat top left;

display: block;

z-index: 0} 





.hide

{display: none;}



#flashcontent {

height: 100%;

z-index: 1;

}



#flashcontent p

{position: absolute;

top: 50%;

left: 40%;

width: 300px;

}



.grid

{position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

background: url('/images/grid.png');

z-index: 10

}



/* ========= BACKGROUND AND SLIDER STYLES END HERE========== */





/* =========  MENU STYLES ========== */

#menu_wrap

{width: 240px;

display: inline-block;
/*
position: fixed;
*/
position: absolute;

top: 0px;

z-index: 500;}



#menu

{background: url('/images/menu_back.png') repeat-y top left;

width: 220px;

padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:25px}



#logo

{width: 220px;

height: 100px;}



#logo h1 a   

{display: block;

width: 220px;

height: 123px;	

text-align: center;

outline: none}





#navbar 

{list-style: none;

margin: 34px 0 -5px 20px;}



#navbar li

{width: 160px;

height: 29px;

padding: 5px 10px 15px;

border-bottom: 1px solid #343434;

position: relative;

}



#navbar li:first-child

{border-top: 1px solid #343434;}



#navbar li span.hover_arrow

{width: 30px;

height: 30px;

display: none;

background: url('/images/menu_hover_arrow.png') no-repeat top left;

position: absolute;

top: 10px;

left: 150px 

}



#navbar li.top_nav:hover

{background: url('/images/menu_hover_arrow.png') no-repeat center right;

}



/* making links active on pages - 1st level of navigation */

body.body_home a#home, body.body_about a#about, body.body_services a#services, body.body_portfolio a#portfolio,  body.body_blog a#blog, body.body_contact a#contact

{color: black;}



body.body_home a#home span, body.body_about a#about span, body.body_services a#services span, body.body_portfolio a#portfolio span,  body.body_blog a#blog span, body.body_contact a#contact span

{color: #aaaaaa;}



/* making links active on pages - 2nd level of navigation */

body.body_prettyphoto a#prettyphoto, body.body_fancybox a#fancybox, body.body_colorbox a#colorbox, body.body_galleria a#galleria, body.body_slideviewer a#slideviewer

{color: black;}





/* making links active on pages - 3rd level of navigation */

body.body_gallery_2col_pp a#gallery_2col_pp, body.body_gallery_2col_fb a#gallery_2col_fb, body.body_gallery_2col_cb a#gallery_2col_cb, body.body_gallery_3col_pp a#gallery_3col_pp, body.body_gallery_3col_fb a#gallery_3col_fb, body.body_gallery_3col_cb a#gallery_3col_cb, 

body.body_gallery_4col_pp a#gallery_4col_pp, body.body_gallery_4col_fb a#gallery_4col_fb, body.body_gallery_4col_cb a#gallery_4col_cb, 

body.body_gallery_grid_pp a#gallery_grid_pp, body.body_gallery_grid_fb a#gallery_grid_fb, body.body_gallery_grid_cb a#gallery_grid_cb

{color: black;}



#navbar li ul li ul

{left: 150px;

display: none;

}



#navbar li:hover ul

{display: block;}



#navbar li:hover ul li ul

{display: none;

}



#navbar li:hover ul li:hover ul

{display: block;}



#navbar li ul li

{padding: 0 0 10px 0;

margin: 0 20px;

min-height: 30px;

width: 200px;

border-color: #1b1b1b;}



#navbar li ul li a

{padding: 12px 0px 8px 30px;

display: block;

width: 200px;

height: 20px;

margin: 0 0 0 -10px;

}



#navbar li ul li a

{font-size: 12px;}





#navbar li ul li:hover

{background: url('/images/submenu_hover_arrow.png') no-repeat right 4px;

}



#navbar li ul li:first-child

{border-top: none;}



#navbar li ul li:last-child

{border-bottom: none;}



a.not_link

{cursor: default;}



span.not_link

{cursor: default;}



#hide_menu {

background: url('/images/hide_menu_back.png') no-repeat bottom left;

width: 220px;

height: 24px;

margin: 0;

position: relative; padding-left:30px; padding-right:30px; padding-top:0; padding-bottom:0}



.menu_visible

{background: url('/images/menu_hide_arrow_top.png') no-repeat top left;}



.menu_hidden

{background: url('/images/menu_hide_arrow_bottom.png') no-repeat top left;}



#hide_menu a

{

display: none;

width: 48px;

height: 48px;

text-indent: -9999px;

position: absolute;

top: 5px;

left: 98px;

outline: none;}



.menu_tooltip

{width: 200px;

height: 30px;

background: url('/images/tooltip.png') no-repeat top center;

position: absolute;

top: 3px;

left: 130px;

line-height: 18px;

display: none; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:25px; padding-right:15px; padding-top:17px; padding-bottom:0

}



.menu_tooltip p

{text-align: center;}



/* ========= MENU STYLES END HERE ========== */









/* ========= MAIN STYLES ========== */





#main_wrap {min-height: 100%;
background: url(/images/content_back.png) repeat-y top left;
width: 850px;
margin: 0 0 0 240px;
}


#main

{position: relative;

width: 850px;


padding: 0 40px 75px 30px;

font: normal 12px Verdana, Arial, sans-serif;

line-height: 20px;

display: inline-block;

overflow: auto;

}



 

#main h2

{font: bold 30px 'Myriad Pro Cond', 'Myriad Pro', 'Helvetica', 'Verdana', sans-serif;

text-transform: uppercase;

margin: 35px 0 20px 0;

}



#main h2.section_title

{font: bold 30px 'Myriad Pro Cond', 'Myriad Pro', 'Helvetica', 'Verdana', sans-serif;

text-transform: uppercase;

margin: 19px 0 40px 0;

}



#main h3

{font: bold 20px 'Myriad Pro',  'Helvetica', 'Verdana', sans-serif;

padding: 30px 0 15px 0;

clear: left;

}



#main h4

{font: italic 16px 'Myriad Pro',  'Helvetica', 'Verdana', sans-serif;

padding: 20px 0 10px 0;

clear: left;

}



#content

{float: left;

margin: -28px 0 0 0;

}



.content_two_thirds {
/*
width: 460px;
*/
}



.content_full_width

{

width: 850px;

}



.one_third

{width: 220px;

float: left;

margin: 0 20px 0 0;}



.two_thirds 

{width: 440px;

float: left;}



.right

{margin: 0 -20px 0 0;}



#content p

{margin-bottom: 20px;}



#content .img_floated_left

{float: left;

margin: 5px 20px 10px 0;

border: none;}



#content .img_floated_right

{float: right;

margin: 5px 0 10px 20px;

border: none;}



#content img

{margin: 5px 0 20px;}



#content ul,  #content ol

 {margin: -10px 0 20px 60px;}

 

#content ul.no_bullets, #content ol.no_bullets

{list-style: none;}



#content ul.floated_left

{margin: 20px 0;

overflow: hidden;

}



#content ul.floated_left li

{float: left;

margin: 10px;

display: inline;

}



blockquote

{display: block;

width: 440px;

color: #bbbbbb;

font-style: italic;

background: url('/images/blockquote.png') no-repeat top left;; margin-left:15px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:60px; padding-right:30px; padding-top:15px; padding-bottom:30px }





.button {

display: inline-block;

outline: none;

cursor: pointer;

text-align: center;

text-decoration: none;

font: italic bold 14px/100% Verdana, Arial, Helvetica, sans-serif;

padding: .5em 2em .55em;

text-shadow: 0 1px 1px rgba(0,0,0,.3);

-webkit-border-radius: .5em;

-moz-border-radius: .5em;

border-radius: .5em;

-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);

-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);

box-shadow: 0 1px 2px rgba(0,0,0,.2);

}

.button:hover {

text-decoration: none;

}

.button:active {

position: relative;

top: 1px;

}



/* ========= MAIN STYLES END HERE========== */







/* ========= GALLERY STYLES ========= */



/* --- Galleria styles --- */

#gallery_galleria 

{height: 620px;

width: 700px;

margin: -20px 0 15px -10px;

}

/* --- Galleria styles end here --- */





/* --- Slideviewer styles --- */



/*preload classes*/ 

#gallery_slideviewer

{width: 600px;

height: 500px;

overflow: hidden;

}



.svw {width: 50px; height: 20px; background: #fff; }



.svw ul {position: relative; left: -999em; } 



/*core classes*/ 

.stripViewer 

{position: relative; overflow: hidden; border: 5px solid #262626; margin: 0 0 1px 0; } 



.stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none;} 



.stripViewer ul li { float:left; } .stripTransmitter { overflow: auto; width: 1%; } .stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; } 



.stripTransmitter {padding: 0 0 25px 0;}



.stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; } 



.stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #262626; color: #000; text-decoration: none; display: block; } 



.stripTransmitter a:hover, a.current{ background: #fff; color: #262626; } /*tooltips formatting*/ 



.tooltip { padding: 0.5em; background: #fff; color: #000; border: 5px solid #dedede; } 







/* --- prettyphoto / fancybox / colorbox gallery styles --- */



.gallery

{margin: 20px 0 0 0;

}



.gallery ul li a img

{border: none;

}



.gallery ul li

{position: relative;

z-index: 1;

}





.gallery_2columns 

{list-style: none;

margin: 0 0 0 -20px;

width: 700px;}



.gallery_2columns li

{display: inline;

float: left;

width: 330px;

height: 220px;

margin: 0 0 20px 20px;

position: relative;}



.gallery_3columns 

{list-style: none;

margin: 0 0 15px -10px;

width: 690px;

overflow: hidden;}



.gallery_3columns li

{display: inline;

float: left;

width: 220px;

height: 140px;

margin: 0 0 10px 10px;

position: relative;}





.gallery_4columns 

{list-style: none;

margin: 0 0 12px -13px;

width: 700px;

overflow: hidden;} 



.gallery_4columns li

{display: inline;

float: left;

width: 160px;

height: 110px;

margin: 0 0 13px 13px;

position: relative;}





.gallery_grid

{list-style: none;

margin: 0 0 22px -3px;

width: 710px;

overflow: hidden;} 



.gallery_grid li

{display: inline;

float: left;

width: 112px;

height: 112px;

margin: 0 0 2px 2px;

position: relative;}



.gallery a span

{

z-index: 2;

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

display: none;

cursor: pointer;

}



.gallery .gallery_2columns a span.image_hover

{background: black url('/images/gallery_hover/hover_image_big.png') no-repeat center;

}



.gallery .gallery_2columns a span.video_hover

{background: black url('/images/gallery_hover/hover_video_big.png') no-repeat center;

}



.gallery .gallery_3columns a span.image_hover

{background: black url('/images/gallery_hover/hover_image_medium.png') no-repeat center;

}



.gallery .gallery_3columns a span.video_hover

{background: black url('/images/gallery_hover/hover_video_medium.png') no-repeat center;

}



.gallery .gallery_4columns a span.image_hover

{background: black url('/images/gallery_hover/hover_image_small.png') no-repeat center;

}



.gallery .gallery_4columns a span.video_hover

{background: black url('/images/gallery_hover/hover_video_small.png') no-repeat center;

}



.gallery .gallery_grid a span.image_hover

{background: black url('/images/gallery_hover/hover_image_grid.png') no-repeat center;

}



.gallery .gallery_grid a span.video_hover

{background: black url('/images/gallery_hover/hover_video_grid.png') no-repeat center;

}

/*  ========= GALLERY STYLES END HERE  ========= */







/*  ========= BLOG STYLES  ========= */



/* --- Post styles --- */

.post h3 a

{font-size: 20px;

font-weight: bold;

color: black;

text-decoration: none;}



.post .metadata

{border-top: 1px solid #343434;

border-bottom: 1px solid #343434;

height: 16px;

padding: 8px 10px 6px 10px;

font: 11px Verdana, Arial, Helvetica, sans-serif;

color: #9e9e9e;

position: relative;

margin: 10px 0 20px 0;}



.post .metadata a

{position: absolute;

top: 8px;

right: 10px;

text-decoration: none;

color: #9e9e9e;

background: url('/images/comment.png') no-repeat left -1px;

display: block; padding-left:25px; padding-right:0; padding-top:0; padding-bottom:0}



.post .metadata a:hover

{text-decoration: underline;}



.post .metadata p

{background: url('/images/calendar.png') no-repeat left -1px;; padding-left:25px; padding-right:0; padding-top:0; padding-bottom:0}



.post

{position: relative;

padding: 0 0 60px 0;}



#content .post a.blog_thumbnail img

{border: 0;

margin: 5px 0 15px 0;}



.post a.thumbnail

{margin: 0 0 20px 0;}



.post p

{color: #c0c0c0;}



.post a.read_more

{background: url('/images/hover_menu_second_level_arrow.png') no-repeat right -4px; 

font-size: 14px;

color: black;

text-decoration: none;

position: absolute;

right: 0;

bottom: 31px

}



.post a.read_more:hover

{border-bottom: 1px solid white;

padding: 1px 0 0 0;}



/* --- Sidebar styles --- */

#sidebar

{float: left;

margin: -24px 0 0 40px;}



#sidebar div

{margin: 0 0 33px;}



#sidebar h3

{font-size: 18px;

color: #454444;

font-weight: normal;}



#sidebar ul

{list-style: none;

margin: 10px 0 0;}



#sidebar ul.list li:first-child

{border-top: 1px solid #2b2b2b;}



#sidebar ul.list li a

{border-bottom: 1px solid #2b2b2b;

height: 15px;

padding: 4px 10px 10px 10px;

color: #9f9f9f;

text-decoration: none;

display: block;}


#sidebar ul.images li

{margin-bottom: 10px;}



#sidebar ul.images a img

{border: none;}



#pagination

{float: left;

position: relative;

width: 460px;

height: 25px;

padding: 25px 0 15px 0;

}



#pagination a

{color: black;

text-decoration: none;

font-style: italic;

font-size: 14px;

}



#pagination a.older

{position: absolute;

left: 0px;

background: url('/images/older.png') no-repeat center left;; padding-left:25px; padding-right:0; padding-top:1px; padding-bottom:1px

}



#pagination a.newer

{position: absolute;

right: 0px;

background: url('/images/newer.png') no-repeat center right;; padding-left:0; padding-right:22px; padding-top:1px; padding-bottom:1px

}





#pagination ul

{list-style: none;}



#pagination ul li

{float: left;}



/* --- Comments styles --- */

#content #comments_list

{list-style: none;

margin: 0;

padding: 0;

width: 460px;

}



#comments_list div

{background: #0e0e0e;

border: 1px solid #242424;

margin: 0 0 20px 0;

padding: 10px 30px 20px;

position: relative;

z-index: 5;

zoom: 1;

}





.comment img.comment_avatar

{

position: absolute;

top: 15px;

left: 30px;

}





.comment a.comment_author

{color: #8e8e8e;

position: absolute;

top: 19px;

left: 90px;	

}



.comment a.comment_author:hover

{color: #c1c1c1;}



.comment p.comment_metadata

{color: #8e8e8e;

position: absolute;

top: 39px;

left: 90px;	

}





.comment p.comment_number

{

position: absolute;

top: 25px;

right: 30px;	

font-size: 40px;

font-style: italic;

color: #4d4d4d;}







.comment p.comment_text

{border-top: 1px solid #242424;

margin: 70px 0 0 0px;

padding: 10px 0 0 0;

color: #c1c1c1;

}





#comment_form

{margin: 10px 0 -55px 0;}



#comment_form input

{height: 20px;

width: 220px;

}



#comment_form textarea

{width: 447px;

height: 175px;

}



p.comment_info

{font-size: 11px;

margin: 10px 0 20px;

}



h3.comments_head

{font-style: italic;}









/*  ========= BLOG STYLES END HERE  ========= */



 





/*  ========= CONTACT PAGE STYLES  ========= */



#contact_ajax

{display: none;}



#contact_form

{margin: 27px 0 0 0;}



p.contact_info

{font-size: 11px;

margin: 10px 0 20px;

}



 input,  textarea
{background: #ffffff;
border: 1px solid #333333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: black;
padding: 3px 5px;
font: 12px Verdana, Arial, sans-serif;}


#contact_form input

{height: 20px;

width: 200px;

}



#contact_form textarea

{width: 380px;

height: 175px;

}



input:focus,  textarea:focus

{background: #cococo;

border: 1px solid #616161;}



input#form_submit

{height: 30px;
color: white;
padding: 0 0 2px 0;

background: -moz-linear-gradient(top, #864262,#AD5881);

background: -webkit-gradient(linear, left top, left bottom, from(#864262), to(#AD5881));

}



input#form_submit:hover

{background: -moz-linear-gradient(top,#AD5881, #864262);

background: -webkit-gradient(linear, left top, left bottom, from(#AD5881), to(#864262));

cursor: pointer;

}



form p

{position: relative;

margin: 0 0 15px 0;}



form p label

{position: absolute;

top: 3px;

left: 10px;

color: #7b7b7b;

display: none;}



span.error

{position: absolute;

top: 3px;

left: 225px;

font-size: 12px;

color: red;}



span.comment_error

{left: 275px;}  



.error_input

{border: 1px solid red;}



.success

{color: green;

position: absolute;

top: 160px;

left: 40px;

background: url('/images/success.png') no-repeat top left;; padding-left:40px; padding-right:0; padding-top:5px; padding-bottom:7px

}



#content ul.contact_list

{list-style: none;

margin: 0 0 20px 0;

padding: 0;

}



.contact_list li:first-child

{border-top: 1px solid #2b2b2b;



}



.contact_list li

{padding: 4px 10px 7px 10px;

border-bottom: 1px solid #2b2b2b;

}



.contact_list li a

{

color: #9f9f9f;

text-decoration: none;

display: block;}



.contact_list li.contact_phone

{padding-left: 23px;

background: url('/images/phone_android.png') no-repeat left 7px;

}



.contact_list li.contact_fax

{padding-left: 23px;

background: url('/images/fax.png') no-repeat left 7px;

}



.contact_list li.contact_email

{padding-left: 23px;

background: url('/images/email.png') no-repeat left 8px;

}



.contact_list li.contact_address

{padding-left: 23px;

background: url('/images/house.png') no-repeat left 7px;

}



.map

{border: 1px solid white;}



/*  ========= CONTACT PAGE STYLES END HERE  ========= */





/*  ========= FOOTER STYLES =========  */



#footer {

background: url('/images/content_back.png') repeat-y top left; 
width: 850px;
font-size: 11px;
position: relative;

/* first number must be negative value of footer height */
/*height: 50px;*/

clear: both;
margin-left:240px; margin-right:0; margin-top:-50px; margin-bottom:0;

/*
padding-left:40px; 
*/
padding-right:40px;
padding-top:0;
padding-bottom:10px;

}



/*Opera Fix*/

body:before {/* thanks to Maleika (Kohoutec)*/

content:"";

height:100%;

float:left;

width:0;

margin-top:-32767px;/* thank you Erik J - negate effect of float*/

}



#footer_info {


position: relative;

width: 728px;

margin: 0 auto;

border-top: 1px solid #383838;

}



#footer_info p {

margin: 12px 0 0 0;
color: #bebebe;

}



#footer ul.social

{list-style: none;

position: absolute;

top: 15px;

right: 0px;	

}



#footer ul.social li

{float: left;

margin: 0 0 0 10px; 

}



#footer ul.social li a img

{border: none;}



/*  ========= FOOTER STYLES END HERE =========  */









/* Button color styles 

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



/* black */

.black {

	color: #d7d7d7;

	border: solid 1px #333;

	background: #333;

	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));

	background: -moz-linear-gradient(top,  #666,  #000);



}

.black:hover {

	background: #000;

	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));

	background: -moz-linear-gradient(top,  #444,  #000);



}

.black:active {

	color: #666;

	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));

	background: -moz-linear-gradient(top,  #000,  #444);



}



/* gray */

.gray {

	color: #e9e9e9;

	border: solid 1px #555;

	background: #6e6e6e;

	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));

	background: -moz-linear-gradient(top,  #888,  #575757);



}

.gray:hover {

	background: #616161;

	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));

	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);



}

.gray:active {

	color: #afafaf;

	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));

	background: -moz-linear-gradient(top,  #575757,  #888);



}



/* white */

.white {

	color: #606060;

	border: solid 1px #b7b7b7;

	background: #fff;

	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));

	background: -moz-linear-gradient(top,  #fff,  #ededed);



}

.white:hover {

	background: #ededed;

	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));

	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);



}

.white:active {

	color: #999;

	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));

	background: -moz-linear-gradient(top,  #ededed,  #fff);



}



/* orange */

.orange {

	color: #fef4e9;

	border: solid 1px #da7c0c;

	background: #f78d1d;

	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));

	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);



}

.orange:hover {

	background: #f47c20;

	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));

	background: -moz-linear-gradient(top,  #f88e11,  #f06015);



}

.orange:active {

	color: #fcd3a5;

	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));

	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);



}



/* red */

.red {

	color: #faddde;

	border: solid 1px #980c10;

	background: #d81b21;

	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));

	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);



}

.red:hover {

	background: #b61318;

	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));

	background: -moz-linear-gradient(top,  #c9151b,  #a11115);



}

.red:active {

	color: #de898c;

	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));

	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);



}



/* blue */

.blue {

	color: #d9eef7;

	border: solid 1px #0076a3;

	background: #0095cd;

	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));

	background: -moz-linear-gradient(top,  #00adee,  #0078a5);



}

.blue:hover {

	background: #007ead;

	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));

	background: -moz-linear-gradient(top,  #0095cc,  #00678e);



}

.blue:active {

	color: #80bed6;

	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));

	background: -moz-linear-gradient(top,  #0078a5,  #00adee);



}



/* rosy */

.rosy {

	color: #fae7e9;

	border: solid 1px #b73948;

	background: #da5867;

	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));

	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);



}

.rosy:hover {

	background: #ba4b58;

	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));

	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);



}

.rosy:active {

	color: #dca4ab;

	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));

	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);



}



/* green */

.green {

	color: #e8f0de;

	border: solid 1px #538312;

	background: #64991e;

	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));

	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);



}

.green:hover {

	background: #538018;

	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));

	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);



}

.green:active {

	color: #a9c08c;

	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));

	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);



}



/* pink */

.pink {

	color: #feeef5;

	border: solid 1px #d2729e;

	background: #f895c2;

	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));

	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);



}

.pink:hover {

	background: #d57ea5;

	background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));

	background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);



}

.pink:active {

	color: #f3c3d9;

	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));

	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);



}