/* Layout ******************/
body {
  padding:0; margin:0 auto; width:946px;
}
#mast {
	background-color:#FFFFFF;
	border: 1px solid #cccccc;
}
#main {
	float:left;
	width:388px;
	margin-left:0px;
	padding: 0 5px 0 6px;
}
#main_pf_r{
	float:left;
	width:305px;
	margin-left:0px;
	padding: 0 4px;
}
#main_pf_l{
	float:left;
	width:305px;
	margin-left:0px;
	padding: 0 4px;
}
#main2 {
	float:left;
	width:660px;
	margin-left:0px;
	padding: 0 5px;
	background-color: #FFFFFF;
  }
#main_shop {
	float:left;
	width:660px;
	margin-left:0px;
	padding: 0 5px;
	background-color: #FFFFFF;
  }
#templates {float:right; width:667px; padding: 0 0 0 7px;}
#categories {float:left; width:272px;}
.trow1 {float:left; width:318px; padding: 0 5px 5px 0}
.trow2 {float:right; width:330px; padding: 0 0 7px 0}
.title{height: 61px; width:667px; padding-bottom: 3px}

* html #main {
	margin-left:0px;
	float: left;
	background-color: #F7F7F7;
	border: 1px solid #666666;
}

#about {
	float:left;
	width:265px;
	margin-left: 5px;

}

#news {
	float:left;
	width:266px;
	background-color: #F7F7F7;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

#content {
	overflow:hidden;
	width:100%;
	padding: 0 0 0 0;
}

#head1 {
	height: 250px;
}
#contact {
	margin: 0px;
	line-height: 13px;
}
#head2 {
	height: 140px;
	padding: 10px 0 1px 0;
	margin: 0px;
	background-image: url(images/phone2.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	
}
#head3 {
	height: 26px; padding: 12px 0 0 63px;
}

#section {
	height: 168px;
	padding-left: 7px;
	padding-bottom: 15px;
}
#sectionlinks {
	height: 63px;
	text-align: center;
	background-color: #CCCCCC;
	margin: 0 5px;
	background-image: url(images/links_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	clear: both;
}
#prt {overflow:hidden; width:100%; margin: 0 0 10px 0;}
#prttop {width: 886px; padding: 20px 30px 0 30px}
#prtleft {width: 428px; float: left; padding: 5px 15px 5px 30px}
#prtright {width: 428px; float: right; padding: 5px 30px 5px 15px}
#prtbot {width: 886px; padding: 5px 30px 20px 30px; text-align: center}
#ifr{padding: 10px 0; margin: 0; width:946px; text-align: center}

/*.preview { overflow:hidden; width:388px; padding: 3px 0}*/

.prpadding {
	padding: 8px 0 0 0;
}
.primage {
	float:left;
	width: 165px;
	padding: 2px;
	margin: auto 0;
	background-color: #FFFFFF;
	border: 1px solid #CFCFCF;
}
.primage_pf {
	float:left;
	width: 150px;
	padding: 10px 15px 0 0;
	margin: auto 0;
	/*height: inherit;*/
}
.primageweb {
	float:left;
	width: 150px;
	height: auto;
	clear: none;
	margin-top: auto;
	margin-right: 0;
	margin-bottom: auto;
	margin-left: 0;
	padding-top: 25px;
	padding-right: 80px;
	padding-bottom: 0;
	padding-left: 0;
}
.prinfo {
	width: 378px;
	text-align: left;
	border-top: 1px solid #6E7F7F;
	margin: 0 0 0 5px;
	padding: 10px 0 0 0;
}
.prinfo_pf {
	width: 295px;
	text-align: left;
	border-top: 1px solid #6E7F7F;
	margin: 0 0 0 5px;
	padding: 0 0 10px 0;
	/*height: inherit;*/
}
.prinfoweb {
	width: 650px;
	text-align: left;
	border-top: 1px solid #6E7F7F;
	margin: 0 0 0 5px;
	padding: 15px 0 10px 0;
}
.prname {height: 30px}

/*.prid {
	padding-bottom: 6px;
}*/
.prtype {padding-top: 2px}
.prunicprice {padding-top: 2px}
.prprice {border-bottom: 1px solid #6E7F7F; padding: 3px 0}

.prbuttons {padding: 9px 0 4px 0}


.preview2 { overflow:hidden; width:325px; padding: 3px 0}

.pr2image {float:left; width: 151px; min-height: 145px; padding: 0 7px}
* html .pr2image {float:left; width: 151px; height: 145px; padding: 0 7px}

.pr2info {float:right; width: 150px; padding: 0 5px 0 0px}
.pr2name {padding: 3px 6px; width:310px;}
.pr2buttons {padding: 9px 0 4px 0}

.pr2id {border-top: 1px solid #6E7F7F; padding-top: 3px;}
.pr2type {padding: 2px 0 10px 0}
.pr2unicprice {padding-top: 2px}
.pr2price {border-bottom: 1px solid #6E7F7F; padding: 3px 0}

#footer {
	padding: 0 0 0 0;
	margin: 0 5px;
}
#footer2 {
	padding: 8px 0 0 0;
	overflow:hidden;
	width:100%;
	margin: 3px 0;
}

#head2but {float:right;}
#searchinput {float:right; padding: 6px 5px 0 0;}
#searchbut {float:right; padding: 5px 10px 0 0;}
#searchlink {float:right; padding: 7px 35px 0 0;}

.fcolumn{float:left; padding: 10px 26px 10px 26px; width: 220px}
.fcolumn2{float:left; padding: 5px 26px 5px 26px; width: 910px}
.fcolumnwide{padding: 10px 26px 10px 26px; width: 894px}

.more {padding: 3px 12px 3px 12px}
.more2 {padding: 3px 12px 3px 12px}
#metaleft{float:left; padding: 15px 30px;}
#metaright{float:right; padding: 15px 30px;}

.formit{
	padding: 3px 40px 3px 30px;
	font-size: 10px;
	line-height: 11px;
}
.formbut{padding: 3px 12px 15px 182px}

/* Fonts *******************/
body {
	color:  #999999;
	line-height: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
}
a {text-decoration: none}
a:hover {text-decoration: underline}
#about p{ 
 padding: 10px 25px; margin: 0px;
}
#categories p{ 
 padding: 10px 25px; margin: 0px;
}

#news p{
	padding: 0 5px 5px 5px;
	margin: 0px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.newsdate {
	padding: 20px 10px 5px 70px;
	margin: 0 auto;
	color: #666666;
	font-weight: bold;
	background-color: #F7F7F7;
	width: 160px;
	background-image: url(images/warning.jpg);
	background-repeat: no-repeat;
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 60px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: groove;
	border-bottom-style: ridge;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-position: left center;
	line-height: 18px;
}
.title h3{font: 15pt Verdana, Arial, Helvetica, sans-serif; color: #222D2D; padding: 16px 0 0 86px; margin: 0px}

#searchlink a{color: #2F3E3E;}
#footer2 h3{font: 10pt Verdana, Arial, Helvetica, sans-serif; color: #0033CC; margin: 0px; padding: 0 0 5px 0;}
#footer2 a{font: 9pt Verdana, Arial, Helvetica, sans-serif; color: #a3a3a3; text-decoration: none;}
#footer2 a:hover{text-decoration: underline;}
#footer2 {
	color: #a3a3a3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}


#meta{font: 9pt Verdana, Arial, Helvetica, sans-serif; color: #6D7575;}
#meta a{font: 9pt Verdana, Arial, Helvetica, sans-serif; color: #6D7575; text-decoration: none;}
#meta a:hover{font: 9pt Verdana, Arial, Helvetica, sans-serif; color: #6D7575; text-decoration: underline;}
#metaright {text-align: right}

.more a {font: 10pt Verdana, Arial, Helvetica, sans-serif; color: #FFEFCC; margin: 0px; padding: 5px;}
.more2 a {font: 10pt Verdana, Arial, Helvetica, sans-serif; color: #FFEFCC; margin: 0px; padding: 5px; font-weight: 600}

.prname {
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: normal;
	line-height: 16px;
	text-align: left;
	padding: 0 5px 0 0;
	width: 195px;
	float: right;
	height: 160px;
	vertical-align: middle;
}
.prname_pf {
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-weight: normal;
	line-height: 18px;
	text-align: left;
	padding: 0 0;
	height: 120px;
}
.prnameweb {
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-weight: normal;
	line-height: 18px;
	text-align: left;
	/*height: inherit;*/
	clear: none;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 260px;
}
.prprice {font: 9pt Verdana, Arial, Helvetica, sans-serif; color: #FFEFCC; line-height: 11pt}
.prunicprice {
	color: #999999;
	line-height: 11pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.prid {
	color: #666666;
	line-height: 14pt;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.prid_pf {
	color: #666666;
	line-height: 14pt;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.prtype {
	color: #999999;
	line-height: 11pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.pr2name {font: 10pt Verdana, Arial, Helvetica, sans-serif; color: #0033CC; font-weight: 600; line-height: 14px}
.pr2price {font: 9pt Verdana, Arial, Helvetica, sans-serif; color: #FFEFCC; line-height: 12pt}
.pr2id {font: 9pt Verdana, Arial, Helvetica, sans-serif; color: #999999; line-height: 12pt}
.pr2type {font: 9pt Verdana, Arial, Helvetica, sans-serif; color: #999999; line-height: 12pt}
.pr2unicprice {font: 9pt Verdana, Arial, Helvetica, sans-serif; color: #999999; line-height: 12pt}

.column a { color: #0033CC; font-weight: 600}

.ttext {padding: 0 25px}
.ttext h3 {font: 11pt Verdana, Arial, Helvetica, sans-serif; color:  #ffffff; line-height: 21px; margin: 10px 0 0 0; padding: 0px; font-weight: 600}
.ttext p {font: 10pt Verdana, Arial, Helvetica, sans-serif; color:  #D1D1D1; line-height: 21px;}
.ttext b {font: 10pt Verdana, Arial, Helvetica, sans-serif; color:  #FFFFFF; line-height: 21px; font-weight: 600}
.ttext a {font: 10pt Verdana, Arial, Helvetica, sans-serif; color:  #0033CC; line-height: 21px; text-decoration: none; font-weight: 600}
.ttext a:hover {font: 10pt Verdana, Arial, Helvetica, sans-serif; color:  #0033CC; line-height: 21px; text-decoration: underline;  font-weight: 600}



#prt h2{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; color: #0033CC; font-weight: 600; margin: 0px; padding: 0 0 5px 0}
#prt p{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; margin: 0px; padding: 0px}
#prt strong{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #FFEFCC; margin: 0px; padding: 0px}
/* Colors ******************/
html {
	background-color: #333333;
}

#head1 {
	background: #fff;
	height: 220px;
}
#head2 {
}
#head3 {
	background: #fff;
	background-color: #000099;
}
#section {
	background: #fff;
}
#footer2 {
	background-color: #666666;
}


.column{
	background-color: #F7F7F7;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
.preview {
	background-color: #E9E9E9;
	height: 205px;
	background-image: url(images/bg_desc.jpg);
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
}
.preview_pf {
	background-color: #F7F7F7;
	/*9height: inherit;*/
	background-image: url(images/bg_desc.jpg);
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
}
.previewweb {
	background-color: #F7F7F7;
	/*height: inherit;*/
	background-image: url(images/bg_desc.jpg);
	background-repeat: repeat-x;
	clear: both;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
.preview2 { background: #435858;}
.pr2name { background: #435858;}
.more { background: #384A4A;}
.more2 { background: #384A4A;}
.primage img{}
.pr2image img{border: 2px solid #5F7676}
.blue { color: #0033CC}
.white { color: #666666}



#prt {background-color: #2F3E3E}
#ifr {background-color: #1A2323}
/* Misc ********************/
form{
	margin: 0px;
	padding: 0 0 10px 0
}
#searchinput input{width: 140px}
.title{ background: url('../images/titlebg.gif') no-repeat top; }
.searchform{ width: 200px; border: 1px solid #222D2D; font: 10pt Verdana, Arial, Helvetica, sans-serif; color: #222D2D; padding: 1px}
.searchform2{ width: 204px; border: 1px solid #222D2D; font: 10pt Verdana, Arial, Helvetica, sans-serif; color: #222D2D; padding: 1px}
img{

}

/* Loader ****************/

#interface1 {
	z-index:1;
}
#loader_container {text-align:center; position:absolute; top:40%; width: 450px; padding: 10px 0}


.title_h2 {
 width:300px;
 padding:12px 0 0 18px;
}
.border_preview{
	z-index:100;
	position:absolute;
	border: 1px solid #222D2D;
	width: 450px;
	background-color: #f7f7f7;
}
* html .border_preview {
	z-index:100;
	position:absolute; 
	background: #435858;
	border: 2px solid #222D2D;
	width: 450px;
	height: 300px;
}
.border_preview h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #666666; font-weight: 600; margin: 0px; padding: 10px 10px 0 10px}

/*contact form error message ***************************/
	#errormsg
		{
			border:2px solid #c00;
			padding:5px;
			width:210px;
			background:#fcc;
		}    
		.error
		{
			background:#fcc;
		}
.web_header {
	background-color: #f7f7f7;
	padding: 10px;
	background-image: url(images/bg_fade.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.web_text {
	background-color: #F5F5F5;
	text-align: center;
}
.top_bar {
	background-image:url(images/top_bar.gif);
	background-repeat:no-repeat;
	height: 5px;
	}
.top_barsml {
	background-image:url(images/top_bar_sml.gif);
	background-repeat:no-repeat;
	height: 3px;
	}
.top_bar_pf {
	background-image:url(images/top_bar_pf.gif);
	background-repeat:no-repeat;
	height: 3px;

	}	
.bottom_bar {
	background-image:url(images/bottom_bar.gif);
	background-repeat:no-repeat;
	height: 5px;
	}
.bottom_barsml {
	background-image:url(images/bottom_bar_sml.gif);
	background-repeat:no-repeat;
	height: 3px;
	}
.bottom_bar_pf {
	background-image:url(images/bottom_bar_pf.gif);
	background-repeat:no-repeat;
	height: 3px;
	width: 305px;
	}
.why_top {
	background-image:url(images/why-choose-us.gif);
	background-repeat:no-repeat;
	height: 70px;
	}
.recent_top {
	background-image:url(images/portfolio.gif);
	background-repeat:no-repeat;
	height: 70px;
	}
.contact_top {
	background-image:url(images/contact-us.gif);
	background-repeat:no-repeat;
	height: 70px;
	float: left;
	width: 268px;
	clear: right;
	}	
#design {
	background-image:url(images/website_design.gif);
	background-repeat:no-repeat;
	width:300px;
	height:170px;
	}
#design_copy {
	background-image:url(images/website_design-copy.gif);
	background-repeat:no-repeat;
	width:268px;
	height:170px;
	float:right;
	}
#design a, #design_copy a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #f1d8bf;
	line-height:14px;
	font-weight: bold;
	float: left;
}
#design a:hover, #design_copy a:hover{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	line-height:14px;
	font-weight: bold;
	float: left;
	}
#heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	line-height:16px;
	font-weight: bold;
	padding: 10px 0 10px 0;
	text-decoration: underline;
	}	
#hosting {
	background-image:url(images/web_hosting.gif);
	background-repeat:no-repeat;
	width:300px;
	height:170px;
	font-weight: bold;
	}
#hosting_copy {
	background-image:url(images/web_hosting-copy.gif);
	background-repeat:no-repeat;
	width:268px;
	height:170px;
	font-weight: bold;
	float: right;
	}
#hosting a, #hosting_copy a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #bff1cc;
	line-height:14px;
	font-weight: bold;
	float: left;
	
}
#hosting a:hover, #hosting_copy a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	line-height:14px;
	font-weight: bold;
	float: left;
	
}
#found{
	background-image:url(images/getting_found.gif);
	background-repeat:no-repeat;
	width:300px;
	height:170px;
	}
#found_copy{
	background-image:url(images/getting_found-copy.gif);
	background-repeat:no-repeat;
	width:268px;
	height:170px;
	float: right;
	}
#found a, #found_copy a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #bfc8f1;
	line-height:14px;
	font-weight: bold;
	float: left;

}
#found a:hover, #found_copy a:hover{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	line-height:14px;
	font-weight: bold;
	float: left;

		}
.design_txt {
	padding-left: 20px;
	padding-top: 72px;
	color: #FFFFFF;
	padding-bottom: 5px;
	
}
.links {
	margin: 0 auto;
	
	clear: both;
}
.top_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	}
#button {
padding:5px 0 0 0;
}
/* news ticker */ 
#example_5 {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 260px; /* important */
	height: 1012px; /* important */
	background: #000;
	border: 1px solid #999999;
	margin: 0 0 10px 0;
}   
  
#example_5_frame {position: relative}   
#example_5_frame img {
	position: absolute;
	width: 260px;
	height: 20px;
}   
#example_5_previous {top: 0; left: 0;}   
#example_5_next {top: 992px; left: 0;}   
  
#example_5_content {
	position: absolute;
	margin-top: 15px;
	left: 0;
	width: 260px;
}   
  
.example_5_item {
	padding: 5px;
	height: 322px;
	/*background: #000;*/
	text-align: left;
}   
  
.example_5_item h4 {
	font-size: 85%;
	color: #fff;
	text-decoration:underline;
}   
  
.example_5_item p {
	font-size: 80%;
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
}   
  
.example_5_item a {
	color: #C60;
	text-decoration: underline;
}   
.example_5_item a:hover {
	color: #F93;
}