body {margin:0; font-family:Arial, Helvetica, sans-serif; background:#33454C url(images/head_bckg.jpg) repeat-x center top ;}

a {color:#66CC99; text-decoration:none;}
a:hover {text-decoration:none; color:#FFF;}
h1 {font-size:14px; font-weight:normal; color:#FFFFFF; margin:15px 0 10px 0;}
h2 {font-size:12px; font-weight:normal; margin:4px 0;}

img {border:none;}
br {line-height:10px;}

#container {width:780px; margin:36px auto;}

#logo { 
	height:104px;
	display:block; 
	background:url(images/logo.jpg) no-repeat; 
	margin-top: 8px;
	margin-left: 250px;
	text-indent:-9999px;  
    width:280px;  
}


#menu {margin-left:14px; height:32px;}
#menu ul {padding:0; margin:0; float:left;}
#menu li {float:left; list-style:none;}
#menu a {display:block; width:150px; height:20px; font-size:12px; font-weight: bold; text-decoration:none; color:#FFF; text-align:center; background:url(images/menu_deact.jpg) no-repeat; padding-top:2px; margin-right: 1px;}
#menu a:hover, #menu a.active {background:url(images/menu_act.jpg) no-repeat; color:#FFF;}

#main {color:#FFF; font-size:12px; line-height:16px; }

#main ul {padding:0; margin:10px 0;}
#main li {margin-left:20px;}
#main img {}
#main img:hover {border-color:#D6D6D6;}

#text_top {padding:0 30px 10px 30px; font-size:11px; line-height: 20px;}

#text_bottom { width:760px; float:left; padding:10px 10px 0px 30px;}

#first_col {background:url(images/home1.jpg) no-repeat; width:226px; height:100px; float:left; margin-right:16px; margin-bottom:6px; color:#FFF; text-decoration:none; border: 1px solid #666;}
#first_col h2 {color:#FFF;  padding-bottom:2px; padding-left:2px; font-weight:normal;}
#first_col a {color:#FFF; font-weight: bold;}
#first_col a:hover {text-decoration:none; color: #66CC99;}
#second_col {background:url(images/home2.jpg) no-repeat; width:226px; height:100px; float:left; margin-right:16px; margin-bottom:6px; color:#FFF; text-decoration:none; border: 1px solid #666;}
#second_col h2 {color:#FFF;  padding-bottom:10px; padding-left:6px;}
#second_col a {color:#FFF; font-weight: bold;}
#second_col a:hover {text-decoration:none; color: #66CC99;}
#third_col {background:url(images/home3.jpg) no-repeat; width:226px; height:100px; float:left; color:#FFF; text-decoration:none; margin-bottom:6px; border: 1px solid #666;}
#third_col h2 {color:#FFF;  padding-bottom:10px; padding-left:6px;}
#third_col a {color:#FFF; font-weight: bold;}
#third_col a:hover {text-decoration:none; color: #66CC99;}

#footer {width:780px; clear:both; height:50px; background:url(images/footer_bckg.jpg) no-repeat; color:#999; font-size:11px;}
#footer_left {float:left; padding:16px 0 0 30px;}
#footer_right {float:right; padding:16px 36px 0 0;}

/* accordion mootools-------------------------------------------------------------------- */		
			#accordion {
	margin:20px 0px;
}

h3.toggler {
	cursor: pointer;
	border: 1px solid #999;
	font-size: 12px;
	background: #707C70;
	color: #FFF;
	margin: 0 0 4px 0;
	padding: 3px 5px 3px;
}

div.element p, div.element h4 {
	margin:0px;
	padding: 4px 8px 4px 4px;
}

blockquote {
	padding:5px 20px;
}

#fourth_col {background:url() no-repeat; width:226px; height:120px; float:left; margin-right:16px; color:#FFF; text-decoration:none;}
#fourth_col h2 {color:#FFF;  padding-bottom:10px; padding-left:6px;}
#fourth_col a {color:#FFF; font-weight: bold;}
#fifth_col {background:url() no-repeat; width:226px; height:120px; float:left; margin-right:16px; color:#FFF; text-decoration:none;}
#fifth_col h2 {color:#FFF;  padding-bottom:10px; padding-left:6px;}
#fifth_col a {color:#FFF; font-weight: bold;}
#sixth_col {background:url() no-repeat; width:226px; height:120px; float:left; color:#FFF; text-decoration:none;}
#sixth_col h2 {color:#FFF;  padding-bottom:10px; padding-left:6px;}
#sixth_col a {color:#FFF; font-weight: bold;}
#seventh_col {background:url() no-repeat; width:500px; float:left; margin-right:16px; color:#FFF; text-decoration:none;}
#seventh_col h2 {color:#FFF;  padding-bottom:10px; padding-left:6px;}
#seventh_col a {color:#66CC99; font-weight: bold;}

/* =Forms
----------------------------------------------- */
.hidden { visibility:hidden; }

label { background: transparent; color: #333333; display: block; }

label span { background: transparent; color:#CC0000; font-size: .8em; text-transform: uppercase; }

input, textarea, select { background: transparent url() repeat 0 0; border: 1px solid #669933; color: #FFF; display: block; font: .9em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; margin-top: .5em; padding: 2px; }

#contactform table td { padding: 0; }

#contactform-name, #contactform-email, #contactform-subject, #contactform-message { width: 180px; }

#contactform-subject, #contactform-message { width: 369px; }

#contactform-message { height: 140px; }

#subscribe-name, #subscribe-email { width: 200px; }

input.imagesubmit { border: none; color: #000; margin-top: 5px; width:53px; height:20px; padding: 0; float:right;;}





.domainform {
	font-family:  Arial,Tahoma, Verdana, sans-serif;
	font-size: 12pt;
	color: #FFF;
	border: 2px solid #33454C;
	padding: 2px 2px 2px 2px;
	width: 30%;
	visibility: visible;

}

.normaltext {
	font-family:  Arial,Tahoma, Verdana, sans-serif;
	font-size: 11px;
}

.result {
	font-family:  Arial,Tahoma, Verdana, sans-serif;
	font-size: 11px;
	line-height: 24px;
}


/* Portfolio Thumbnails
----------------------------------------------------------------------------------------------------- */

#all-col ul.thumbs
{
	position: relative;
	width: 754px;
	margin: 0px 0px 0px 24px;
	padding: 0px 0px 0px 0px;
}	

#all-col ul.thumbs a
{
	color: #66CC99;
	text-decoration: none;
}

#all-col ul.thumbs a:hover
{
	color:#fff;
	text-decoration: underline;
}
		
#all-col ul.thumbs:after
{
	content: "."; 
	display: block; 
	clear:left;
	height: 0;
	visibility: hidden
}
	
#all-col ul.thumbs li
{ 
	float: left;		
	margin: 0px 32px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style: none;
	font-weight: bold;
}	

#all-col ul.thumbs li a img
{ 
	border: 2px solid #707C70;
	text-decoration: none;
	margin: 0px 0px 4px 0px;
	padding: 1px;
	background: #000000;
}

#all-col ul.thumbs li a:hover img
{ 
	border: 2px solid #fff;
	text-decoration:none;
	margin: 0px 0px 4px 0px;
	padding: 1px;
}

p.portfolio-text
{
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding:0px 14px 10px 0px;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	text-align: left;
	background-color: transparent;
	letter-spacing: 0px;
	line-height: 16px;
}

#all-col 
{
	width: 760px;
	position: relative;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}