/* general style */

/* for all tags */

* {
	margin: 0 auto;
	padding: 0;
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	color:#555555;
}
html {
	height: 100%;

}
body {
	background:#ffffff url(images/back_1.jpg) no-repeat bottom left;
	margin:0 auto;
	text-align:center;
	font: 12px Verdana, Arial, sans-serif, Helvetica;
	line-height: 2.0em;
	height: 100%;
	background-attachment:fixed;
}

/* padding */

.pad {
	padding:10px;
	margin:0 auto;
}
.clear {
	clear:both;
}
.space {
	height:20px;
	clear:both;
}

.center {
	text-align:center;
	margin:0 auto;
}

/* tables */

table {
	margin:0 auto;
	width:85%;
	position:relative;
}
th {
	padding:3px;
	background:#333333 url(images/s1.png) repeat-x bottom center;
	background-image: none;
	text-transform: uppercase;
	color:#ffffff;
}
td{
	padding:1px;
	color:#555555;
	border:1px solid #ffffff;
}
td.a{
	background-color:#ffffff;
}
td.b{
	background-color:#E5E5E5;
	border-top: 1px dotted #d5d5d5;
	border-bottom: 1px dotted #d5d5d5;
}
td:hover{
	border:1px dotted #FF0099;
}

/* sorted list */

ol {
	text-align:left;
	color: #555555;
}
ol li {
	margin:10px 10px 10px 35px;
}
ol li li{
	list-style-type: lower-alpha;
	margin:10px 10px 10px 35px;
	font-style:italic;
}

/* list */

ul {
	text-align:left;
	color: #555555;
}
ul li{
	list-style-type: disc;
	margin:10px 10px 10px 35px;
}
ul li li{
	list-style-type: Square;
	margin:10px 10px 10px 35px;
}

/* text */

p {
	text-align:left;
}
blockquote{
	margin-left: 40px;
	padding: 10px;
	border-left: 5px solid #FF0099;
	font-style:italic;
	text-align:left;
	}

/* headers */

h1 {
	font: 28px Verdana, Helvetica, Arial;
	margin: 15px 0px 20px 0px;
	padding:3px 0px 3px 0px;
	color: #333333;
	text-align:left;
	font-family:"Trebuchet MS";
	text-transform:uppercase;
}
h2 {
	font: 21px Verdana, Helvetica, Arial;
	margin: 15px 0px 5px 0px;
	color: #333333;
	text-align:left;
	padding-bottom: 10px;
	font-family:"Trebuchet MS";
	text-transform:uppercase;
}
h3 {
	font: 18px  Verdana, Helvetica, Arial;
	margin: 15px 0px 15px 0px;
	color: #333333;
	text-align:left;
	border-bottom:1px dotted #FF0099;
	padding-bottom: 5px;
	font-family:"Trebuchet MS";
}
h4 {
	font: 16px  Verdana, Helvetica, Arial;
	margin: 15px 10px 15px 0px;
	color: #FF0099;
	text-align:left;
	font-family:"Trebuchet MS";
}	

/* icons */

.icon {
	border:0px;
	background-color:#ffffff;
	vertical-align:middle;
}

/* header void */

#header_void {
	height: 10px;
	width: 100%;
	background-color:#333333;
}

/* featured */

#featured_zone {
	width: 100%;
	margin:0 auto;
	text-align:center;
	background:#333333 url(images/mainbg.png) repeat top center;
	overflow:auto;
	display:block;
}
#featured_zone .center {
	margin: 0 auto;
	width: 900px;
	text-align:center;
	overflow: auto;
}
#featured_zone .left {
	float:left;
}

/* menu controls */

#menu {
	margin:0 auto;
	width: 800px;
	height: 200px;
	text-align:center;
}
#menu  a{
	border:0px;
	font-style: normal;
}
#menu  img{
	border:0px;
}
#menu ul {
	float: right;
	margin:0px auto;
	list-style:none;
}

/* central zone */

#central,.central {
	margin:0 auto;
	width: 900px;
	overflow: visible;
	margin-bottom: 15px;
	padding:10px;
	text-align:center;
}
/* 2oclums */
.colum_2{
 	width:665px;
	text-align:right;
	float:left;
	margin:0 auto;
}
.colum_2 img{
  width:660px;border:5px solid #333;
}


.colum_2b{
  	width:210px;
	text-align:left;
	float:left;
	margin:0 auto;
}
.colum_2b h2{color:#fff;
}
.colum_2b p{
  color:#fafafa;
}
.highlight2{
  padding:8px;background:#FFD700;font-weight:bold;
}
.highlight a{
  background:#F0F8FF;padding:8px;
}



/* 3 colums */

.colum_3 {
	width:33%;
	text-align:center;
	float:left;
	margin:0 auto;
}
.colum_3 h2, colum_2 h2 {
	text-align:center;
}
.colum_3 p, colum_2 p {
	color:#333333;
	padding:10px;
	text-align:center;
	}

.colum_3 .logo {
	margin:0px 10px 0px 10px;
	border:0px;
	position:relative;
	vertical-align:middle;
}
.colum_3 .right {
	float:right;
}
.plink:link {
	color:#336699;
	font: 21px Verdana, Helvetica, Arial;
	margin: 15px 0px 5px 0px;
	text-align:left;
	padding-bottom: 10px;
	font-family:"Trebuchet MS";
}
.plink:visited {
	color:#336699;
	font: 21px Verdana, Helvetica, Arial;
	margin: 15px 0px 5px 0px;
	text-align:left;
	padding-bottom: 10px;
	font-family:"Trebuchet MS";
}
.plink:hover {
	color:#336699;
	font: 21px Verdana, Helvetica, Arial;
	margin: 15px 0px 5px 0px;
	text-align:left;
	padding-bottom: 10px;
	font-family:"Trebuchet MS";
	text-decoration:underline;
}
.selected:hover, .selected:link, .selected:visited {
	color:#336699;
	font: 21px Verdana, Helvetica, Arial;
	margin: 15px 0px 5px 0px;
	text-align:left;
	padding-bottom: 10px;
	font-family:"Trebuchet MS";
	text-decoration:underline;
}

/* content */

#content {
	overflow: auto;
	display:block;
	clear:both;
	width:100%;
	border-top: 5px solid #333333;
	border-bottom: 5px solid #333333;
	background-color: #ffffff;
}
#content  p{
	padding:10px;
	margin:0 auto;
	text-align: justify;
	color: #555555;
}
#content  h2{
	border-bottom: 1px solid #f5f5f5;
}
#content img {
	padding:5px;
	border:1px solid #cccccc;
	background-color:#f5f5f5;
	float:left;
	margin:10px;
}
#content iframe {
	width:90%;
	padding:5px;
	border:1px solid #cccccc;
	background-color:#f5f5f5;
	margin:10px;
}
.portfolio {
	width:92%;
	height: 150px;
	position:relative;
	padding:5px;
	border:1px solid #cccccc;
	background-color:#f5f5f5;
}

/* lightbox class style */

.lightbox:link {
	border:0px;
}
.lightbox:visited {
	border:0px;
}

.lightbox:hover {
	border:0px;
}

/* 2 colums - 66% -33% */

.colum23 {
	width:66.6%;
	float:left;
}
.colum13 {
	width:33.3%;
	float:left;
}

.colum13 img:hover {
	cursor:pointer;
}

/* 2 columns - 50% 50% */

.colum2{
	width:50%;
	float:left;
}

/* footer zone */

#footer {
	margin:0 auto;
	width: 810px;
	height: 80px;
	overflow: auto;
	display:block;
}
#footer a , a:visited{
	font-size: 10px;
	color:#999999;
	font-style:normal;
	text-decoration:none;
}
#footer a:hover{
	color:#336699;
}
#footer  div{
	text-align:center;
	margin:0 auto;
	margin: 9px 15px 0px 15px;
	font-size: 10px;
	color:#999999;
}

/* contact form */

form {
	margin:0 auto;
	width: 80%;
	text-align:left;
}
label {
	padding:10px;
	margin:0 auto;
	margin:5px 0px 0px 0px;
	text-align: left;
	font-size: 14px;
	color:#336699;
	clear:both;
}
input {
	width: 90%;
	padding: 5px;
	font-size: 12px;
	font-weight: normal;
	clear:both;
	margin:10px 0px 10px 0px;
	border:1px solid #cccccc;
	background: #ffffff url(images/s2.png) repeat-x top center;
	color:#333333;
}
input:focus {
	background: #ffffff url() repeat-x top center;
}
textarea{
	width: 90%;
	height: 140px;
	padding: 5px;
	font-size: 12px;
	font-weight: normal;
	clear:both;
	margin:10px 0px 10px 0px;
	border:1px solid #cccccc;
	background: #ffffff url(images/s2.png) repeat-x top center;
	color:#333333;
}
textarea:focus {
	background: #ffffff url() repeat-x top center;
}

/* submit button */

#submit {
	width: 100px;
	height: 30px;
	background: transparent url(images/b_contact_n.png) no-repeat top center;
	border:0px;
	cursor:pointer;
	clear:both;
	float:right;
	margin-right:6.5%;
}
#submit:hover {
	background: transparent url(images/b_contact_h.png) no-repeat top center;
}

/* services */

li.service {
	margin: 10px 10px 10px 40px;
	list-style-image: url(images/tic.png);
}

/* featured effects */

.boxgrid h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
			
			.boxgrid{ 
				width: 200px; 
				height: 160px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 5px #333333; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid h3 {
					color:#ffffff;
					border-bottom:1px dotted #FF0099;
					margin-bottom: 10px;
					font-family:Georgia, "Times New Roman", Times, serif;
				}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#dddddd; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			/*.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}*/
 				.captionfull .boxcaption {
 					top: 260px;
 					left: 0px;
 				}
 				.caption .boxcaption {
 					top: 220px;
 					left: 0px;
 				}
				
			.boxgrid h3 a{}
			
			.boxgrid  a:hover{
				color:#FF0099;
			}


/* general links */

a:link {
	font: 12px Verdana, Helvetica, Arial;
	color: #555555;
	text-decoration:none;
	border-bottom:0px;
	font-style: italic;
	line-height: 2.0em;
}
a:visited {
	font: 12px Verdana, Helvetica, Arial;
	text-decoration:none;
	color: #555555;
	line-height: 2.0em;
}
a:hover {
	font: 12px Verdana, Helvetica, Arial;
	text-decoration:underline;
	font-style: normal;
	color:#336699;
	line-height: 2.0em;
}