@charset "utf-8";
/* CSS Document */
#scrollbox .A_on , #categorylist .A_on{
color:#FF0000;

}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}
body {
	background-color: #dedede;
	background-image: url(../images/background_tile.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
img, div { 
 behavior: url(../images/iepngfix.htc); 
}
#wrapper{
width:903px;
margin-left:auto;
margin-right:auto;}

#page{ /*page container with tiled image*/
float:left;
width:903px;
background-image:url(../images/page_tile.png);
background-repeat: repeat-y;}

* html #page{ /*page container with tiled image*/
float:left;
width:893px;
background:url(../images/page_tile3.gif);
background-repeat: repeat-y;
/*behavior: url(../images/iepngfix.htc);*/
margin-bottom:-15px;
}
#header{
float:left;
height:118px;
width:873px;
padding:0 15px 0 15px;}

#logo{
float:left;
height:118px;
width:111px;}
* html #logo{
float:left;
height:118px;
width:111px;
margin-left:2px;}
#head-buttons{
float:left;
height:54px;
width:145px;
margin-top:39px;
margin-left:323px;
}
* html #head-buttons{
float:left;
height:54px;
width:145px;
margin-top:39px;
margin-left:219px;
}

/*#head-buttons ul{
float:left;
list-style-image: none;
list-style-type: none;
padding:0px;
margin:0px
}
#head-buttons li{
float:left;
display:block;
margin-left:15px;
}
* html #head-buttons li{
float:left;
display:block;
margin-left:13px;
}*/
#head-contact{
float:left;
width:280px;
height:79px;
margin:22px 0 0 14px;
text-align:right;
font-size:11px;
color:#525252}
#head-contact a{
text-decoration:none;
color:#525252;}
#head-contact a:hover{
text-decoration:underline;
color:#ff4e00;}

#head-contact .highlight{
color:#fd3900;
font-size:12px}

.Blue18px {
	font-size: 18px;
	color: #0d6d9f;
}

#nav-wrap{
	float:left;
	width:893px;
	height:74px;
	margin:0 5px 0 5px;}

/*==== NAVIGATION START =======*/
#nav-top {
float:left;
height:31px;
width:891px;
padding-left:2px;
font-size:10px;
background-image:url(../images/top_nav_tile.gif);
background-repeat:repeat-x;
overflow: hidden;
}

#nav-top UL{
padding:0px;
margin:0px;
}
#nav-top LI {
	DISPLAY: block;
	float: left;
	list-style-image: none;
	list-style-type: none;
	height: 11px;
	margin:0 3px 0 3px;
	padding:10px 12px 10px 12px;
}
* html #nav-top LI {
	DISPLAY: block;
	float: left;
	list-style-image: none;
	list-style-type: none;
	height: 11px;
	margin:0 3px 0 3px;
	padding:10px 12px 10px 12px;
}
#nav-top .highlight_on a{
	background-color:#FFFFFF;
	color:#fd3900;
	height: 11px;
	padding:8px 6px 8px 6px;
}
#nav-top a{
color:#646464;
text-decoration:none;}
#nav-top a:hover{
color:#fd3900;
}

#nav-sub {
float:left;
width:882px;
height:27px;
font-size:10px;
padding:15px 0 0 12px;
border-bottom:1px solid #dfdfdf;
}
* html #nav-sub {
float:left;
width:880px;
height:27px;
font-size:10px;
padding:15px 0 0 14px;
border-bottom:1px solid #dfdfdf;
}
#nav-sub a:hover {
	color:#fd3900;
}
#nav-sub UL{
padding:0px;
margin:0px;
}
#nav-sub LI {
float: left;
list-style-image: none;
list-style-type: none;
font-size:10px;
padding:0 9px 0 5px;
}
.nav_bullet {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #ff0000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	margin:-2px -7px 0 0;
}
#nav-sub .highlight{
color:#fd3900;}
#nav-sub a{
color:#3b3b3b;
text-decoration:none;}
#nav-sub a:hover{
color:#fd3900;
}
/*==== NAVIGATION END=======*/

#content-wrap{
float:left;
width:893px;
margin:0 5px 0 5px;
}
* html #content-wrap{
margin:-13px 5px 0 5px;
}
#content-full{
float:left;
width:873px;
margin:10px;
	font-size:14px;
}

#content-full li{
list-style-image: url(../images/bullet_map2.gif);
margin-bottom:3px;
}
#content-full a{
color:#666666;}
#content-full a:hover{
text-decoration:none;
color:#fd3900;}

#content-full h1{
font-size:22px;
color:#ff4e00;
font-weight:200;
padding:0px;
margin:0px;}
#content-leftcol{
	float:left;
	width:635px;
	padding:6px 7px 0px 6px;
	font-size:14px;
	color:#373737;}
#content-leftcol a{
text-decoration:none;
color:#373737;}
#content-leftcol a:hover{
text-decoration:none;
color:#fd3900;}
#content-leftcol h1{
font-size:22px;
color:#ff4e00;
font-weight:200;
padding:0px;
margin:0px;}
#content-leftcol h2{
font-size:20px;
color:#ff4e00;
font-weight:200;
padding:0px;
margin:0px;}
#content-leftcol ul{
margin-top:0px;
margin-bottom:0px;}
#box{
	float:left;
	width:635px;}
#box .leftbox{
float:left;
width:296px;
padding-right:19px;
border-right:1px dotted #CCCCCC;}
#box .rightbox{
float:left;
width:295px;
padding-left:19px;
}
.smallfont{
font-size:10px;}
#content-rightcol{
	float:left;
	width:233px;
	padding:6px 6px 0px 6px;
	font-size:12px;
	color:#373737;
}
#content-rightcol ul{
	margin:0px;
	padding:0px;
	font-size:12px;
	list-style-image: none;
	list-style-type: none;
}
#content-rightcol li{
margin-bottom:5px;}

#socialmedia {
float:left;
width:233px;
clear:both;
margin-bottom:10px;}
#socialmedia .left{
float:left; width:113px; margin-right:7px;}
#socialmedia .right{
float:left; width:113px;}
#footer{
float:left;
width:893px;
height:85px;
margin:0 5px 0 5px;
padding-top:10px;
background-color:#585858;
font-size:11px;
color:#bcbcbc;
text-align:center}

#footer a{
color:#bcbcbc;
text-decoration:none;}
#footer a:hover{
	color:#FFFFFF;
}
* html #footer{
float:left;
width:893px;
height:85px;
padding-top:10px 0 10px 0;
background-color:#585858;
font-size:11px;
color:#bcbcbc;
text-align:center;
}

#rightform{
	float: left;
	width: 233px;
	background-color:#efefef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0d6d9f;
	margin-bottom:8px;
	padding-bottom:10px;
}

#rightformtop{
	float:left;
	background-image:url(../images/Leadform_top.gif);
	width:233px;
	height:83px;
}
.input{
	background-color:#FFFFFF;
	border: 1px solid #89b3c8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#newsletter{
float:left;
width:233px;
background-color:#36a7ae;
margin-bottom:8px;}

#newsletter .txtfield{
background-color:#FFFFFF;
border:0px;
padding:3px;}

#featured-customer{
float:left;
width:223px;
border:1px solid #83d5ec;
background-image:url(../images/feature_customer_top.gif);
background-position:top;
background-repeat: no-repeat;
background-color:#FFFFFF;
padding:38px 5px 10px 5px;
margin-bottom:8px;
}
* html #featured-customer{
float:left;
width:220px;
border:1px solid #83d5ec;
background-image:url(../images/feature_customer_top.gif);
background-position:top;
background-repeat: no-repeat;
background-color:#FFFFFF;
height:190px;
}
#featured-customer a{color:#fd3900; text-decoration:none;}
#featured-customer a:hover{text-decoration:underline}
/*========================= PACKAGES BLOCK ========================*/
#content-pkg{
float:left;
width:881px;
margin:6px;
font-size:12px;
color:#484747;
}

#content-pkg h2{
font-size:16px;
margin:0;
padding:0;}


* html #content-pkg{
float:left;
width:881px;
margin-left:3px;
font-size:12px;
color:#484747;
}
/*#content-pkg .tick {
	background-image:url(../Logo-design-packages/images/icon_tick.gif);
	background-repeat:no-repeat;
	background-position:center;
}
#content-pkg .details{
	background-image:url(../Logo-design-packages/images/btn_bg_view-details.gif);
	background-repeat:no-repeat;
	background-position:center
}
#content-pkg .theniner{
	background-image:url(../Logo-design-packages/images/pkg_box_99er.gif);
	background-repeat:no-repeat;
	background-position:center
}
#content-pkg .basic{
	background-image:url(../Logo-design-packages/images/pkg_box_basic.gif);
	background-repeat:no-repeat;
	background-position:center
}
#content-pkg .executive{
	background-image:url(../Logo-design-packages/images/pkg_box_executive.gif);
	background-repeat:no-repeat;
	background-position:center
}
#content-pkg .elite{
	background-image:url(../Logo-design-packages/images/pkg_box_elite.gif);
	background-repeat:no-repeat;
	background-position:center
}
#content-pkg .guru{
	background-image:url(../Logo-design-packages/images/pkg_box_guru.gif);
	background-repeat:no-repeat;
	background-position:center
}
#content-pkg .superior{
	background-image:url(../Logo-design-packages/images/pkg_box_superior.gif);
	background-repeat:no-repeat;
	background-position:center
}*/

#content-pkg td{
height:23px;}
.portborders{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #e5e5e5;
	border-right-color: #e5e5e5;
	border-bottom-color: #e5e5e5;
	border-left-color: #e5e5e5;
}
.portbordersall {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #e5e5e5;
	border-right-color: #e5e5e5;
	border-bottom-color: #e5e5e5;
	border-left-color: #e5e5e5;
}

#content-pkg a{
color:#484747;
text-decoration:none;}

#content-pkg a:hover{
text-decoration:underline;
color:#ff4e00;}

.price{
font-size:16px;}

.xstooltip 
{
    visibility: hidden; 
    position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 2; 

    font: normal 8pt sans-serif; 
    padding: 3px; 
    border: solid 1px;
}

/*============== PACKAGE DETAILS===================*/

/*#pkg-details-title{
	float:left;
	width:887px;
	height:40px;
	padding-left:6px;
	border-bottom:1px dotted #CCCCCC;
	font-size:26px;
	color:#6f6f6f;
	margin-top:16px;
	margin-bottom:10px;}*/
	
	

#pkg-details-leftcol{
	float:left;
	width:642px;
	margin-left:6px;
	padding:6px 0px 0px 0px;
	font-size:14px;
	color:#373737;}
	
* html #pkg-details-leftcol{
	float:left;
	width:642px;
	margin-left:3px;
	padding:6px 0px 0px 0px;
	font-size:14px;
	color:#373737;}
#pkg-details-leftcol span{
	float:left;
	width:642px;
	font-size:14px;
	color:#373737;
	padding:15px 0 20px 0;}

#pkg-details-boxwrap{
	float:left;
	width:642px;
	font-size:14px;
	color:#373737;
	padding:15px 0 20px 0;
	border-bottom:1px dotted #999999;
	}
	
#pkg-details-boxwrap h1{
font-size:26px;
color:#6f6f6f;
margin:0px;
padding:0px;
font-weight:normal;}

#pkg-box-img{
float:left;
width:90px;}
#pkg-box-detail{
float:left;
width:366px;
padding-top:10px;
padding-left:10px;
color:#474747}
#pkg-box-detail h2{
font-size:20px;
padding:2px;
margin:2px;}

#pkg-box-detail ul{
	list-style-image: url(../Logo-design-packages/images/bullet_dot.gif);
	list-style-type: none;
	margin:0 0 0 20px; /* Effects IE/FireFox/Chrome*/
    padding:5px; /* Effects Firefox Chrome*/
}

* html #pkg-box-detail ul{
	list-style-image: url(../Logo-design-packages/images/bullet_dot.gif);
	list-style-type: none;
	margin:0 0 0 25px; /* Effects IE/FireFox/Chrome*/
    padding:0px; /* Effects Firefox Chrome*/
	font-size:13px;
}

#pkg-box-price{
float:left;
width:70px;
padding-left:10px;
padding-top:64px;
font-size:24px;}

#pkg-box-select{
float:left;
width:96px;
padding-top:62px;}


#pkg-details-rightcol{
	float:left;
	width:227px;
	margin-left:6px;
	padding:55px 3px 0px 6px;
	font-size:12px;
	color:#434343;
}

#pkg-details-rightcol ul{
	list-style-image: url(../Logo-design-packages/images/bullet_dot.gif);
	list-style-type: none;
	margin:0 0 0 10px; /* Effects IE/FireFox/Chrome*/
    padding:3px; /* Effects Firefox Chrome*/
}

* html #pkg-details-rightcol ul{
	list-style-image: url(../Logo-design-packages/images/bullet_dot.gif);
	list-style-type: none;
	margin:0 0 0 20px; /* Effects IE/FireFox/Chrome*/
    padding:0px; /* Effects Firefox Chrome*/
	font-size:12px;}

#pkg-details-rightcol h3{
font-size:16px;
color:#CC0000;
margin:0px;
padding:0px;}
/*========================= PACKAGES BLOCK ENDS========================*/

/*============GALLERY CODE START=============*/
#gallery{
float:left;
width:881px;
margin:6px 0 10px 6px;
height:546px;
background-color:#696969;
background-image:url(../images/port_tile.jpg);
background-repeat:repeat-x;
background-position:bottom;
clear:both;}
* html #gallery {
margin:6px 0 10px 3px;
clear:both;}
 
#gallery-title{
float:left;
width:678px;
height:36px;
padding:8px 0 0 203px;
background-image:url(../images/port_title.gif);
background-repeat:no-repeat;
font-size:28px;
color:#666666;}
 
#gallery-tagline{
float:left;
width:881px;
height:54px;
margin-bottom:13px;
behavior: url(../images/iepngfix2.htc);
background-image:url(../images/port_title-line2.png);
background-repeat:no-repeat;}
#gallery-buttons{
float:left;
width:272px;
height:435px;
padding-left:2px;
margin-left:5px;
font-size:16px;
color:#FFFFFF;}
#gallery-buttons ul{
	margin:0px;
	padding:0px;
	list-style-image: none;
	list-style-type: none;
}
#gallery-buttons li{
	margin:0px;
	padding:0px;}
#gallery-buttons .logo, .brochure, .flash, .stationery, .website, .viewpackage{
float:left;
width:272px;
height:35px;
background-repeat:no-repeat;
behavior: url(../images/iepngfix2.htc);
}
#gallery-buttons .logo{
margin-bottom:3px;
background-image:url(../images/g-bttn_logo_on.png);}
#gallery-buttons .brochure{
margin-bottom:3px;
background-image:url(../images/g-bttn_brochure.png);}
#gallery-buttons .flash{
margin-bottom:3px;
background-image:url(../images/g-bttn_flash.png);}
#gallery-buttons .stationery{
margin-bottom:3px;
background-image:url(../images/g-bttn_stationery.png);}
#gallery-buttons .website{
margin-bottom:3px;
background-image:url(../images/g-bttn_website.png);}
#gallery-buttons .viewpackage{
margin-bottom:3px;
background-image:url(../images/g-bttn_viewpack.png);}
 
 
#scrollbox{
float:left;
width:260px;
height:230px;
overflow:auto;
margin-bottom:9px;
margin-left:6px;
}
* html #scrollbox{
float:left;
width:252px;
height:232px;
overflow:auto;
margin-top:-3px;
margin-bottom:9px;
margin-left:6px;
}
#scrollbox a{
text-decoration:none;
color:#FFFFFF}
#scrollbox a:hover{
text-decoration:none;
color:#fd3900;}
#thumbnails{
float:left;
width:600px;
height:400px;
}
* html #thumbnails{
float:left;
width:590px;
height:400px;
margin-left:-10px;
}
 
#thumbnails ul{
	margin:0px;
	padding:0px;
	list-style-image: none;
	list-style-type: none;
}
#thumbnails li{
float:left;
width:162px;
height:118px;
margin:0px -2px 18px 30px;
padding:0px;}
* html #thumbnails li{
float:left;
width:162px;
height:118px;
margin-top:0px;
margin-right:0px;
margin-bottom:18px;
margin-left:22px;
padding:0px;}

#paging{
float:left;
width:580px;
margin-left:10px;
margin-top:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}
 
* html #paging{
float:left;
width:580px;
margin-left:10px;
margin-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}

#paging a{
height:15px;
padding:0px 3px 2px 3px;
border:1px solid #999999;
}
#paging .black{
color:#000000;}

#paging .current{
font-weight:bold;
color:#FFFFFF}
#paging a{
color:#999999;
text-decoration:none;}
#paging a:hover{
color:#FFFFFF;}
#button-page{
height:17px;
border:none;
background-image:url(../images/paging_tile.gif);}
#button-page a{
color:#000000;}
#passive{
height:17px;}
#passive a{
color:#666666}
 
#pack-odr-bttns{
float:left;
width:881px;
height:64px;
padding:21px 0 0 0;
text-align:center;
border-bottom:1px dotted #999999;
margin-bottom:10px;}
#categorylist{
float:left;
width:881px;
height:180px;
margin-top:0px;
margin-bottom:10px;
}
#cat-title{
font-size:14px;
width:851px;
height:20px;
clear:both;
padding-left:20px;}
* html #cat-title{
font-size:14px;
width:851px;
height:20px;
clear:both;
padding-left:40px;}
#categorylist ul{
	float:left;
	width:140px;
	height:180px;
	margin:0px;
	margin-left:34px;
	padding:0px;
	font-size:11px;
}
* html #categorylist ul{
	float:left;
	width:140px;
	height:180px;
	margin:0px;
	margin-left:30px;
	padding:0px;
	font-size:11px;
}
#categorylist li{
	margin:0px;
	padding:0px;
	list-style-image: url(../images/bullet_map2.gif);
	list-style-type: none;
 
}
#categorylist a{
text-decoration:none;
color:#666666}
#categorylist a:hover{
color:#fd3900;}

#my_div {	BORDER-RIGHT: #000000 1px solid;	BORDER-TOP: #000000 1px solid;	BACKGROUND: #ffffff;	LEFT: 36%;	BORDER-LEFT: #000000 1px solid;	WIDTH: 398px;	BORDER-BOTTOM: #000000 1px solid;	POSITION: absolute;	TOP: 29%;	HEIGHT: 200px}

#crossd {	FONT-WEIGHT: bold;	BACKGROUND: #ffffff;	LEFT: 36%;	WIDTH: 30px;	CURSOR: pointer;	COLOR: #ff0000;	POSITION: absolute;	TOP: 29%;	HEIGHT: 10px}


/*============ GALLERY CODE END ==============*/