@charset "utf-8";
/* CSS Document */
/*this is to keep page from shifting to left on load in safari and firefox*/
html { height: 101%; margin-bottom: 1px; }
body {
	margin-left: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 3px;
	height:101%
}
.quotation {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #666;
	padding: 0px;
	float: right;
	width: 220px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.quotation p {
	font-size: 11px;
	font-style: italic;
	color: #666;
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 8px;
	padding-right: 8px;
	padding-left: 15px;
}
.quotation p strong {
	font-size: 18px;
	color: #9C3;
	font-family: Tahoma, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
}
.left-column {
	float: left;
	width: 220px;
	margin: 0px;
}
.left-column H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-top: 1px;
	padding-left: 15px;
	padding-bottom: 8px;
	padding-top: 18px;
	text-transform: uppercase;
	color: #666;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.left-column H2 {
	font-family: Tahoma;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	padding-left: 10px;
	padding-bottom: 8px;
	font-weight: normal;
	letter-spacing: 1px;
	padding-top: 8px;
	width: 203px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-color: #9C9D97;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #99cc33;
}
.left-column H3 {
	font-family: Tahoma;
	font-size: 11px;
	text-transform: uppercase;
	color: #ff6617;
	margin: 0px;
	padding-left: 15px;
	padding-bottom: 5px;
	font-weight: normal;
	letter-spacing: 1px;
}
.left-column ul {
	font-family: Tahoma;
	font-size: 11px;
	color: #333333;
	list-style-type: none;
	line-height: 20px;
	list-style-position: outside;
	list-style-image: url(../images/bullet_B.png);
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding-bottom: 7px;
	padding-left: 20px;
}
.left-column ul a {
	font-family: Tahoma;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.left-column ul a:hover {
	text-decoration: underline;
}
.global {
	width: 820px;
	margin: 0px auto;
	border: 1px solid #404743;
	background-image: url(../images/backgr-global.jpg);
}
.global-main {
	width: 766px;
	margin-top: 30px;
	margin-right: 27px;
	margin-left: 27px;
	margin-bottom: 10px;
}
#tb-main {
	width: 766px;
}
#tb-main-nav{
	width: 766px;
}
#tb-top-nav {
	width: 108px;
	border: 0px;
	padding-top: 5px;
	float: right;
}
.data {
	font-family: Tahoma;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	text-align: left;
	width: 205px;
	margin: 0px;
	padding-top: 14px;
	padding-bottom: 0px;
	padding-left: 15px;
	height: 16px;
	float: left;
	padding-right: 0px;
	background-color: #86B300;
}
.logo {
	background-image: url(../images/grafix-logo.jpg);
	margin: 0px;
	float: left;
	height: 146px;
	width: 220px;
}
.about us {
	font-family: Tahoma;
	font-size: 11px;
	color: #666666;
}
.banner {
	margin: 0px;
	width: 374px;
	background-image: url(../images/banner-01.jpg);
	background-repeat: no-repeat;
	height: 177px;
}
.rollover {
	width: 18px;
	float: left;
}
.rollover a {
	display: block;
	width: 18px;
	height: 13px;
	text-decoration: none;
	background-position: 0 0;
	float: left;
	background-image: url(../images/icon-home.png);
} 
.rollover a:hover { 
   background-position: -18px 0px; 
}
.rollover2 {
	width: 18px;
	float: left;
}
.rollover2 a {
	display: block;
	width: 18px;
	height: 13px;
	text-decoration: none;
	background: url(../images/icon-about.png);
	background-position: 0 0;
	float: left;
} 
.rollover2 a:hover { 
   background-position: -18px 0px; 
}
.rollover3 {
	width: 18px;
	float: left;
}
.rollover3 a {
	display: block;
	width: 18px;
	height: 13px;
	text-decoration: none;
	background-position: 0 0;
	float: left;
	background-image: url(../images/icon-site-map.png);
} 
.rollover3 a:hover { 
   background-position: -18px 0px; 
}
.navigation {
	background-image: url(../images/backgr_navi.gif);
	background-repeat: no-repeat;
	margin: 0px;
	height: 25px;
	width: 766px;
	font-family: Tahoma;
	font-size: 11px;
	color: #FFF;
	text-align: center;
	padding-top: 14px;
	padding-bottom: 0px;
	word-spacing: 30px;
	padding-left: 0px;
	padding-right: 0px;
}
.navigation a {
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	text-transform: capitalize;
	font-weight: bold;
	word-spacing: normal;
}
.navigation a:hover {
	color: #99CC33;
	text-decoration: none;
}
.banner-nav {
	width: 160px;
	font-family: Tahoma;
	font-size: 11px;
	margin: 0px;
	float: left;
}
.banner-nav ol {
	font-family: Tahoma;
	font-size: 11px;
	text-transform: uppercase;
	color: #333333;
	padding-left: 12px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
.banner-nav li {
	margin: 0px;
	padding-bottom: 5px;
	font-size: 11px;
	padding-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
	list-style-position: inside;
	list-style-image: url(../images/icon-arrow_02.png);
	line-height: 16px;
}
.banner-nav li a {
	color: #333333;
	list-style-position: inside;
	list-style-image: url(../images/icon-arrow_02.png);
	text-decoration: underline;
}
.banner-nav li a:hover {
	color: #333333;
	text-decoration: none;
}
.path {
	font-family: Tahoma;
	font-size: 10px;
	color: #333333;
	padding-left: 20px;
	text-transform: capitalize;
	padding-bottom: 0px;
	width: 506px;
	padding-top: 10px;
	background-color: #DADADA;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFF;
	height: 25px;
	margin: 0px;
}
.path a {
	color: #333;
	text-decoration: none;
}
.path a:hover {
	color: #36689A;
}

.copy-right {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	color: #FFF;
	width: 200px;
	padding-left: 15px;
}
.footer-nav {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	text-transform: capitalize;
	color: #FFF;
	width: 524px;
	margin-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	word-spacing: 10px;
}
.footer-nav a {
	font-family: Tahoma;
	font-size: 11px;
	text-transform: capitalize;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	word-spacing: normal;
}
.footer-nav a:hover {
	font-family: Tahoma;
	font-size: 11px;
	text-transform: capitalize;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
.identity-content {
	font-family: Tahoma;
	margin: 0px;
	float: right;
	width: 526px;
}
.identity-content img {
	float: left;
	margin-right: 5px;
	margin-top: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 20px;
}

.identity-content em {
	font-style: normal;
	color: #36689A;
}
.identity-content strong{
	font-family: Tahoma;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #ff6617;
	margin: 0px;
}
.identity-content a {
	color: #99cc33;
}
.identity-content a:hover {
	color: #7CA010;
}
.identity-content p {
	font-size: 11px;
	line-height: 16px;
	color: #666;
	margin: 0px;
	padding-bottom: 7px;
	padding-right: 15px;
}
.identity-content p a {
	color: #36689A;
	text-decoration: underline;
}
.identity-content a:hover {
	text-decoration: none;
	color: #36689A;
}
.identity-content H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #36689A;
	text-transform: uppercase;
	padding-top: 17px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.identity-content H2 {
	font-family: Tahoma;
	font-size: 11px;
	text-transform: uppercase;
	color: #666;
	padding-bottom: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0px;
}
.identity-content H3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #666666;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.identity-content H4 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #FF6617;
	margin-top: 0px;
	margin-bottom: 5px;
}
.identity-content H5 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #666;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.identity-content H6 {
	font-family: Tahoma;
	font-size: 11px;
	text-transform: uppercase;
	color: #99cc33;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.identity-content ul {
	font-family: Tahoma;
	font-size: 11px;
	color: #666;
	list-style-type: none;
	line-height: 18px;
	list-style-position: outside;
	list-style-image: url(../images/bullet_G.png);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding-bottom: 7px;
	padding-left: 20px;
}
.identity-content li a {
	color: #36689A;
	text-decoration: underline;
}
.identity-content li a:hover {
	color: #666;
	text-decoration: none;
}
.banner-links {
	font-family: Tahoma;
	margin: 0px;
	float: right;
	width: 526px;
}
.banner-links a {
	color: #7CA010;
}
.banner-links a:hover {
	color: #7CA010;
}
.banner-links p {
	font-size: 11px;
	line-height: 16px;
	color: #666;
	margin: 0px;
	padding-bottom: 7px;
	padding-right: 15px;
}
.banner-links H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #36689A;
	text-transform: uppercase;
	padding-top: 17px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.banner-links H2 {
	font-family: Tahoma;
	font-size: 11px;
	text-transform: uppercase;
	color: #666;
	padding-bottom: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0px;
}
.banner-links IMG {
	float: right;
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 15px;
}
.side-div_1 {
	font-size: 1px;
	width: 193px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-left: 15px;
	margin-bottom: 14px;
	margin-top: 12px;
}
.jump {
	margin: 0px;
	float: left;
	width: 190px;
	padding-right: 0px;
	padding-bottom: 0px;
	height: 25px;
	padding-left: 7px;
	padding-top: 3px;
}
.backgr1 {
	background-image: url(../images/backgr-side-1.jpg);
	margin: 0px;
	width: 220px;
}
.side {
	background-image: url(../images/backgr-side-1.jpg);
	width: 220px;
}
.ad-more {
	float: right;
	width: 165px;
	margin-right: 0px;
	margin-left: 15px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #99cc33;
	padding-left: 10px;
}
.ad-more H1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #666666;
	padding-top: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 2px;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.ad-more ul {
	font-family: Tahoma;
	font-size: 11px;
	color: #36689A;
	list-style-type: none;
	line-height: 18px;
	margin: 0px;
	padding-left: 3px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
}
.ad-more ul a {
	font-family: Tahoma;
	font-size: 11px;
	color: #36689A;
	text-decoration: underline;
}
.ad-more ul a:hover {
	text-decoration: none;
	color: #36689A;
}
#table-form{
	width: 511px;
	background-color: #CCCCCC;
	margin-bottom: 8px;
}
#table-packages {
	width: 511px;
	background-color: #CCCCCC;
	margin-bottom: 8px;
}
#table-packages caption {
	font-family: Tahoma;
	font-size: 11px;
	text-transform: uppercase;
	color: #99cc33;
	margin-bottom: 0px;
	font-weight: bold;
	margin-left: 0px;
	padding-bottom: 8px;
	text-align: left;
	padding-top: 12px;
}
#table-packages td {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	margin: 0px;
	line-height: 13px;
	padding-left: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-top: 7px;
	text-align: center;
	background-color: #FFFFFF;
}
#table-packages .packages {
	font-weight: bold;
	color: #666;
	background-color: #E6E6E6;
	padding-top: 7px;
	text-align: left;
}
#table-packages strong {
	font-weight: bold;
	color: #36689A;
}
#table-packages a{
	color: #666;
	text-decoration: none;
	font-size: 10px;
}
#table-packages a:hover{
	color: #666;
	text-decoration: underline;
	font-size: 10px;
}
#table-packages tr .standard {
	color: #ffcc33;
	font-weight: bold;
	width: 80px;
	padding-top: 10px;
}
#table-packages tr .standard a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #999;
	margin: 0px;
	text-align: center;
	text-decoration: underline;
	font-weight: normal;
}
#table-packages tr .standard a:hover {
	text-decoration: none;
}
#table-packages tr .deluxe {
	color: #669900;
	font-weight: bold;
	width: 80px;
	padding-top: 10px;
}
#table-packages tr .deluxe a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #999;
	margin: 0px;
	text-align: center;
	text-decoration: underline;
	font-weight: normal;
}
#table-packages tr .deluxe a:hover {
	text-decoration: none;
}
#table-packages tr .premium {
	color: #0063be;
	font-weight: bold;
	width: 80px;
	padding-top: 10px;
}
#table-packages tr .premium a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #999;
	margin: 0px;
	text-align: center;
	text-decoration: underline;
	font-weight: normal;
}
#table-packages tr .premium a:hover {
	text-decoration: none;
}
#table-packages tr .exclusive {
	font-weight: bold;
	color: #575850;
	width: 80px;
	padding-top: 10px;
}
#table-packages tr .exclusive a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #999;
	margin: 0px;
	text-align: center;
	text-decoration: underline;
	font-weight: normal;
}
#table-packages tr .exclusive a:hover {
	text-decoration: none;
}
#table-packages tr .buy {
	color: #FF6617;
	text-transform: uppercase;
	font-weight: bold;
}
#table-packages tr .buy a {
	text-decoration: underline;
	color: #FF6617;
	font-size: 9px;
}
#table-packages tr .buy a:hover {
	color: #FF6617;
	text-decoration: none;
}
.order {
	font-family: Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	color: #FF6617;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 22px;
	margin-left: 0px;
	width: 140px;
	background-image: url(../images/backgr_packs.gif);
	border: 1px solid #CCC;
	font-size: 10px;
}
.order a {
	color: #666;
	text-decoration: underline;
	font-size: 9px;
}
.order a:hover {
	color: #36689A;
}
.pack_01 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	background-repeat: no-repeat;
	padding-left: 26px;
	height: 24px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-position: 0px 2px;
	padding-top: 1px;
	padding-bottom: 0px;
	background-image: url(../images/_01.gif);
}
.pack_02 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	background-image: url(../images/_02.gif);
	background-repeat: no-repeat;
	padding-left: 26px;
	height: 24px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-position: 0px 2px;
	padding-top: 1px;
}
.pack_03 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	background-image: url(../images/_03.gif);
	background-repeat: no-repeat;
	padding-left: 26px;
	height: 24px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-position: 0px 2px;
	padding-top: 1px;
}
.pack_04 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	background-image: url(../images/_04.gif);
	background-repeat: no-repeat;
	padding-left: 26px;
	height: 24px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-position: 0px 2px;
	padding-top: 1px;
}
.portfolio {
	float: right;
	width: 526px;
}