/* CSS Peashooter Document */

body{
	background: #f9f9f9 url('../images/bgGrad.gif') repeat-x;
	margin:0;
	padding: 0;
	font-family: Arial, tahoma, sans-serif;
	font-size:12px;
	color: #000000;
}

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
img { border: 0; /* removes border in case images have anchor around them */ }

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


#container { margin: 0 auto; padding: 0; width: 968px; text-align: left;  position: relative;}

/* LINKS */
a { COLOR: #e65f0d; TEXT-DECORATION: underline; }
a:active { COLOR: #e65f0d; TEXT-DECORATION: none; }
a:hover { COLOR: #672700; TEXT-DECORATION: none; }

/*a { COLOR: #e65f0d; TEXT-DECORATION: none; border-bottom: 1px dotted #ccc;}
a:active { COLOR: #e65f0d; TEXT-DECORATION: none; border-bottom: 1px dotted #ccc;}
a:hover { COLOR: #672700; TEXT-DECORATION: none; border-bottom: 1px solid #999;} */

span.listText {font:11px 'verdana',tahoma,sans-serif; line-height:14px; color: #e65f0d;}
ul.list1 {
	color:#000000;
	list-style-position: inside;
	list-style-type: disc;
	margin: 0;
	padding: 0;
} 


/* The wider the #list_wrapper is, the more columns will fit in it */
#list_wrapper{
    width: 350px
}

/* The wider this li is, the fewer columns there will be */
ul.multiple_columns li{
	text-align: left;
	float: left;
	list-style: none;
	height: 30px;
	width: 175px;
	padding: 0;
	margin: 0;
	font-weight: bold;		
    }


/* Header
-----------------------------------------------------------------------------*/
#header { height: 187px; width: 968px; background: #f9f9f9 url('../images/headerBG.jpg') no-repeat; font:bold 12px 'verdana',tahoma,sans-serif; line-height:12px; color: #FFFFFF; text-align: left;}

#logo{
	float:left;
 	width:267px;
	height:109px;
	margin-top: 29px;
 }
 
#nav{
	float:left; margin: 21px 0 0 -28px;
}
 
#main { margin: 0 0 0 25px; padding: 0; width: 810px; text-align: left; } /* was margin: 0 78px 0 0; */

#lCol { margin: 0 0 0 0; padding: 0 0 0 0; width: 480px; text-align: left; float:left;}

#rCol { margin: 0 0 0 0; padding: 0 0 0 0; width: 288px; text-align: left; float:right;}

/* page titles */
h1.swap {
  height:31px;
  background-repeat:no-repeat;
  }
h1.swap span {display:none;}
h1#t-aboutus {background-image:url("../images/titles/aboutUs.gif"); padding: 0 0 10px 0;}
h1#t-services {background-image:url("../images/titles/services.gif"); padding: 0 0 10px 0;}
h1#t-ourwork {background-image:url("../images/titles/ourWork.gif"); padding: 0 0 10px 0; float:left; width:155px;}
h1#t-contact {background-image:url("../images/titles/contact.gif"); padding: 0 0 10px 0;}
h1#t-recentwork {background-image:url("../images/titles/recentWork.gif"); padding: 0 0 10px 0;}
h1#t-hosting {background-image:url("../images/titles/hosting.gif"); padding: 0 0 10px 0;}

.subnav { font-family: Arial, tahoma, sans-serif; font-weight: bold; font-size: 12px; color: #00c0ff; float:right;}
a.subnav {font-family: Arial, tahoma, sans-serif; font-weight: bold; font-size: 12px; color: #e65f0d; text-decoration: underline;}
a:hover.subnav {color: #00c0ff; text-decoration: none;}

.desc {font: 18px 'verdana',tahoma,sans-serif; line-height:25px; padding: 2px 0 15px 0; text-align: left; }	
.desc-bg {background-color:#e65f0d; color: #fff !important;}
.desc a { color:#fff;} 
.desc a:hover { color:#672700;} 

#contactBox {
	width: 272px;
	height: 183px;
	margin-top: 15px;
	padding: 40px 8px 12px 8px;
	background: url(../images/contactBG.gif) no-repeat left top;
	display:block;
	}
	
.orange { font:11px 'verdana',tahoma,sans-serif; line-height:12px; color: #e65f0d; text-align: left; }
.orange12 { font:12px 'verdana',tahoma,sans-serif; line-height:12px; color: #e65f0d; text-align: left; }

/* Contact Form
----------------------*/
form {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #ffffff;
  border-width: 0 0 0 0;
  /*border-style: none none none none; */
  /*padding: 10px; */
  margin: 0 0 0 0;
}

form div {
  clear: left;
  display: block;
  width: 268px;
  zoom: 1;
  /*margin: 5px 0 0 0; */
  /*padding: 1px 3px; */
}

#psm_form div {
  clear: left;
  display: block;
  width: 353px;
  /*margin: 5px 0 0 0; */
  /*padding: 1px 3px; */
}

#psm_form div label {
  display: block;
  float: left;
  width: 100px;
  padding: 3px 5px 0 0;
  margin: 0 0 0 0;
  text-align: right;
}

#psm_form .textbox{ font:100% Verdana,sans-serif;padding:5px 5px 5px 5px;line-height:1em;background:#fdfcfb url(../images/form-back.gif) repeat-x;border:1px solid #999;color:#333;margin-bottom:5px; width: 220px;}

#psm_form .textboxSM{ font:100% Verdana,sans-serif;padding:5px 5px 5px 5px;line-height:1em;background:#fdfcfb url(../images/form-back.gif) repeat-x;border:1px solid #999;color:#333;margin-bottom:5px; width: 145px; _margin-left:-100px; *margin-left: -100px;}

#psm_form .textareabox{ font:100% Verdana,sans-serif;padding:5px 5px 5px 5px;line-height:1.5em;background:#fdfcfb url(../images/form-back.gif) repeat-x;border:1px solid #999;color:#333;margin-bottom:5px; margin-top: 3px; width: 220px;}


input.textbox{ font:100% Verdana,sans-serif;padding:5px 5px 5px 5px;line-height:1em;background:#fdfcfb url(../images/form-back.gif) repeat-x;border:1px solid #999;color:#333;margin-bottom:5px; width: 170px;}

.textbox{ font:100% Verdana,sans-serif;padding:5px 5px 5px 5px;line-height:1em;background:#fdfcfb url(../images/form-back.gif) repeat-x;border:1px solid #999;color:#333;margin-bottom:5px; width: 170px;}

.textareabox{ font:100% Verdana,sans-serif;padding:5px 5px 1px 5px;line-height:1.5em;background:#fdfcfb url(../images/form-back.gif) repeat-x;border:1px solid #999;color:#333;margin-bottom:5px; margin-top: 3px; width: 170px;}

form div label {
  display: block;
  float: left;
  width: 65px;
  padding: 3px 5px 0 0;
  margin: 0 0 0 0;
  text-align: right;
}

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}

form div select, form div textarea {
  width: 175px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div select.selectOne {
  width: 230px;
  padding: 1px 3px;
  margin: 2px 0 5px 0;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 105px;
  padding: 0 5px 5px 5px;
  width: 220px;
}

form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
  width: 208px;
  _width: 198px;
  *width: 198px;
}

form div.required fieldset legend {
  font-weight: bold;
}

form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 170px;
  zoom: 1;
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 130px;
}

form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio {
  display: block;
  width: 170px;
  zoom: 1;
  padding: 4px 0 0 18px;
  text-indent: -18px;
  line-height: 120%;
}

form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {
  margin: 0;
}

form div label.compact {
  display: inline;
  width: auto;
  padding: 4px 10px 0 0;
  text-indent: 0;
  margin: 0 0 0 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  cursor:pointer;
  border:outset 1px #ccc;
  background:#999;
  color:#222;
  font-weight:bold;
  padding: 1px 2px;
  background:url(../images/formsubmitbg.gif) repeat-x left top;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 16px 0 5px;
}

#psm_form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 10px 16px 0 5px;
}

small.whythis, small.whythis a { 
  font-size : .85em; 
  text-decoration : none;
  border : 0;
  text-transform: none;
  color:#666;
  letter-spacing:0;
}

small.whythis a span {
  color : #fff;
  padding : 1px 4px 1px 4px;
  display:block;
font-family:"Lucida Grande","Lucida Sans Unicode", Geneva, Helvetica, Arial,"Trebuchet MS", sans-serif, Verdana;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  color: #666;
  background : none;
}

small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  color:#666;
  border : 0 !important;
  font-style : normal; 
  margin-left : 0;
  text-decoration : none !important;
}

/* Contact Form End
----------------------*/

/* Footer
-----------------------------------------------------------------------------*/
#footer { width: 810px; height: 100px; margin: 15px 0 0 25px; text-align: left; font-size:13px;}
.footerText { font-family: arial; font-size: 13px; color: #939393;}
a.footerText {font-family: arial, helvetica, sans-serif; color: #939393; text-decoration: none;}
a:hover.footerText {color: #939393; text-decoration:underline;}