/*  ----------------------------------------------------------------------
  GENERAL REDECLARATIONS
  ---------------------------------------------------------------------- */

html				{height: 100%;}
* 					{margin:0; padding:0;}

body 				{
	text-align:left;
	background: #8DD5DE url("../images/bg.gif") repeat-y;
}

body, tr,
td, input,
select, textarea 	{font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;color:#555;}



a {outline:none;}
a:link { color: #000000; text-decoration: underline;}
a:visited { color: #000000;text-decoration: underline;}
a:hover {color: #2e404b; text-decoration: underline;}
a:active { color: #000000;text-decoration: underline;}

#footer a:link { color: #a1a1a1; text-decoration: none;}
#footer a:visited { color: #a1a1a1;text-decoration: none;}
#footer a:hover {  color: #ffffff; text-decoration: underline;}

ul, ol	 	{margin:0 0 10px 25px;}
dl 			{margin:0 0 10px;}
dt 			{font-weight:bold;}
dd			{margin:0 0 3px 10px;}
p 			{margin:0 0 15px;}
h1 					{font-size:large; margin:0 0 12px;}
h2 					{font-size:medium; margin:8px 0;}
h3 			{font-size:small; margin:6px 0 5px;}
h5			{font-size:xx-small; margin:3px 0;}
h6 			{font-size:xx-small; margin:0;}
hr 			{}
img 		{border:none;}
acronym		{border-bottom: 1px dotted;}
blockquote 	{margin:0 25px 20px 25px; font-style:italic;}

.clr		{clear: both;}
.clear-right{clear: right;}
.clear-left {clear: left;}
.right		{float: right;}
.left		{float: left;}
.rightimage {float: right; margin: 0 0 10px 10px;}
.leftimage {float: left; margin: 0 10px 10px 0;}
.intro {font-size: 15px; font-weight: normal;line-height: 1.4em;}
.hidden {display:none;}
.margin-left {margin-left: 9px;}
.margin-top {margin-top: 10px;}

#preload {position: absolute;top: -1000px; left: -1000px;}

img.left	{margin-right:20px;}
img.right	{margin-left:20px;}
.red 		{color: #ff1000;}
#map 		{width: 450px;height: 300px;}

/*  ----------------------------------------------------------------------
  STANDARD LAYOUT
  ---------------------------------------------------------------------- */

#wrapper {
	/*position: relative;*/
	background: #fff;
	border: 10px solid #fff;
	width: 830px;
	text-align: left;
	margin: 20px auto;
}

#header {
	position: relative;
	background: #222 url("../images/header.jpg") no-repeat;
	width: 830px;
	height: 140px;
}

#header h1  {
	margin: 0px;
}

#header h1 a {
	float: left;
	width: 355px;
	height: 87px;
	text-indent: -9000px;
}


#content {
	width: 800px;
	margin-left: 15px;
	height:auto;
}

#content-main {
	float:left;
	width: 895px;
	height: 100%;
	padding: 30px 0px 30px 0;
	text-align: left;
}

#content-side {
	float:right;
	width: 195px;
	padding: 45px 8px 15px 0;
	margin: 0;
	height:100%;
}

body.two-col #content-main {
	float:left;
	width: 600px;
}

#footer {
	clear:both;
	width: 818px;
	height: 30px;
	background: #bbb;	
	font-size:10px;
	color:#666;
	padding-top:12px;
	padding-left: 12px;
	text-align: left;
	background: #bbb url("../images/3am-footer.png") no-repeat right -4px;
}

#footer p {
	float: left;
	display: inline;
}

#footer a {
	float: right;
	display: inline;
	width: 244px;
	height: 40px;
	margin-top: -11px;
	text-indent: -9000px;
}


/*  ----------------------------------------------------------------------
  FORM ELEMENTS (overrides from niceforms)
  ---------------------------------------------------------------------- */
 


/*  ----------------------------------------------------------------------
  TABLE STYLING
  ---------------------------------------------------------------------- */
 
table {
  width:100%;
  margin-bottom:3em;
  border-collapse:collapse;
}

thead { 
  	background: #919293;
}

th {
  color:#fff;
  background: #919293;
}

td {
	border-bottom: 1px solid #919293;	
}

.nostyle td {
	border-bottom: 0px;	
}

td.head {
  background: url("../images/table-row-2.jpg") repeat-x 0 0;
  font-weight: bold;
  color: #47687A;
}

td, th {
  padding:3px 5px;
  text-align: center;
}

.nostyle td, .nostyle th {
  padding:0;
  text-align: left;
}

table.tableleft td {
	text-align: left;
}

#portfolio  td {
	padding-bottom: 15px;
	padding-top: 15px;
}

/*  ----------------------------------------------------------------------
  HEADINGS
  ---------------------------------------------------------------------- */

h1 {
	font-size:16px; 
	color: #2e404b;
	margin:0 0 12px;
	font-family: Arial, Helvetica, tahoma, sans-serif;
	background: url("../images/3-dots.jpg") no-repeat;
	padding-left:20px;
}

h2 {
	font-size:14px; 
	color: #2e404b;
	margin:30px 0 10px 0;
	font-family: Arial, Helvetica, tahoma, sans-serif;
	background: url("../images/3-dots.jpg") no-repeat;
	padding-left:20px;
}

h2.side
{
	background: url(../images/3-dots-small-grey.jpg) no-repeat 0 .45em;
	padding-left: 1.4em;
	margin-bottom:5px;
}

h2.sidebar
{
	background-image: none;
	padding-left: 0em;
	margin-bottom:5px;
}

h4 {
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; 
	color: #2e404b;
	margin:0 0 12px;
	background: url("../images/3-dots-small-white.jpg") no-repeat 0 .45em;
	padding-left: 1.4em;
	margin-bottom:5px;
}	

/*  ----------------------------------------------------------------------
  LIST STYLINGS
  ---------------------------------------------------------------------- */

ul.side {
	list-style-type: none;
	padding: 0.6em;
	margin: 0;
	margin-top:5px;
}

ul.side li
{
	background: url(../images/3-dots-small-white.jpg) no-repeat 0 .45em;
	padding-left: 1.4em;
	margin-bottom:5px;
}

/*  ----------------------------------------------------------------------
  FOR SINGLE COLUMN LAYOUT
  ---------------------------------------------------------------------- */

.single #content-main {
	width: 790px;
}

.single #content-side {
	display: none;
}

/*  ----------------------------------------------------------------------
  FOR DOUBLE COLUMN LAYOUT
  ---------------------------------------------------------------------- */

.double #content-main {
	width: 460px;
}

.double #wrapper {
	
}

/*  ----------------------------------------------------------------------
  PORTFOLIO PAGE
  ---------------------------------------------------------------------- */

#portfolio h2 {
	clear:both;	
}

#portfolio #content-main img {
	float:right; 
	margin:0 0 10px 5px; 
}

#content-side img {
	float: none;
	margin: 0;
}

#portfolio #content-side ul {
	margin-bottom:20px;	
}

.portfolio-item {
	clear:both;	
}

#portfolio #gd-images img {
	float: left;
	margin-bottom: 40px;
}

#portfolio table td {
	border: 0;
	text-align: center;
}

#portfolio #content-main table td img {
	float: none;
}

/*  ----------------------------------------------------------------------
  PROJECTS PAGE
  ---------------------------------------------------------------------- */
 
#projects #content-main img {
	float:right; 
	margin:0 0 10px 5px; 
}

/*  ----------------------------------------------------------------------
  SERVICES PAGE
  ---------------------------------------------------------------------- */

#services #content-main img {
	float:right; 
	margin:0 0 10px 5px; 
}

/*  ----------------------------------------------------------------------
  HOSTING PAGE
  ---------------------------------------------------------------------- */

#hosting #content-main img {
	float:right; 
	margin:0 0 10px 5px; 
}
	
/*  ----------------------------------------------------------------------
  CONTACT PAGE
  ---------------------------------------------------------------------- */

#contact ul.side {
	list-style-type: none;
	padding: 0em;
	margin: 0;
	margin :20px 0 30px 0;
}

#contact ul.side li {
	background: none;
	padding-left: 0;
	margin-bottom:5px;
}

#contact #content-side {
	left:520px;
}

/* ----------------------------------------------- 
		NOTICES
----------------------------------------------- */

#error,
.error {
	background: #FF4E4E;
	border: 3px solid #FF7C7C;
	padding: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #333;
	margin-bottom:10px;
}

#success,
.success {
	background: #BBEECC;
	border: 3px solid #E3FFED;
	padding: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #333;
	margin-bottom:10px;
}