* {
padding : 0;
margin : 0;
}
body {
background : #e2e2e2;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 12px;
line-height : 18px;
color : #333333;
}
img {
border : 0;
}
hr {
margin-top : 10px;
margin-bottom : 10px;
}
a {
color : #052878;
text-decoration : none;
}
h2 {
margin-top : 5px;
}
h2 a {
margin-top : 5px;
color : #eee;
}
a:hover {
color : #255ea8;
text-decoration : underline;
}
#wrap {
width : 800px;
margin : 20px auto;
}
#logo {
margin-left : -10px;
margin-top : -22px;
height : 84px;
background : #000 url(/images/cf_header720p.jpg) no-repeat;
position : relative;
z-index : 100;
}
#header {
height : 20px;
background : #e2e2e2 url(../images/header.gif) no-repeat;
}
#topheader h1 {
padding : 25px 0 0 20px;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 27px;
letter-spacing : -1px;
font-weight : 300;
color : #052878;
}
#topheader h1 a {
color : #052878;
text-decoration : none;
}
#topheader h1 a:hover {
text-decoration : none;
color : #fff;
}
#topheader h2 {
padding-left : 22px;
padding-top : 15px;
font-size : 14px;
color : #eee;
font-weight : 100;
letter-spacing : 3px;
}
#nav {
margin-left : -10px;
height : 22px;
width : 764px;
background : transparent;
overflow : hidden;
position : relative;
z-index : 1000;
}
#nav ul {
height : 22px;
list-style-type : none;
}
#nav li {
height : 22px;
display : block;
float : left;
}
#nav a, #nav a:visited {
display : block;
color : #eee;
text-decoration : none;
font : normal 11px arial;
padding : 0;
margin : 0 10px 0 10px;
}
#nav a:hover {
color : #fff;
text-decoration : none;
border-bottom : 2px solid #eee;
}
#nav li.current a, #nav li.current a:visited {
color : #fff;
text-decoration : underline;
}
#content {
background : #e2e2e2 url(/images/contentbg.gif) repeat-y;
padding : 0 20px 0 30px;
min-height : 400px;
}
#showcase {
width : 90%;
margin : 0 auto;
padding : 20px;
}
#showcase a {
border : 0;
text-decoration : none;
padding : 15px;
}
#boxes {
clear : both;
margin : 0;
padding : 0;
font-weight : 500;
}
#boxes a {
color : #101010;
text-decoration : none;
font-weight : bold;
}
#boxes a:hover {
text-decoration : underline;
}
.leftbox, .centerbox, .rightbox {
overflow : hidden;
}
.leftbox p, .centerbox p, .rightbox p {
margin : 0;
padding : 2px 0 2px 0;
color : #101010;
}
.leftbox h2, .centerbox h2, .rightbox h2 {
margin : 0;
padding : 0 0 2px 0;
font-size : 14px;
font-weight : 300;
color : #101010;
border-bottom : 1px solid #6b6b6b;
}
.leftbox {
float : left;
width : 200px;
margin : 0;
padding : 20px 10px 20px 20px;
}
.centerbox {
float : left;
width : 200px;
margin : 0;
padding : 20px 20px 20px 28px;
}
.rightbox {
float : left;
width : 200px;
margin : 0;
padding : 20px 0 0 18px;
}
#boxes4 {
clear : both;
margin : 0;
padding : 0;
font-weight : 500;
}
#boxes4 a {
color : #101010;
text-decoration : none;
font-weight : bold;
}
#boxes4 a:hover {
text-decoration : underline;
}
.box1, .box2, .box3, .box4 {
overflow : hidden;
}
.box1 p, .box2 p, .box3, .box4 p {
margin : 0;
padding : 2px 0 2px 0;
color : #101010;
}
.box1 h2, .box2 h2, .box3 h2, .box4 h2 {
margin : 0;
padding : 0 0 2px 0;
font-size : 14px;
font-weight : 300;
color : #101010;
border-bottom : 1px solid #6b6b6b;
}
.box1 {
float : left;
width : 155px;
margin : 0;
padding : 20px 10px 20px 28px;
}
.box2 {
float : left;
width : 155px;
margin : 0;
padding : 20px 10px 20px 18px;
}
.box3 {
float : left;
width : 155px;
margin : 0;
padding : 20px 10px 20px 18px;
}
.box4 {
float : left;
width : 155px;
margin : 0;
padding : 20px 0 20px 8px;
}
.box1i {
float : left;
width : 155px;
margin : 0;
padding : 5px 10px 5px 20px;
}
.box2i {
float : left;
width : 155px;
margin : 0;
padding : 20px 20px 5px 18px;
}
.box3i {
float : left;
width : 155px;
margin : 0;
padding : 20px 10px 5px 18px;
}
.box4i {
float : left;
width : 155px;
margin : 0;
padding : 5px 0 5px 8px;
}
.wide {
margin : 0 auto;
padding : 0;
}
.wide h2 {
font-weight : 100;
padding : 0 0 10px 0;
}
.wide h3 {
font-weight : 100;
padding : 10px 0 10px 0;
color : #101010;
}
.right {
float : right;
width : 540px;
padding : 0 10px;
}
.right h2 {
font-weight : 100;
padding : 10px 0 10px 0;
}
.right2 {
float : right;
width : 340px;
padding : 0 10px;
}
.left {
float : left;
width : 160px;
padding : 10px;
border : 1px solid #aaa;
background : #ddd;
}
.left h2 {
color : #666;
font-weight : 100;
}
.left ul {
padding : 5px 0 15px 15px;
font-size : 11px;
color : #255ea8;
list-style-type : square;
}
.footnote {
font-size : 0.9em;
width : 80%;
margin : 0 auto;
padding-top : 40px;
}
.footnote a {
color : #262626;
text-decoration : none;
}
.footnote a:hover {
color : #262626;
text-decoration : underline;
}
#bottom {
background : #e2e2e2 url(/images/bottom.gif) no-repeat;
padding : 10px 0;
}
#footer {
padding : 0;
text-align : center;
font-size : 11px;
color : #303030;
background-image : none;
}
#footer a {
color : #666;
text-decoration : none;
}
#footer a:hover {
text-decoration : underline;
}
#contact {
font-family : "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#contact div label {
display : block;
font-size : 0.9em;
}
#contact div {
margin-bottom : 0.5em;
}
form {
width : 440px;
margin-top : -40px;
}
input {
border : 1px solid #bfbfbf;
color : #505967;
background : #fff;
padding : 2px 5px 1px 5px;
}
input:hover {
background : #fff;
border : 1px solid #505967;
color : #505967;
}
input:focus {
color : #000;
border : 1px solid #505967;
background : #eee;
}
textarea {
font-family : Arial, Verdana, Helvetica;
font-size : 1.1em;
border : 1px solid #bfbfbf;
color : #505967;
padding : 2px 5px 1px 5px;
}
textarea:hover {
background : #fff;
border : 1px solid #505967;
}
textarea:focus {
color : #000;
border : 1px solid #505967;
background : #eee;
}
form#contactform span {
color : #fff;
padding-left : 5px;
}
form#contactform span.warn {
background : #fff6bf url(/images/alert.png) center 0%;
background-position : 15px 50%;
text-align : left;
padding : 5px 20px 5px 45px;
margin : 20px 0 2px 0;
border-top : 2px solid #ffd324;
border-bottom : 2px solid #ffd324;
color : #333333;
display : block;
list-style : none;
}
input.invalid {
background : #fff6bf;
border : 2px solid #ffd324;
}
strong.error {
color : #cc0000;
}
form#contactform span.error {
background : #fff6bf url(/images/alert.png) center 0%;
background-position : 75px 50%;
text-align : left;
padding : 5px 20px 5px 45px;
margin : 2px 0 2px 0;
border-top : 2px solid #ffd324;
border-bottom : 2px solid #ffd324;
color : #333333;
display : block;
list-style : none;
}
.errormessage {
background : #fff6bf url(/images/alert.png) center 0%;
background-position : 15px 50%;
text-align : left;
padding : 5px 20px 5px 45px;
margin : 10px 0 2px 0;
border-top : 2px solid #ffd324;
border-bottom : 2px solid #ffd324;
color : #333333;
display : block;
list-style : none;
}
.errorlist {
margin : 0;
padding : 0;
}
h3 {
color : #fff;
margin : 10px;
font-family : "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#lightview {
position : absolute;
top : 50%;
left : 50%;
height : 150px;
width : 150px;
margin : -75px 0 0 -75px;
padding : 0;
}
.lv_Container {
position : relative;
width : 100%;
height : 100%;
background : none;
padding : 0;
margin : 0;
}
.lv_Button {
cursor : pointer;
text-decoration : none;
border : none;
background : none;
margin : 0;
padding : 0;
}
.lv_Sides {
position : absolute;
top : 50%;
left : 0;
clear : both;
width : 100%;
padding : 0;
margin : 0;
}
.lv_Sides * {
padding : 0;
margin : 0;
}
.lv_Sides li {
list-style-type : none;
position : relative;
overflow : hidden;
}
.lv_PrevSide {
float : left;
}
.lv_NextSide {
float : right;
}
.lv_Sides .lv_Wrapper {
width : 100%;
height : 100%;
cursor : pointer;
}
.lv_Sides .lv_Button {
float : left;
background : none;
}
.lv_Frames {
width : 100%;
height : 100%;
position : relative;
padding : 0;
margin : 0;
}
.lv_Frames li {
list-style-type : none;
}
.lv_Frame {
width : 100%;
display : block;
}
.lv_Frame * {
padding : 0;
margin : 0;
}
.lv_FrameTop {
position : absolute;
left : 0;
width : 100%;
display : block;
}
.lv_FrameBottom {
position : relative;
float : left;
clear : both;
}
.lv_Liquid {
position : relative;
float : left;
width : 100%;
overflow : hidden;
clear : both;
}
.lv_Liquid .lv_Filler {
position : absolute;
height : 100%;
width : 2px;
top : 0;
left : 50%;
}
.lv_Half {
display : block;
height : 100%;
clear : both;
line-height : 0;
}
.lv_Half li {
list-style-type : none;
}
.lv_Corner {
float : left;
position : relative;
}
.lv_CornerTr, .lv_CornerBr {
float : right;
}
.lv_Fill {
position : absolute;
top : 0;
width : 100%;
height : 100%;
}
.lv_Half .lv_CornerWrapper {
float : left;
position : relative;
width : 50%;
height : 100%;
overflow : hidden;
}
.lv_HalfRight .lv_CornerWrapper {
float : right;
}
.lv_Corner {
position : relative;
}
.lv_Corner canvas {
position : relative;
}
.lv_HalfLeft .lv_Corner {
float : left;
}
.lv_HalfRight .lv_Corner {
position : relative;
float : right;
}
.lv_Center {
position : relative;
clear : both;
height : 100%;
overflow : hidden;
background : none;
padding : 0;
margin : 0;
}
.lv_WrapUp {
position : absolute;
left : 0;
height : 100%;
width : 100%;
overflow : hidden;
padding : 0;
margin : 0;
}
.lv_WrapDown {
position : relative;
height : 100%;
width : 100%;
overflow : hidden;
padding : 0;
margin : 0;
}
.lv_WrapCenter {
position : relative;
padding : 0;
margin : 0;
}
.lv_Loading {
position : absolute;
top : 50%;
left : 50%;
}
.lv_Loading .lv_Button {
float : left;
height : 100%;
width : 100%;
}
.lv_MediaWrapper {
position : relative;
width : 100%;
display : block;
overflow : hidden;
clear : both;
padding : 0;
margin : 0;
}
.lv_MediaWrapper img {
position : relative;
float : left;
padding : 0;
margin : 0;
}
.lv_PrevNext {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
padding : 0;
margin : 0;
}
.lv_PrevNext * {
padding : 0;
margin : 0;
}
.lv_PrevNext .lv_Button {
position : relative;
height : 100%;
}
.lv_PrevButton {
float : left;
}
.lv_NextButton {
float : right;
}
.lv_MenuBar {
clear : both;
position : relative;
width : 100%;
float : left;
font : 11px Arial, Helvetica, sans-serif;
color : #808080;
padding : 0;
margin : 0;
}
.lv_MenuTop .lv_DataText div, .lv_MenuTop .lv_ImgNumber div {
margin : 0;
padding : 0;
}
.lv_MenuBar * {
padding : 0;
margin : 0;
}
#lightview .lv_MenuTop .lv_Close, #lightview .lv_MenuTop .lv_Data {
margin : 0 0 6px 0;
}
.lv_Close, .lv_Data {
margin : 6px 0 0 0;
}
.lv_Close {
float : right;
overflow : hidden;
}
.lv_Close .lv_Button {
float : right;
width : 100%;
height : 100%;
}
.lv_Data {
position : relative;
float : left;
padding-bottom : 3px;
line-height : 13px;
}
.lv_Data li {
list-style-type : none;
}
.lv_DataText div, .lv_ImgNumber div {
margin-left : 3px;
}
.lv_Data li {
list-style-type : none;
float : left;
margin-top : 3px;
}
.lv_DataText {
width : 100%;
}
.lv_Title {
font-weight : bold;
margin-bottom : 2px;
color : #101010;
}
.lv_Caption {
clear : both;
color : #101010;
}
.lv_ImgNumber {
color : #b8b8b8;
margin-right : 5px;
margin-top : 5px;
}
.lv_Slideshow {
border-left : 1px solid #efefef;
padding-left : 5px;
margin-top : 5px;
vertical-align : middle;
}
.lv_Slideshow .lv_Button {
float : left;
background-position : center left;
background-repeat : no-repeat;
}
.lv_Media, .lv_External {
position : relative;
float : left;
margin : 0;
padding : 0;
}
#lightview iframe {
border : 0;
clear : both;
padding : 0;
margin : 0;
background : none;
}
.lv_topButtons {
position : absolute;
left : 0;
width : 100%;
overflow : hidden;
margin : 0;
padding : 0;
}
.lv_topcloseButtonImage {
cursor : pointer;
}
#lightviewError p {
padding : 0 0 10px 0;
}
#lightviewError div {
padding : 6px;
font : 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
background : #fcb5b5;
color : #dd1f1f;
margin-bottom : 3px;
}
#lightviewError .type {
font-weight : bold;
}
#lightviewError .pluginspage {
background : #b5fcbd;
color : #21be30;
}
#lightviewError a, #lightviewError a:hover, #lightviewError a:visited {
color : #21be30;
text-decoration : none;
background : none;
font-weight : bold;
border-bottom : 1px solid #7de689;
}
#lightviewError p {
margin-left : 0;
padding : 0;
}
#overlay {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
}