/*
Theme Name: InstantCard
Theme URI: http://instantcard.com/
Description: This theme is custom made for InstantCard.
Version: 1.5
Author: Treelight Design
*/


/*-------------------------------------------------------------------------------------------
 This section of the stylesheet is for the key rules that will apply to every page, such as font control, color, and headings.

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


body {
margin: 0;
padding: 0;
padding-bottom: 20px;
height: 100%;
color: #4b4747;
font-family: Arial,Verdana,sans-serif;
font-size: 62.5%;
background-color: #253546;
}

#wrapper {
font-size: 1.2em;
width: 960px;
margin: 30px auto 0px auto;
background-color: #fff;
margin-bottom: 15px;
}

.findoutmore {
background: transparent url(images/btn_findoutmore.gif) top left no-repeat;
margin-left: 35px;
padding-left: 16px;
width: 260px;
height: 35px;
}
.findoutmore a:link, 
.findoutmore a:visited, 
.findoutmore a:hover, 
.findoutmore a:active {
padding: 2px 12px 2px 12px;
line-height: 260%;
font-weight: bold;
font-size: 13px;
text-decoration: none;
}


#homeheader {
background: #992a2c url(images/welcomebanner2.jpg) top left no-repeat;
height: 218px;
}
.bannerbutton {
padding: 150px 0px 0px 70px;
}

#homeheadernav {
background: #992a2c url(images/bg_nav2all.gif) top left no-repeat;
height: 75px;
padding-left: 10px;
}
#homeheadernav ul li {
display: inline;
list-style-type: none;
}
#homeheadernav ul li a:link, #homeheadernav ul li a:visited, #homeheadernav ul li a:hover, #homeheadernav ul li a:active {
display: block;
display: inline;
padding: 20px 45px 0px 45px;
}

#homeheadernav ul li a:hover {
}

#homeheadernav li img {
padding-top: 20px;
}


ul {
margin: 0;
padding:0;
list-style-type: none;
}

#innerpageheader {
height: 136px;
background: #7f1618 url(images/bg_innerpageheading.jpg) top left no-repeat;
padding: 2px 10px 2px 20px;
}
.innerpageheader_left {
width: 640px;
float: left;
}

.innerpageheader_right {
width: 250px;
float: right;
background: transparent url(images/bg_contactbox_inner.gif) top left no-repeat;
height: 110px;
}

.homepage_contact {
background: transparent url(images/bg_contactbox.gif) top left no-repeat;
height: 110px;
font-size: 0.8em;
padding-bottom: 10px;
}

.homepage_contact ul {
padding: 42px 2px 2px 16px;
}
.homepage_contact ul li {
padding-top: 8px;
}

.home_sidebar1 {
width: 280px;
float: left;
padding: 10px 10px 20px 15px;
}
.home_sidebar2 {
width: 210px;
float: right;
padding-bottom: 20px;
}

.checklist li {
background: transparent url(images/checkmark.gif) left no-repeat;
padding: 10px 2px 10px 25px;
color: #45494d;
font-weight: bold;
font-size: 1.1em;
font-style: italic;
}
.checklist_sub {
color: #45494d;
font-weight: normal;
font-size: 0.8em;
font-style: none;
}

.sidebar {
width: 250px;
float: right;
padding-bottom: 20px;
}


.sidebarbox {
float: right;
width: 235px;
background: #e9edf0 url(images/sidebarboxtop.gif) top left no-repeat;
}

.sidebarbox h5 {
color: #001624;
font-size: 1.4em;
font-weight: bold;
padding: 2px 12px 5px 12px;
}

.sidebarbox ul {
padding: 0px 12px 15px 30px;
list-style-image: url(images/bullet_sidebararrow.gif);
}
.sidebarbox ul li {
padding: 2px 0px 2px 0px;
}

.sidebarbox ul li a:link, .sidebarbox ul li a:visited, .sidebarbox ul li a:hover, 
.sidebarbox ul li a:active {
color: #083e61;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
}

.sidebarbox ul li a:hover {
border-bottom: 1px solid #9cafbd;
color: #1f5d85;
}

.sidebarbox2 {
float: right;
width: 235px;
}

.sidebarbox2 h6 {
color: #083e61;
font-size: 1em;
font-weight: bold;
padding: 2px 2px 2px 2px;
}

.sidebarbox2 ul {
padding: 0px 2px 2px 15px;
list-style-type: disc;
}
.sidebarbox2 ul li {
padding-top: 1px;
color: #797474;
}

.contentInleft {
width: 650px;
float: left;
padding-bottom: 40px;
padding-right: 15px;
line-height: 160%;
}

.contentInleft img {
margin: 10px 12px 10px 12px;
border: 3px solid #e9edf0;
}

.contentInleft_home {
width: 390px;
float: left;
padding-bottom: 20px;
line-height: 140%;
}

.innerpageheader_right ul {
padding: 42px 2px 2px 16px;
}
.innerpageheader_right ul li {
padding-top: 8px;
}

.post-meta-key {
display: none;
}
.post-meta {
color: #fff;
font-size: 1.8em;
}

.contactbox a:link, .contactbox a:visited, .contactbox a:hover, .contactbox a:active {
color: #012a57;
font-weight: bold;
font-size: 1.3em;
text-decoration: none;
padding-left: 12px;
}

.contactbox a:hover {
text-decoration: underline;
}

#main {
font-size: 0.9em;
background-color: #fff;
clear:both;
}

#footer {
margin-top: 20px;
padding: 15px 20px 5px 20px;
text-align: center;
background: #e9edf0 url(images/footerbottom.gif) bottom left no-repeat;
color: #7a7d80;
clear: both;
}

#footerlinks ul {
margin: 2px 0px 10px 0px
}

#footerlinks ul li {
display: inline;
list-style-type: none;
}
#footerlinks ul li a:link, #footerlinks ul li a:visited, #footerlinks ul li a:hover, #footerlinks ul li a:active {
padding: 2px 2px 6px 2px;
color: #7a7d80;
text-decoration: none;
font-size: 1em;
text-decoration: underline;
}

#footerlinks ul li a:hover {
text-decoration: none;
}

p {
font-family: Arial,Verdana,sans-serif;
}

img {
border: 0;
}


.classiclist {
list-style-type: disc;
margin: 5px 5px 10px 20px;
padding: 5px 5px 10px 20px;
line-height: 200%;
}

.classiclist2 {
list-style-image: url(images/bullet_sidebararrow.gif);
list-style-type: disc;
margin: 5px 5px 10px 20px;
padding: 5px 5px 10px 20px;
line-height: 200%;
}


/* Default styling for headings
-------------------------------*/
h1, h2, h3, h4, h5, h6 {
margin: 20px 0 10px 0;
padding: 0;
}
h1 {
font-size: 1.7em;
font-weight: bold;
color: #001624;
}
h2 {
font-size: 1.5em;
font-weight: bold;
color: #8d2123;
}
h3 {
font-size: 1.4em;
font-weight: bold;
color: #8d2123;
border-bottom: 1px solid #8d2123;
}
h4 {
font-size: 1.4em;
font-weight: bold;
border-bottom: 1px solid #001624;
color: #001624;
}
h5 {
font-size: 1.3em;
font-weight: bold;
color: #012a57;
}
h6 {
font-size: 1.2em;
font-weight: bold;
color: #012a57;
}
.pagetitle {
color: #fff;
font-size: 2.1em;
font-weight: bold;
}
.pagesubtitle {
}

/*-------------------------------------------------------------------------------------------
 This stylesheet is for the layout and positioning of elements of the website.
---------------------------------------------------------------------------------------------*/

/* Elements which are stated "__In" are an extension of it's parent element - it centers the content within it's parent element which would otherwise extend to the end of a browser window of any size */

/* Centering Element */
.contentIn {
width: 920px;
margin: 12px auto 0px auto;
font-size: 1.2em;
}
/*-------------------------------------*/
#header {
background: #fff url(images/headertop.gif) top left no-repeat;
}
#logo {
float: left;
width: 220px;
padding: 30px 10px 10px 10px;
}
/*-------------------------------------*/

/* This element defines the top navigation bar containing the most important product-related links */

#navigation_focus {
float: right;
margin: 60px 60px 10px 10px;
}

#navigation_focus ul li {
display: inline;
list-style-type: none;
}

#navigation_focus ul li a:link, #navigation_focus ul li a:visited, #navigation_focus ul li a:hover, #navigation_focus ul li a:active {
display: inline;
padding: 20px 20px 20px 20px;
color: #083e61;
font-size: 1.8em;
font-weight: bold;
text-decoration: none;
}

#navigation_focus ul li a:hover {
text-decoration: underline;
color: #8d2123;
}

/* This element defines the navigation bar containing the company-related links*/



/* ------ Links ------ */

a, a:link, a:visited, a:hover, a:active {
color: #822111;
}
a:visited {
}
a:hover {
text-decoration: none;
}
/* ----------------------------------- */

/* ------ Primary Navigation Bar ------ */


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

/* ------ Misc. ------ */


.clearboth {
clear: both;
}
.clearleft {
clear: left;
}
.clearright {
clear:right;
}

/* ------  Links List ------ */




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



/* This section of the stylesheet is for the posts
------------------------------------------------------- */

/*
    Document   : fgc_dropdown_menu
    Created on : Nov 10, 2009, 8:58:09 PM
    Author     : Khanh Huy
    Description:
        Purpose of the stylesheet follows.
*/

#searchform {
    padding:0px;
    float:right;
    padding-right:15px;
    font-weight:bold;
    color:#464646;
   
}
#searchform label[for=s] {
    
}
#searchform input#s {
    margin:5px 5px 0;
}
#searchform  input[type=image] {
    
    font-weight:bold;
    border:none;
    background:none;
    outline:none;
    cursor:pointer; 
    display:inline-block;
    vertical-align:middle;

}
#searchform  input[type=image]:hover {

    
}