body{

	/*font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #404040;
	margin: 0px;
	padding: 0px;
	background-color: white;
	background-image: url(../images/background.gif);
	background-position: top center;
	background-repeat: no-repeat;
}

.hidden {
	
	display: none;
}

h1, h2, h3, h4, h5, h6, li, p {
	margin: 0px;
	padding: 0px;
}



p {
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-align: left;
}

div {

	padding: 0px;
	margin: 0px;
	border: 0px;

}

span {

	padding: 0px;
	margin: 0px;
	border: 0px;

}

strong {
	font-weight: bold;
}

img {
	padding: 0px;
	margin: 0px;
	border: 0px;
	vertical-align: top;
}

form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}


.invis{
	display: none;
}


/*--------------GOOOOO !------------------*/


#base{
	width: 766px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#header{
	position: relative;
	width: 766px;
	height: 202px;
	float: left;
}



#header h1{
	position: absolute;	
	top: 10px;
	left: -50px;
	width: 300px;
	height: 140px;
	background-image: url(../images/header/logo_background.gif);
	
}

#header h1 a{
	display: block;
	width: 240px;
	height: 140px;
	float: left;
}

#header h1 span{
	display: none;
}


#menu{
		position: absolute;	
	top: 165px;
	left: 210px;
	width: 560px;
	height: 32px;
	/*background-color: Gray;*/
	
		
}


#menu a{
	display: block;
	width: 88px;
	height: 28px;
	border-top: solid 1px white;
	border-left: solid 1px white;
	border-bottom: solid 1px #BBCFDA;
	border-right: solid 1px #BBCFDA;
	float: left;
	text-decoration: none;
	font-size: 12px;
	background-color: #DBF0FC;
	color: #7D7D7D;	
	line-height: 220%;
}

#menu a:hover{
	background-color: White;
	color: Black;
}



#submenu{
	width: 210px;
	height: auto;
	/*background-color: Lime;*/
	float: left;
}

#submenu .cihla{
	float: left;
	width: 210px;
	height: 40px;
	background-color: white;
	border-bottom: solid #F6F6F6 7px;
	margin-bottom: 10px;
}


#submenu .cihla2{
	float: left;
	width: 210px;
	height: 10px;
	background-color: white;
	/*border-bottom: solid #F6F6F6 7px;*/
	/*margin-bottom: 10px;*/
}



#submenu h3{
	border-bottom: solid #F6F6F6 7px;
	font-weight: normal;
	font-size: 20px;
	font-family: Trebuchet MS;
	width: 162px;
	height: 40px;
	float: left;
	line-height: 200%;
	color: #C8C8C8;
	text-align: left;
	padding-left: 3px; /*background-color: Fuchsia;*/
}


#submenu a{
	display: block;
	float: left;
	width: 165px;
	height: 30px;
	background-color: White;
	color: #8B8B8B;
	text-decoration: none;
	line-height: 260%;
	background-image: url(../images/submenu_background.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-align: left;
	font-size: 12px; /*font-weight: bold;*/
}


#submenu a:hover{
	color: #F37D20;
}


#screen{
	width: 556px;
	height: auto;
	float: left;
	text-align: left;
}



#screen .cihla{
	float: left;
	width: 556px;
	height: 40px;
	background-color: white;
	border-bottom: solid #F6F6F6 7px;
	color: #9A9A9A;
	margin-bottom: 15px;
}


#screen h2{
font-weight:normal;
	width:556px;
	border-bottom:3px solid #F0F0F0;
	font-size: 17px;
	font-family: Trebuchet MS;
	color:#4FB2F1;
}




#screen h4{
	font-size: 14px;
	font-weight: bold;
	font-family: Trebuchet MS;
	color: #B2B2B2;	
}


#screen ol{
	line-height: 160%;
	/*padding-: 10px;*/
	padding: 0px;
	margin: 0px;
}

h6{ /**text for catalogue live page etc**/
	font-size: 14px;
	font-weight: bold;
	font-family: Trebuchet MS;
	color:#929292;
}

#screen .ul02{
	line-height: 160%;
	/*padding-: 10px;*/
	padding: 10px 0px 10px 5px;
	margin: 0px;	
}

#screen .ul03{
	line-height: 160%;
	/*padding-: 10px;*/
	padding: 5px 0px 0px 15px;
	margin: 0px;	
	font-size: 11px;
	list-style-image: url(../images/li01.gif);
}


#screen .ul04{
	line-height: 170%;
	/*padding-: 10px;*/
	padding: 5px 0px 0px 30px;
	margin: 0px;	
	font-size: 12px;
	list-style-image: url(../images/li01.gif);
}

#screen .ul05{
	line-height: 170%;
	/*padding-: 10px;*/
	padding: 5px 0px 0px 30px;
	margin: 0px;	
	font-size: 12px;
	list-style-image: url(../images/arrow.gif);
}

#screen .ul01{	
	list-style-image: url(../images/li01.gif);
	margin-left: 20px;
}


#screen .ul01 a{

line-height: 200%;
text-decoration: none;	
}

#screen .ul01 a:hover{

line-height: 200%;
text-decoration: underline;	
}



.cihla h3{
	float: left;
	height: 40px;
	line-height: 200%;
	color: #4FB2F1;
	font-weight: normal;
	font-size: 20px;
	font-family: Trebuchet MS;
}



#screen p{
	padding: 5px 0px 5px 0px; 
	line-height: 160%;}



.floatright{
	float: right;
	margin: 0px 0px 0px 10px;
}

.floatleft{
	float: left;
	margin: 0px 10px 0px 0px;
}



.normal{
	display: block;
	float: left;
	height: 40px;
	line-height: 350%;
}





.normal a{
	color: #9A9A9A;
	font-weight: bold;
	text-decoration: underline;	
}



.normal a:hover{
	color: #008990;
	text-decoration: none;
}

	



.active{
	display: block;
	float: left;
	height: 40px;
	line-height: 200%;
		color: #4FB2F1;
	font-weight: normal;
	font-size: 20px;
	font-family: Trebuchet MS;
}


#quote {
font-style:italic;
color:#999999;
font-size:12px;
border:outset 2px #b0c9da;
padding:10px 10px 10px 10px;
}






#footer{
	width: 766px;
	height: auto;
	background-color: Lime;
	float: left;
	text-align: left;
	margin-top: 25px;
}



#footer .cihla{
	float: left;
	width: 766px;
	height: 40px;
	background-color: white;
	border-top: solid #F6F6F6 7px;
	color: #9A9A9A;
}



#footer p{
	padding: 10px 0px 0px 0px; 

}


.mt20{
	margin-top: 20px;
}

.mt30{
	margin-top: 30px;
}

.mt40{
	margin-top: 40px;
	
	float: left;	
}


.ml30{
	margin-left: 30px;
}

.ml30{
	margin-left: 30px;
}

.ml40{
	margin-left: 40px;
}


.ml20{
	margin-left: 20px;
	_margin-left: 10px;
	
}

.mt10{
	margin-top: 10px;
}
.mb10{
	margin-bottom: 10px;
}


.mr150{
	margin-right: 100px;

}



.fleft{
	float: left;
	margin: 0px 10px 0px 0px;
	border-right: solid 5px #E5E5E5;
	border-top: solid 5px #E5E5E5;
	border-bottom: solid 5px #E5E5E5;
}

.fright{
	float: right;
	margin: 0px 0px 0px 10px;
	border-left: solid 5px #E5E5E5;
	border-top: solid 5px #E5E5E5;
	border-bottom: solid 5px #E5E5E5;
}

.fleft2{
	float: left;
}


.justify{
		text-align: justify;
}


.imgbox{
	padding: 15px;
	margin-top: 25px;
	}

.imgbox img{
	/*border-top: solid 2px white;
	border-left: solid 2px white;
	border-bottom: solid 2px #E5E5E5;
	border-right: solid 2px #E5E5E5;*/
	}


.imgbox h5{
	font-size: 12px;
	padding: 5px 0px 5px 0px;	
}

.imgbox span{
	font-size: 11px;
	font-style: italic;	
}

.imgbox a{
	font-size: 10px;
	/*font-style: italic;	*/
}


.homepage{
	float: left;
	padding: 20px;
	margin-top: 25px;
	margin-right: 10px;
	background-color: #F6F6F6 ;
	border-bottom: solid 2px #E5E5E5;
	border-right: solid 2px #E5E5E5;
	width: 225px;
	height: 240px;
	line-height: 160%;
	}

.homepage img{

	/*border-top: solid 2px white;
	border-left: solid 2px white;
	border-bottom: solid 2px #E5E5E5;
	border-right: solid 2px #E5E5E5;*/
	}


.homepage h5{
	font-size: 18px;
	padding: 5px 0px 5px 0px;	
	text-decoration: none;
	color: #4FB2F1;
}

.homepage span{
	font-size: 11px;
	font-style: italic;	
	text-decoration: none;
}

.homepage a{
	font-size: 11px;
	font-style: italic;
	font-decoration: none;
}


/*CONTACT*/


.col01{
	float: left;
	width: 230px;
	height: auto;
	padding: 15px;
	text-align: left;
}

.col02{
	float: left;
	width: 230px;
	height: auto;
	padding: 15px;
	margin-left: 20px;
	text-align: left;
}

/*CONTACT END*/


/* PLANS */

.planholder{
	float: left;
	width: 556px;
	height: auto;
	margin-top: 30px;
	margin-bottom: 15px;
	/*background-color: Gray;	*/
}


.planholder .planpic{
	float: left;
	width: 230px;
	height: 162px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	/*background-color: White;*/
}

.planholder .content{
	float: left;
	width: 320px;
	height: auto;
	/*background-color: Yellow;*/
}

.planholder h3{
	font-size: 17px;
	font-weight: normal;
	font-family: Trebuchet MS;
	color: #B2B2B2;
	/*margin-top: 20px;*/
}

.planholder .p01{
	font-size: 11px;
}

.planholder .pricebox{
	float: right;
	padding-left: 15px;
	font-size: 35px;
	font-weight: normal;
	font-family: Trebuchet MS;
	color: #16A7FA;
}

.planholder .pricebox2{
	float: left;
	padding-left: 15px;
	font-size: 35px;
	font-weight: normal;
	font-family: Trebuchet MS;
	color: #16A7FA;
}

.planholder .sup01{	
	font-size: 20px;
	_font-size: 25px;
	font-weight: normal;
	font-family: Trebuchet MS;
	color: #16A7FA;		
}

.planholder .sup02{
	font-size: 10px;	
	_font-size: 11px;	
	color: #6F6F6F;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*Plan holder 2 - for product pages such as Catalog Live**/

table.catalog_live {
padding:0;
margin:0;
}

.planholder2{
	float:left;
	width: 556px;
	height: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	/*background-color: Gray;	*/
}


.planholder2 .planpic{
	padding:10px 0 20px 10px;
	margin: 0px;
}

.planholder2 .content{
	float: left;
	width: 556px;
	height: auto;
	/*background-color: Yellow;*/
}

.planholder2 .p01{
	font-size: 11px;
}

#pricing_container .pricebox{
	font-size: 35px;
	font-weight: normal;
	font-family: Trebuchet MS;
	color: #16A7FA;
}

#pricing_container .setupbox{

	float:left;
	padding-left: 30px;
	padding-right:20px;
	font-size: 35px;
	font-weight: normal;
	font-family: Trebuchet MS;
	color:#009933;
}
#info {

}

.planholder2 .sup01{	
	font-size: 20px;
	font-weight: normal;
	font-family: Trebuchet MS;
	color: #16A7FA;		
}

.planholder2 .sup02{
	font-size: 10px;		
	color: #6F6F6F;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.planholder2 .sup03{
padding:10px;

	font-size: 14px;	
	color:#666666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}

.mini2 {
padding-left:30px;
	font-size: 10px;
	color: #6F6F6F;
}
}

/* PLANS END*/




/* PORTFOLIO */

.referholder{
	float: left;
	width: 556px;
	height: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	/*background-color: Gray;	*/
}



.referholder .box{
	float: left;
	width: 170px;
	height: 180px;
	padding-right: 15px;
	/*background-color: Gray;*/
}

.referholder .box3_left{

	float: left;
	width: 250px;
	height: 135px;
	padding-right: 15px;
	/*background-color: Gray;*/
}

.refholder .box3_right{
	float: left;
	width: 300px;
	height: auto;
	padding-right: 15px;
	/*background-color: Gray;*/
}



.referholder h3{
	font-size: 15px;
	font-weight: bold;
	font-family: Trebuchet MS;
	color: #B2B2B2;
}


a:link {
	color: #4FB2F1;
}

a:visited {
	color: #4FB2F1;
}

a:hover {
	color: #4FB2F1;
	text-decoration: none;
}

.h3 a{
	font-size: 17px;
	font-weight: normal;
	font-family: Trebuchet MS;
	color: #898989;
	margin-top: 20px;
}



.mini{

	font-size: 10px;
	color: #6F6F6F;
}

.tab01{
	width: 100%;
	margin: 10px 0px 10px 0px;
	border-bottom: solid 3px #cccccc;
	border-top: solid 3px #cccccc; 
}

.tab01 th{
	font-size: 12px;
	font-weight: bold;
	color: #4FB2F1;
	padding: 10px 5px 10px 5px;
	
}

.tab01 td{
	border-top: dotted 1px #cccccc;
	padding: 10px 5px 10px 5px;	
	vertical-align: top;
	text-align: center;
	font-size: 10px;
	
}

#shopping_live_graphics a{
margin-top:20px;
margin-left:40px;
border:none;
}



table tr td.text{
text-align:left;
vertical-align:top;
padding:10px;
width:125px;
height:125px;
}

table tr td.icon{
display:block;
width:125px;
height:125px;
padding:10px;
top:1px;
}