@import url("reset.css");

/* 
	Date:		06/01/2012
	Designer: 	Stephan J. Peluttiero
	Website:	Lina CRV
*/
		
/* Style Fonts
----------------------------------------------------------- */

html						{ height: 100%; }
body						{ font-family: Georgia, "Times New Roman", Times, serif; color: #37383a; }

h1, h2						{ font-weight: normal; }

a:visited					{ text-decoration: none; }
a:link						{ text-decoration: none; }
a:hover						{ text-decoration: underline; }


/* Website Layout
----------------------------------------------------------- */

#background					{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; background: #fff url('../background/background.jpg') top center repeat-x; }
#hom #background			{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; background: #fff url('../background/hom_background.jpg') top center repeat-x; }
#wrap						{ position: absolute; width: 100%; top: 0; left: 0; z-index: 1; }

.container					{ width: 960px; margin: 0 auto 0 auto; }
#content					{ width: 960px; margin: 0 auto 0 auto; }
#navigation					{ width: 100%; height: 60px; margin: 0 auto 0 auto; /* background-color: #064b68; border-top: 1px solid #adcddc; */ background: url('../graphics/brg_navigation_gradient.png') top repeat-x; /* background: url('../graphics/brg_navigation.png') top repeat-x; */  }
#message					{ width: 960px; height: 90px; margin: 0 auto 40px auto; }

#footer						{ width: 980px; height: 85px; margin: 0 auto 20px auto; clear: both; color: #9b9fa7; }		
#footer .copyright			{ float: left;  width: 44.5%; font-size: 12px; margin: 55px 0 0 20px; }
#footer .logo				{ float: left;  margin: 9px auto 0 auto; }
#footer .phone				{ float: right; font-size: 12px; margin: 55px 20px 0 0; }



/* Content Layout
----------------------------------------------------------- */

.hom-welcome				{ margin-top: 60px; margin-bottom: 30px; background: url('../graphics/hom_welcome.png') top right no-repeat; }
.hom-welcome .col-r			{ margin-top: 75px; color: #fff; font-size: 18px; line-height: 24px; text-align: justify; }

#content .img-hom-01		{ background: url('../graphics/hom_img_01.png') top right no-repeat; }
#content .img-hom-02		{ background: url('../graphics/hom_img_02.png') top right no-repeat; }

.main						{ color: #fff; }
#content .img-hom-01 p		{ padding-right: 180px; text-align: justify; }
#content .img-hom-02 p		{ padding-right: 180px; text-align: justify; }

#message h1					{ font-size: 27px; color: #fff; padding-top: 25px; line-height: 20px; }
#message h1 span			{ font-family: Verdana, Geneva, sans-serif; font-size: 11px; text-transform: lowercase; }
#message a					{ color: #77d6fc; }

#content h1					{ font-size: 27px; line-height: 33px; margin-bottom: 20px; }
#content h2					{ font-size: 24px; line-height: 30px; margin-bottom: 20px; }
#content h3					{ font-size: 18px; line-height: 22px; margin-bottom: 20px; }

#content p					{ font-size: 14px; line-height: 20px; margin-bottom: 20px; color: #37383a; }

.col-l						{ float: left;  width: 440px; }
.col-r						{ float: right; width: 440px; }

.col-1						{ float: left;  width: 450px; }
.col-2						{ float: left;  width: 250px; margin-left: 40px; }
.col-3						{ float: right; width: 180px; }
.col-32						{ float: right; width: 450px; }
.col-w						{ float: left;  width: 100%; }

.mrg-l-40					{ margin-left: 40px; }

#content .col-1 p			{ font-size: 16px; line-height: 22px; text-align: justify; }
#content .col-1 ul			{ font-size: 16px; line-height: 22px; margin-left: 20px; list-style-type: disc; }
#content .col-1 li			{ margin-bottom: 20px; }
#content .col-2 ul			{ font-size: 14px; line-height: 18px; margin-left: 20px; list-style-type: disc; }
#content .col-2 li			{ margin-bottom: 20px; }
#content .col-3 p			{ font-size: 14px; line-height: 22px; text-align: center; font-style: italic; }
#content .col-32 p			{ font-size: 14px; line-height: 22px; text-align: justify; font-style: italic; }

#content .col-w p			{ font-size: 16px; line-height: 22px; text-align: justify; }
#content .col-w ul			{ font-size: 16px; line-height: 22px; margin-left: 20px; list-style-type: disc; }
#content .col-w li			{ margin-bottom: 20px; }

.bottom						{ margin-top: 50px; }
.bottom h3 a				{ color: #37383a; }
.bottom h3 span				{ color: #f47b20; padding-top: 20px; display: block; text-align: center; }

.clear						{ clear: both; }

/* Website Theme
----------------------------------------------------------- */

#footer						{ background: url('../graphics/brg_footer.png') top center no-repeat; }

#header a:visited			{ color: #37383a; line-height: 50px; }
#header a:link				{ color: #37383a; line-height: 50px; }
#header a:hover				{ color: #666; text-decoration: none; }

#logo-name					{ float: left;  top: 15px; left: 0;  width: 30%;  }

.navigation					{ width: 960px; margin: 0 auto 0 auto; line-height: 51px; font-size: 18px; color: #25556a; }
.navigation span			{ padding-right: 15px; }
.navigation a				{ color: #fff; padding-top: 1px; padding-bottom: 1px; }

#footer .logo span			{ display: block; width: 69px; height: 65px; }
#footer a					{ color: #9b9fa7; }

#abo h2						{ margin-top: 120px; }
#abo .bottom				{ margin-top: 0; }
#abo .main h2, #abo .main p	{ color: #37383a; text-align: justify; }

#con h2						{ margin-top: 40px; }
#con .bottom				{ margin-top: 50px; }
#con .main h2, #con .main p	{ color: #37383a; text-align: justify; }

#mis .bottom				{ margin-top: 100px; }
#mis .main h2, #mis .main p	{ color: #37383a; text-align: justify; }

#pri h2						{ margin-top: 120px; }
#pri .bottom				{ margin-top: 0; }
#pri .main h2, #pri .main p	{ color: #37383a; text-align: justify; }

#pro h2						{ margin-top: 120px; }
#pro .bottom				{ margin-top: 60px; }
#pro .main h2, #pro .main p	{ color: #37383a; text-align: justify; }

#ter h2						{ margin-top: 120px; }
#ter .bottom				{ margin-top: 100px; }
#ter .main h2, #ter .main p	{ color: #37383a; text-align: justify; }

/* Buttons
----------------------------------------------------------- */

a.ico-contact:visited		{ background: url('../icons/phone_circle_gray_off.gif')   left no-repeat; }
a.ico-contact:link			{ background: url('../icons/phone_circle_gray_off.gif')   left no-repeat; }
a.ico-contact:hover			{ background: url('../icons/phone_circle_gray_hover.gif') left no-repeat; text-decoration: none; }

a.ico-home:visited			{ background: url('../icons/house_gray_off.gif')   left no-repeat; }
a.ico-home:link				{ background: url('../icons/house_gray_off.gif')   left no-repeat; }
a.ico-home:hover			{ background: url('../icons/house_gray_hover.gif') left no-repeat; text-decoration: none; }

a.ico-login:visited			{ background: url('../icons/lock_gray_off.gif')   left no-repeat; }
a.ico-login:link			{ background: url('../icons/lock_gray_off.gif')   left no-repeat; }
a.ico-login:hover			{ background: url('../icons/lock_gray_hover.gif') left no-repeat; text-decoration: none; }

.btn-blue-medium			{ width: 121px; height: 36px; color: #fff; font-size: 16px; padding-left: 15px; line-height: 33px; display: block; margin-top: 30px; margin-bottom: 20px; }
a.btn-blue-medium:visited	{ background: url('../graphics/btn_md_blue_off.png')   top left no-repeat; }
a.btn-blue-medium:link		{ background: url('../graphics/btn_md_blue_off.png')   top left no-repeat; }
a.btn-blue-medium:hover		{ background: url('../graphics/btn_md_blue_hover.png') top left no-repeat; text-decoration: none; }

.btn-green-large			{ width: 193px; height: 50px; color: #fff; font-size: 22px; padding-left: 15px; line-height: 46px;  display: block; margin-top: 30px; margin-bottom: 20px; }
a.btn-green-large:visited	{ background: url('../graphics/btn_lg_green_off.png')   top left no-repeat; }
a.btn-green-large:link		{ background: url('../graphics/btn_lg_green_off.png')   top left no-repeat; }
a.btn-green-large:hover		{ background: url('../graphics/btn_lg_green_hover.png') top left no-repeat; text-decoration: none; }

/* Contact Form
----------------------------------------------------------- */

.col-a						{ float: left; margin: 0 0 0 20px; color: #37383a; }
.col-b						{ float: left; margin: 0 0 0 20px; color: #37383a; }
.col-c						{ float: left; margin: 0 0 20px 20px; color: #37383a; }

form						{ font-size: 14px; }
.button						{ width: 100px; height: 28px; color: #fff; font-size: 13px; text-transform: capitalize; font-weight: bold; background-color: #CC6600; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #000; border-bottom: 1px solid #000;  }
.form_medium				{ width: 190px; height: 16px; border: #999999 1px solid; background-color: #FFFFFF; font-size: 14px; color: #CC0000; margin-bottom: 10px; }
.form_small					{ width: 100px; height: 16px; border: #999999 1px solid; background-color: #FFFFFF; font-size: 14px; color: #CC0000; margin-bottom: 10px; }
.form_text					{ width: 400px; height: 100px; border: #999999 1px solid; background-color: #FFFFFF; font-size: 14px; color: #CC0000; margin-bottom: 10px; }