/*------------------------------------------------------------------------------------------- It is imparative as a web development company that we use clean CSS and that we use it to our full potential. The idea is to use basic tables for layout, and have CSS control 100% the rest of your content, from content layout, fonts, navigations and everything possible! To get more information on CSS use these links: -- Everything CSS - http://www.w3.org/Style/CSS/ -- Learn CSS - http://www.w3.org/Style/CSS/learning -- CSS Specs - http://www.w3.org/Style/CSS/#specs Take charge and educate yourself on usefull CSS implementation. ---------------------------------------------------------------------------------------------*/ /*------------------------------------ This is the body tags you must use this to set the website parameters, do NOT put info inside of the tag, use css instead. ------------------------------------*/ body { background-color:#404040; background-image:URL(../images/body_bg.jpg); background-repeat: repeat-x; } /*------------------------------------ Set your links here. There are two examples. The main links for the website and a specific link class to use. ------------------------------------ A:link { text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000;} A:visited { text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000;} A:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; color: #000000;}*/ @font-face { font-family: 'TrajanProRegular'; src: url('../fonts/trajanpro-regular-webfont.eot'); src: url('../fonts/trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/trajanpro-regular-webfont.woff') format('woff'), url('../fonts/trajanpro-regular-webfont.ttf') format('truetype'), url('../fonts/trajanpro-regular-webfont.svg#TrajanProRegular') format('svg'); font-weight: normal; font-style: normal; } .lookLikeALink A:link { text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; } .lookLikeALink A:visited { text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; } .lookLikeALink A:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: underline; color: #000000; } .subnav_links { text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #0066D0; } .subnav_links a:link { text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0066D0; } .subnav_links a:visited { text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0066D0; } .subnav_links a:hover { text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #013a75; } .footer_links { text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #0066D0; } .footer_links a:link { text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #0066D0; } .footer_links a:visited { text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #0066D0; } .footer_links a:hover { text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #013a75; } .furniture_links { text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #00000; } .furniture_links a:link { text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #0066D0; } .furniture_links a:visited { text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #0066D0; } .furniture_links a:hover { text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #013a75; } /*------------------------------------ Text formatting. Use this area for all of your text formatting. Use this for coontent tags, footer tags, etc. ------------------------------------*/ .content { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; line-height: 18px; text-decoration:none; } /* .content a:link{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#000000;line-height: 18px;text-decoration:none;} .content a:visited{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#000000;line-height: 18px;text-decoration:none;} .content a:hover{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666666;line-height: 18px;text-decoration:none;} */ .contentjus { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; line-height: 18px; text-align:justify; } /*------------------------------------ Keep your title formatting seperate from your text for organization. Format your titles below. ------------------------------------*/ .pagetitle { font-family: Georgia, "Times New Roman", Times, serif; font-size:10px; color:#013a75; font-style:none; padding-left:0px; text-decoration:none !important; } /*------------------------------------ In many of our websites, we format the submit buttons. Below is example css to format those buttons. ------------------------------------*/ .formbutton { background-color: #6e0202; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color: #ffffff; border: 2px solid #ffffff; padding: 3px; } /*------------------------------------ If you are formatting tables, IE, backgrounds, text, or anything as such, use the code samples listed below. ------------------------------------*/ .main_table { background-color: #FFFFFF; width: 800px; padding: 0px; } .footer_bg { background-color:#dddddd; } /*------------------------------------ If you have additionall css that does not fall in the scope above use that down here. This can include anything, such as css dropdown text, div layers, etc. ------------------------------------*/ .boxes { padding-top:10px; font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:12px; color:#013a75; } .box1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; line-height: normal; padding-left:25px; padding-right:20px; text-align:justify; } .box2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; line-height: normal; padding-left:20px; padding-right:20px; text-align:justify; } .cust { float: left; font-family: TrajanProRegular !important; -webkit-box-shadow: 1px 1px 5px 1px rgba(1, 1, 1, .1); -moz-box-shadow: 1px 1px 5px 1px rgba(1, 1, 1, .1); box-shadow: 1px 1px 5px 1px rgba(1, 1, 1, .1); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 280px; background: #dddddd; background: -moz-linear-gradient(top, #dddddd 0%, #b5b5b5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #b5b5b5)); background: -webkit-linear-gradient(top, #dddddd 0%, #b5b5b5 100%); background: -o-linear-gradient(top, #dddddd 0%, #b5b5b5 100%); background: -ms-linear-gradient(top, #dddddd 0%, #b5b5b5 100%); background: linear-gradient(top, #dddddd 0%, #b5b5b5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#b5b5b5', GradientType=0 ); border: 1px solid #8C8C8C; margin-right: 24px; border-image: initial; } .navbg{ margin-right:11px; margin-left:5px; font-family: TrajanProRegular; height:373px; width:150px; background: #dddddd; /* Old browsers */ background: -moz-linear-gradient(top, #dddddd 0%, #b5b5b5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #b5b5b5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dddddd 0%, #b5b5b5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dddddd 0%, #b5b5b5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dddddd 0%, #b5b5b5 100%); /* IE10+ */ background: linear-gradient(top, #dddddd 0%, #b5b5b5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#b5b5b5', GradientType=0 ); /* IE6-9 */ } .navbg ul { margin: 0; padding: 0; list-style: none; width: 150px; border-bottom: 1px solid #ccc; } .none li { -moz-border-radius-topleft: 0px !important; -moz-border-radius-topright: 10px !important; -moz-border-radius-bottomright: 10px !important; -moz-border-radius-bottomleft: 10px !important; -webkit-border-radius: 0px 10px 10px 10px !important; border-radius: 0px 10px 10px 10px !important; } .navbg ul li { position: relative; } .navbg li ul { position: absolute; left: 149px; top: 0; display: none; } .navbg ul li a { display: block; text-decoration: none; color:#1d4075; font-size:13px; font-weight:bold; padding: 5px; border-bottom: 1px solid #ccc; } .navbg li:hover ul { display: block;-webkit-box-shadow: 1px 1px 5px 1px rgba(1, 1, 1, .1); -moz-box-shadow: 1px 1px 5px 1px rgba(1, 1, 1, .1); box-shadow: 1px 1px 5px 1px rgba(1, 1, 1, .1); background:#dddddd;} .navbg li a:hover{ background:#1d4075 ;color:#ffffff; } .navbg .last:hover{ /*-moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px;*/ } .navbg .top:hover{ /*-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright:0 px; -moz-border-radius-bottomleft:0 px; -webkit-border-radius: 10px 10px 0px0 px; border-radius: 10px 10px 0px 0px;*/ } .starburst { float: right; width: 184px; height: 55px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 12px; color: #ffffff; text-align: center; padding: 35px 0px 10px 0px; line-height: 12px; margin-left: 0px; background-image: url(../images/25off.png); background-repeat: no-repeat; } .head22{ padding-top:8px; font-family: TrajanProRegular !important;border-bottom:1px solid #8C8C8C;-webkit-box-shadow: 1px 1px 5px 1px rgba(1, 1, 1, .1); -moz-box-shadow: 1px 1px 5px 1px rgba(1, 1, 1, .1); box-shadow: 1px 1px 5px 1px rgba(1, 1, 1, .1);-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px;height:27px; width:100%; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */ color:#0e3a5d; font-weight:bold; font-size:14px; } /*------------------------------------ Use the code below if you will be using an additional css file seperate from this file. This can be used for our dropdown menu system or the tab content system. Customize for your own development. ------------------------------------*/ /* @import url('dropdown_menu.css'); /* IE4 can understand, but not NN4 */