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

html, body {background: #F3F1E9 url(../images/header_bg.jpg) repeat-x top; margin: 0; padding: 0; text-align: left;}
p {margin:10px 0 10px 0;}
#container, #logo, #menu, #banner_container, #footer_container, #sub_footer_container{margin: 0 auto 0 auto;width:830px;}
#logo {padding:0px 0 0px 0;}
#menu {height:33px;background:url(../images/menu_bg.jpg) repeat-x; padding-top:1px;}
#banner {height:320px;background:url(../images/banner_bg.jpg) repeat-x;}
#content {background: #F3F1E9;}
#container {padding-top:20px;}
#footer {background: #7BA400 url(../images/footer_rip.jpg) repeat-x top; margin-top:15px;}
#sub_footer {background: #202329 url(../images/sub_footer_bg.jpg) repeat-x top;}

* html a:hover {visibility:visible}
.menu_home a:hover img{visibility:hidden}
.menu_home a:hover,.menu_home a,.menu_home {background-color:transparent;background-image: url(../images/menu_home.jpg);} 
.menu_services a:hover img{visibility:hidden}
.menu_services a:hover,.menu_services a,.menu_services {background-color:transparent;background-image: url(../images/menu_services.jpg);}
.menu_about a:hover img{visibility:hidden}
.menu_about a:hover,.menu_about a,.menu_about {background-color:transparent;background-image: url(../images/menu_about.jpg);}
.menu_portfolio a:hover img{visibility:hidden}
.menu_portfolio a:hover,.menu_portfolio a,.menu_portfolio {background-color:transparent;background-image: url(../images/menu_portfolio.jpg);}
.menu_clients a:hover img{visibility:hidden}
.menu_clients a:hover,.menu_clients a,.menu_clients {background-color:transparent;background-image: url(../images/menu_clients.jpg);}
.menu_jobs a:hover img{visibility:hidden}
.menu_jobs a:hover,.menu_jobs a,.menu_jobs {background-color:transparent;background-image: url(../images/menu_jobs.jpg);}
.menu_contact a:hover img{visibility:hidden}
.menu_contact a:hover,.menu_contact a,.menu_contact {background-color:transparent;background-image: url(../images/menu_contact.jpg);}

#col1 {width:450px;float:left;}
#col2 {width:280px;float:left;padding-left:100px;}
* html #col2 {padding-left:50px;}

h1, h1 a, h2, h3 {margin:0;padding:0;font-family:arial,helvetica,verdana,sans-serif;font-size:18px;color:#666666;text-decoration:none;}
h3 {font-size:14px;}
.sub {font-size:14px;padding-top:20px;clear:both;}
#head { border-bottom: #cccccc solid 1px; margin-top:20px; margin-bottom: 10px; padding: 0px 0 4px 0px; clear:both; font-size:14px;} 
h4 {margin:0;padding:0;font-family:arial,helvetica,verdana,sans-serif;font-size:13px;color:#5F7D00;text-decoration:none;}

.bodytext {font-family:verdana,sans-serif;font-size:11px;color:#383D44;line-height:1.5em;}
.bodytext a {color:#016FAE;text-decoration:none;}
.bodytext a:hover {color:#7BA400;text-decoration:underline;}

#banner_container {clear:both; background-color:#FFFFFF;}
#banner_container .bodytext{color:#FFFFFF;}
#red {float:left;width:200px;padding:10px 0 10px 0;}
#red_content {background:url(../images/red_bg.jpg) repeat-x top;height:300px;padding:10px;}
#blue {float:left;width:200px;padding:10px 0 10px 10px;}
#blue_content {background:url(../images/blue_bg.jpg) repeat-x top;height:300px;padding:10px;}
#green {float:left;width:200px;padding:10px 0 10px 10px;}
#green_content {background:url(../images/green_bg.jpg) repeat-x top;height:300px;padding:10px;}
#yellow {float:left;width:200px;padding:10px 0 10px 10px;}
#yellow_content {background:url(../images/yellow_bg.jpg) repeat-x top;height:300px;padding:10px;}
#red h1, #blue h1, #green h1, #yellow h1 {color:#FFFFFF;font-size:16px;}

#col1 .bodytext, #col .bodytext {font-size:12px;}
#col1 h3, #col h3 {font-size:12px;margin:10px 0 5px 0;font-family:verdana,sans-serif;}
#col .bodytext {line-height:1.8em;}
#col ul ul ul li {list-style:circle;}
#col ul ul li {list-style:square;}
#col .level1 {padding-top:10px;}
#col1 .bodytext ul li {padding:5px 0 5px 0;} 
.bodytext dt {font-weight:bold;}

.image_left {float:left;padding:0 20px 10px 0;}  
.image_right {float:right;padding:0 0 10px 20px;}
.image_left2 {float:left;padding:10px 0 10px 0;}
.image_right2 {float:right;padding:10px 0 10px 20px;}


.errortext {color:#C00000;}
.formfield, .formfielderror {margin:0 0 15px 0;}
.formfield input, .formfield textarea, .formfielderror input, .formfielderror textarea {font-family:verdana,sans-serif;font-size:11px;color:#383D44;padding:2px;}
.field { 
	width: 420px; 
	height: 17px; 
	padding: 5px; 
	font-size: 14px; 
	/*background-image: url(/tet/images/field_bg.jpg); 
	background-repeat: no-repeat; 
	border: 0; color: #ffffff; */
}

.field_text { 
	width: 420px;
	height: 162px; 
	padding: 5px; 
	font-size: 14px; 
	/*background-image: url(/tet/images/field_text_bg.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0;
	color: #ffffff;*/
}

.field_large {
	width: 879px;
	height: 164px;
	padding: 5px;
	font-size: 14px;
	/*background-image:url(/tet/images/field_large.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0;
	color: #ffffff;*/
}

label {
	padding-top: 10px;
	padding-left: 5px;
	font-size: 12px;
}
.button {font-family:arial,helvetica,verdana,sans-serif;font-size:16px;color:#333333;}

.clients {clear:both;background:url(../images/line_450.jpg) no-repeat top;padding-top:20px;}
.clients h3{ font-size:13px; text-align:center;}
.clients #clientName{width:155px; padding:5px 5px; }
.clients img{ border: #D9D6C5 solid 1px; padding:0;}
#clientListLeft{float:left; width:225px;}
#clientListRight{float:right; width:224px;}

.portfolio {clear:both;background:url(../images/line_450.jpg) no-repeat top;padding-top:20px;}
.portfolio2 {clear:both;padding-top:10px;}
.case_study {padding-top:20px;}
.portfolio h2, .portfolio2 h2, .case_study h2, .rfp h2 {font-size:14px;}
.portfolio img, .portfolio2 img {float:right;padding:2px; border: 4px #D9D6C5 solid; margin: 10px 0 0 20px;}

.rfp {clear:both;background:url(../images/line_450.jpg) no-repeat top;padding-top:20px;}
.rfp img {}
#rfpDiv {width:430px;padding:2px; border: 1px #7F9DB9  solid; padding-top:-10px; background: #FFFFFF;}

.portfolio3 {clear:both;background:url(../images/line_450.jpg) no-repeat top;padding-top:20px;}
.portfolio3 h2 {font-size:14px;}
.portfolio3 img { text-align:left; padding:2px; border: 3px #D9D6C5 solid; margin: 10px 0 0 0px;}

.portfolio .latest_main img, .portfolio .latest_thumbs img, .portfolio2 .latest_main img, .portfolio2 .latest_thumbs img {float:left;margin:6px 0 5px 0;}
.portfolio .latest_main, .portfolio2 .latest_main {float:left;width:330px; padding-bottom:10px;}
.portfolio .latest_thumbs, .portfolio2 .latest_thumbs {float:left;width:100px; padding-bottom:10px;}
.portfolio .latest_thumbs a, .portfolio2 .latest_thumbs a, .case_study .latest_thumbs a {cursor:pointer;}
.case_study .latest_thumbs img {float:left;margin:20px 0 0 20px;}
.case_study .latest_thumbs .image1 {margin-left:0;}
.case_study .quote {font-style:italic;padding:0 0 10px 0;}
* html .case_study .quote {font-style:normal;}
.visit {background:url(../images/website.jpg) top left no-repeat;padding-left:23px;font-size:11px;}
.visit a {color:#666B75;}

.service {width:210px;float:left;clear:both;padding-top:20px;}
.service2 {width:210px;float:left;padding:20px 0 0 30px;}
.service h2, .service2 h2 {font-size:13px;color:#19719E;padding:10px 0 0 0;}

.related, .related h3 {color:#383D44;font-size:11px;font-weight:normal;}
.related h3 {color:#C00000;}
.comments, .comments li {list-style:none;margin:0;padding:0;}
.comments p {margin:0;padding:0;line-height:1.5em;}
.comments li {background:url(../images/comment_top.jpg) no-repeat top;width:450px;margin-top:10px;}
.comments .comment {background:url(../images/comment_bg.jpg) repeat-y;padding:0 18px 0 18px;margin-top:13px;}
.comments .writer {background:url(../images/comment_btm.jpg) no-repeat top;padding:20px 0 0 52px;width:398px;} 
.comments li.reply {background:url(../images/reply_top.jpg) no-repeat top;width:450px;margin-top:10px;}
.comments .reply .comment {background:url(../images/reply_bg.jpg) repeat-y;padding:0 18px 0 18px;margin-top:13px;color:#FFF;}
.comments .reply .comment a {color:#FFF;text-decoration:underline;}
.comments .reply .writer {background:url(../images/reply_btm.jpg) no-repeat top;padding:20px 0 0 52px;width:398px;}
.comments .reply .writer strong {color:#C00000;}

.hosting_bronze {background:url(../media/hosting_bronze.jpg) no-repeat top;padding-top:60px;}  
.hosting_silver {background:url(../media/hosting_silver.jpg) no-repeat top;padding-top:60px;}  
.hosting_gold {background:url(../media/hosting_gold.jpg) no-repeat top;padding-top:60px;}
.compare {background:url(../media/hosting_compare.jpg) top left no-repeat;padding-left:59px;font-size:11px;}
.compare a {color:#666B75;}
#hosting_table {width:450px;margin-top:10px;border-left: 3px solid #F3F1E9;}
#hosting_table th {border-right: 3px solid #F3F1E9;border-bottom: 3px solid #F3F1E9;text-align:center;padding:3px; background:#202329; color:#FFFFFF;}
#hosting_table td {border-right: 3px solid #F3F1E9;border-bottom: 3px solid #F3F1E9;text-align:center;padding:3px; background:#DBD5C5;font-size:11px;font-weight:bold;}
#hosting_table .spacer {background:#F3F1E9;}
#hosting_table .bronze {background:#A67D3D;width:80px;}
#hosting_table .silver {background:#A7A7A7;width:80px;}
#hosting_table .gold {background:#EAC117;width:80px;}
#hosting_table .bronze2 {background:#D3BC99;font-weight:normal;color:#383D44;}
#hosting_table .silver2 {background:#D8D8D8;font-weight:normal;color:#383D44;}
#hosting_table .gold2 {background:#F2D980;font-weight:normal;color:#383D44;}

.code {font-family : Courier New, Verdanna, sans-serif;text-align : left;padding:20px;border: 3px dashed #DBD5C5;}
.code .indent1 {padding-left:20px;}
.code .indent2 {padding-left:40px;}

.right_feature h3, .right_blog h3, .right_blog h2, .right_news h2, .right_client h2, .category{font-size:11px;margin:10px 0 5px 0;font-family:verdana,sans-serif;color:#19719E;}
.right_blog h2, .right_client h2 {margin:0;padding:0;color:#383D44;line-height:1.4em;font-weight:normal;}
.right_blog h3, .right_blog h2 {margin:10px 0 0 0;}
.right_news h2,.right_client h2 {margin:0;}
.right_client h2 {font-weight:bold;}
.right_blog .title {font-weight:bold;margin-top:30px;}
.right_blog ul, .right_client ul {margin:0;padding:0;}
.right_blog ul li, .right_client ul li {margin:10px 0 0 0;padding:0;}
.right_client ul li, .right_client ul {list-style:none;}
.right_client .new {list-style:url(../images/new_icon.jpg);}
.right_contact h2 {margin:0;font-size:14px;}
.right_feature img {margin-top:10px; border: #D9D6C5 solid 4px; padding:2px;}
.right_nav img {margin-top:10px;}
.right_feature .bodytext, .right_contact .bodytext a, .right_contact .bodytext, .right_blog h2, .right_blog .bodytext, .right_news .bodytext,.right_client h2, .category {color:#666B75;}
.right_contact .bodytext a:hover {color:#C00000;}
.right_contact p {margin:5px 0 0 0;}
.right_contact img {margin-bottom:10px;}

.bodytext .smi { float:left; margin-right: 30px; }

.right_quote {background: url(../images/start_quote.jpg) no-repeat top left;padding:26px 0 0 36px;}
.right_quote img {float:right;}
.right_quote .quote, .right_quote .author{color:#666B75;font-family:arial,helvetica,verdana,sans-serif;font-size:15px;font-weight:bold;padding-right:33px;}
.right_quote .author {font-size:11px;}

.foot1 {float:left;width:210px;padding:25px 100px 0 0;}
.foot2 {float:left;width:210px;padding-top:5px;}
#footer h2 {color:#202329;}
.foot1 ul li,.foot1 ul {margin:0;padding:0;font-family:arial,helvetica,verdana,sans-serif;font-size:13px;list-style:none;}
.foot1 ul li {padding-top:10px;}
.foot1 a {color:#f1f1f1;text-decoration:none;}
.foot1 a:hover {color:#FFFFFF;text-decoration:underline;}
.foot2 .search {font-size:11px;padding:4px;background:#FFFFFF;border:#DBD5C5 1px solid;}
.foot2 .button_search {padding:0;margin:0;vertical-align:middle;}
.foot2 h2 {padding-top:20px;}
.foot2 ul li,.foot2 ul, .foot2 #brochure {margin:0;padding:0;font-family:verdana,sans-serif;font-size:13px;list-style:none;}
.foot2 ul li {padding-top:10px;}
.foot2 a{color:#f1f1f1;text-decoration:none;}
.foot2 a:hover {color:#FFFFFF;text-decoration:underline;}
.foot2 #brochure, .foot2 #rsslink {margin-top:10px;}
.foot2 #brochure img{float:right;padding-left:5px;} 
.foot2 #rsslink img{float:left;padding-right:10px;}

#sub_footer_container {padding:20px 0 20px 0;}
#sub_footer_container .text {padding-left:22px;font-family:verdana,sans-serif;font-size:11px;color:#737375;line-height:1.4em;}
#sub_footer_container .text span {margin:0 10px 0 10px;color:#484A4D;}
#sub_footer_container .text a {margin-right:15px;color:#737375;}
#sub_footer_container .text a:hover {color:#19719E;}

.divide, .divide3, .divide4, .divide6 {width:280px;height:41px;background:url(../images/line_280.jpg) no-repeat center;}
.divide3 {height:1px;margin-top:5px;}
.divide4 {height:1px;margin:5px 0 10px 0;}
.divide6 {height:21px;}
.divide2, .divide5 {width:450px;height:41px;background:url(../images/line_450.jpg) no-repeat center;}
.divide5 {height:2px;background:url(../images/line_450.jpg) repeat-y; clear:both;margin-bottom:20px;}
* html .divide5 {background-repeat:no-repeat;}
.clear_line {clear:both;width:830px;height:41px;background:url(../images/line_830.jpg) no-repeat center;}
.clear {clear:both;}

.services img {padding:2px; border: 4px #D9D6C5 solid;}

#col1 .author,#col1 .date {font-family:verdana,sans-serif;font-size:11px;color:#666B75;float:left;padding-bottom:5px;}
#col1 .author {background:url(../images/author.jpg) no-repeat top left;padding-left:16px;margin:10px 20px 0 0;}
#col1 .date {background:url(../images/date.jpg) no-repeat top left;padding-left:16px;margin:10px 0 0 0;}

#calendar {width: 280px;padding: 0;margin: 0;border-left: 1px solid #DBD5C5;font: normal 12px/20px Arial, Helvetica, Verdana, sans-serif;color: #616B76;text-align: center;background-color: #fff;}
#calendar .nav,#calendar .nav a {font: bold 18px Arial, Helvetica, Verdana, sans-serif;color: #fff;text-align: center;text-decoration: none;}
#calendar caption {margin: 0;padding: 0;width: 280px;background: #A2ADBC;color: #fff;font: bold 12px Arial, Helvetica, Verdana, sans-serif;text-align: center;}
#calendar th {font: bold 11px/20px Arial, Helvetica, Verdana, sans-serif;color: #616B76;background: #D9E2E1;border-right: 1px solid #DBD5C5;border-bottom: 1px solid #DBD5C5;border-top: 1px solid #DBD5C5;}
#calendar .today,#calendar  td.today a,#calendar td.today a:link,#calendar td.today a:visited {color: #F6F4DA;font-weight: bold;background: #DF9496;}
#calendar td {border-right: 1px solid #DBD5C5;border-bottom: 1px solid #DBD5C5;width: 40px;height: 20px;text-align: center;background: url(../images/bg_calendar.jpg) no-repeat right bottom;}
#calendar td a {text-decoration: none;font-weight: bold;display: block;}
#calendar td a:link,#calendar td a:visited {color: #608194;background: url(../images/bg_calendar.jpg) no-repeat;}
#calendar td a:hover, td a:active {color: #6aa3ae;background: url(../images/bg_calendar.jpg) no-repeat right top;}  

.validate {display:none;visibility:hidden;}
#bmMargin{
	margin:10px 0 10px 0;}
	
#jobSpecifics{}
#jobHead{width:120px; float:left; margin-bottom:15px;}
#jobDetail{width:325px; float:left; margin-bottom:15px;}

/*----Page PAN------------------------------------------*/
#pagePan{width:450px;margin:0 0 0 0px;float:left;padding-left:0px;font-family:arial,helvetica,verdana,sans-serif;font-size:12px;}
#pagePan ul {padding:0px;margin:0px; }
#pagePan ul a {text-decoration:underline;color:#016FAE;}
#pagePan ul a:hover {text-decoration:none;color:#7BA400;}
#pagePan ul a:visited {color:#ff6600;}
#pagePan ul a:active {color:#484A4D;}
/* gallery*/
.screenshot img {height:130px;width:159px;}
.screenshot a:hover img {border:2px solid #FF6600;}

#gallerySites {clear:both;}
#gallerySites ul {list-style-type:none;}
#gallerySites li {float:left;display:inline;width:150px;height:135px;}
#gallerySites img { padding: 2px; border:4px solid #D9D6C5;}
#gallerySites a:hover img { padding: 2px; border:4px solid #7BA400;}

.bodytext #services .srvIconFirst { margin-right: 16px; float:left;  width:80px; text-align:center; }
.bodytext #services .srvIcon { float:left; margin: 0 16px; width:80px; text-align:center; }
.bodytext #services .srvIconFirst img, .bodytext .srvIcon img { margin-bottom: 0px;}
.bodytext #services .srvIconFirst a, .bodytext .srvIcon a { font-family: Arial, Helvetica, sans-serif;}
.bodytext #services .srvIconFirst a:hover, .bodytext .srvIcon a:hover { text-decoration:none;}