@charset "utf-8";
*{ margin: 0; padding: 0; }
body {padding:0;margin:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;color:#ccc; background:url(../images/bg.jpg) repeat-x center top #000 fixed;}
a {color:#ff0623;text-decoration:none;}
a:hover {text-decoration:none; color:#FFF}
a img { border: none; }
a:hover img { text-decoration: none; }
p, h1, h2, h3, h4 {padding:0;margin:0 0 10px 0;}
h1 {font-size:20px; font-weight:bold; font-family:"Eras Light ITC","Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; line-height:28px;text-shadow: 1px 1px 1px #ccc;}
h2 { font-size:18px; font-family:"Eras Light ITC","Trebuchet MS", Arial;color:#d9d900; line-height:23px}
h3 { font-size:15px; color:#FFF}
h4 { font-size:12px}

/*Misc---------*/
.highlight { font-size:20px; font-weight:bold; font-family:"Eras Light ITC","Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; line-height:28px;text-shadow: 1px 1px 1px #ccc;}
.txt12 { font-size:12px}
.smalltext { font-size:10px; color:#CCC}
.textRight { text-align:right}
.yellowText { color:#eded00}
.yellowBig { font-size:18px; font-weight:bold; font-family:"Eras Light ITC","Trebuchet MS", Arial;color:#d9d900; line-height:23px}
.big { font-size:30px}
.spacer { clear:both; height:1px}
.konfi	{text-indent:-9999px;display:none;}
*html .spacer { clear:both; height:-1px}
.left { float:left}
.contact { float:left; margin-top:12px}
.rounded-pad { background-color:#1D1D1D; border:2px solid #333; box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000;	padding:8px; font-size:15px; border-radius: 6px;	-moz-border-radius: 6px;-webkit-border-radius: 6px; display:inline}
#cost { line-height:22px; color:#FFF}
#cost tr:hover{ background-color:#313131}
/*Conatiners---------*/
#container  {width:976px; margin:0 auto; }
#header { height:100px; clear:both}
#logo {width:400px; height:90px; float:left; margin-top:10px}
#nav { float:right; margin:40px 0 0 0}
#nav li {display:block;list-style:none; float:left;margin-right: 8px; }
#nav li a {text-decoration: none;color:#ccc; font-size:14px;padding:6px 12px;outline: none; background:url(../images/bg-title.jpg) repeat-x top #010101; border-bottom:1px solid #333; box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; border-radius: 6px;	-moz-border-radius: 6px;-webkit-border-radius: 6px;	}
#nav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {background:url(../images/bg-tab.jpg) bottom center repeat-x;color: #fff;text-decoration: none;	}
#content {  background:url(../images/bg_header.jpg) no-repeat #000;}

/*#content {background:url(../images/blank.png)}*/
#portfolio {width:976px;}
#portfolio .first-slide {  float:left; width:490px; height:150px; padding-top:10px; margin-right:20px; border-right:1px solid #333 }
#portfolio .first-right {float:left; width:320px;  }
#portfolio .slide{  float:left; width:580px; height:150px; margin-right:20px; border-right:1px solid #333 }
#portfolio .slide img { border:1px solid #ccc}
#portfolio .right {float:left; width:250px; }

.content { padding:0 20px;}
.content .left{ float:left; width:690px; margin-top:20px}
.content .left li { margin-left:30px;}
.box { background-color:#151515; border:1px solid #333; padding:6px; float:left; margin:10px; width:305px}
.box a { color:#fff; text-decoration:none}
/*right coloum contents */
.content .right{float:left; width:210px;margin: 20px 0 0 20px}
.content .right h2 { padding:6px; font-family:"Trebuchet MS", Arial; font-size:14px; margin-bottom:6px}
.content .right .comm { border-top:1px solid #333;border-bottom:1px solid #333; padding:10px 5px}
/*Home News ticker */
.news-container { margin:10px 0px; width:210px; height:auto;}
.news-container ul { list-style:none;}
.news-container li { padding-bottom:10px; margin:0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:18px; text-align:justify}
.news-container li h3 a{ color:#FFF;}
.news-container li h3 a:hover{ color:#F00;}
/*Home page tab navigation */
.widget {width: 930px;margin:0px;padding: 5px;background-color:#141414;border: 1px solid #333;margin-bottom:15px;}
.widget a {	color:#fff;text-decoration:none; padding:5px; }
.widget a:hover {color: #d9d900;text-decoration: none;}
.tabnav li {display: inline;list-style: none;padding-right: 5px;font-family:Arial, Helvetica, sans-serif}
.tabnav li a {text-decoration: none;color:#ccc;font-weight: bold; font-size:14px;padding: 5px 8px;outline: none; background:url(../images/bg-tab.jpg) top repeat-x	}
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {background:url(../images/bg-tab.jpg) bottom repeat-x;color: #fff;text-decoration: none;	}
.tabdiv {margin-top: 0px;background:url(../images/bg-title.jpg) repeat-x top #121212;border: 1px solid #282828;	padding: 5px; font-family:Arial, Helvetica, sans-serif	}
.tabdiv  a {color:#fff;text-decoration:none; padding:5px; display:inline; padding:5px; border:1px solid #333; background:url(../images/bg-title.jpg) top repeat-x}
.tabdiv  a:hover {color: #d9d900;text-decoration:none; padding:5px; display:inline; padding:5px; border:1px solid #fff}
.ui-tabs-nav { margin:6px 0px 6px 0px}
.ui-tabs-hide {	display: none;	}
#featuredvid {text-align: center;}
.fvid {	margin-bottom: 5px;	}
.vidselector li {text-align: left;	list-style: none;padding: 5px;background: #ffffff;border: 1px solid #dedbd1;}
.popupTitle { color:#CCC; font-size:16px;}
/*Serviecs*/
#service { margin-top:15px;}
#service ul{ list-style:none; padding:0px; margin:0px}
#service li a{ display:block; padding:4px; border-bottom:1px solid #333; color:#FFF}
#service li a:hover{ display:block; padding-left:4px; border-bottom:1px solid #fff; background-color:#121212;}

/* Tag cloud */
	#tags ul{
		margin:1em 0;
		padding:.5em 10px;
		text-align:center;
		background:url(../images/bg_header.jpg) repeat-x #000;
		}
	#tags li{
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
		}
	#tags li a{
		text-decoration:none;
		color:#999;
		padding:0 2px;	
		}
	#tags li a:hover{	
		color:#d9d900;
		}		
	.tag1{font-size:90%;}
	.tag2{font-size:120%;}
	.tag3{font-size:140%;}
	.tag4{font-size:170%;}
	.tag5{font-size:200%;}
	
/* alternative appearence */
	#tags .alt{
		text-align:left;
		padding:0;
		background:none;
		}
	#tags .alt li{
		padding:2px 10px;
		background:#efefef;
		display:block;
		}
	#tags .alt .tag1, 
	#tags .alt .tag2, 
	#tags .alt .tag3, 
	#tags .alt .tag4, 
	#tags .alt .tag5{font-size:100%;}
	#tags .alt .tag1{background:#292929;}
	#tags .alt .tag2{background:#454545;}
	#tags .alt .tag3{background:#5b5b5b;}
	#tags .alt .tag4{background:#717171;}
	#tags .alt .tag5{background:#222;}
	
	.btn{display:block; text-align:center}
	
/*Contact FORM */
.formular label {
	float: left;
	text-align: inherit;
	width:80px;
}
.formular label span {
	color: #fff;
}
.formular input, .formular select, .formular textarea {
	display : block;
	margin-bottom: 5px;
}
.formular .text-input {
	width: 200px;
	color: #555;
	padding: 3px;
	border: 1px solid #333;
	font-size: 14px;
	margin-top: 4px;
	background: #fff url(../images/bg-input.jpg) repeat-x; 
}
.formular textarea {
	width: 200px;
	height:70px;
	color: #555;
	padding:3px;
	border: 1px solid #333;
	font-size: 14px;
	margin-top: 4px;
	background: #fff url(../images/bg-input.jpg) repeat-x;
}
.formular .infos {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
}
.formular span.checkbox, .formular .checkbox {
	display: inline;
}
.formular .submit {
	background:url(../images/bg-tab.jpg) repeat-x top;
	border: 1px solid #333;
	padding: 4px;
	margin-top: 10px;
	float: right;
	text-decoration: none;
	cursor:pointer;
	color:#FFF
}

.formular .fc-error {
	width: 350px;
	color: 555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}
/*Quote FORM */
.modalTitle{ height:30px; font-size:16px; font-weight:bold; color:#FFF}
.formquote label {
	float: left;
	text-align: inherit;
	width:100px;
}
.formquote {color:#FFF}
.formquote select, .formquote textarea {
	display : block;
	margin-bottom: 5px;
}
.formquote .text-input {
	float:left;
	width: 200px;
	color: #555;
	padding: 3px;
	border: 1px solid #333;
	font-size: 14px;
	margin-bottom: 6px;
	background: #fff url(../images/bg-input.jpg) repeat-x; 
}
.formquote .text-input-big {width: 300px;color: #555;padding: 3px;border: 1px solid #333;font-size: 14px;margin-bottom: 6px;background: #fff url(../images/bg-input.jpg) repeat-x;  }
.formquote textarea {
	width: 300px;
	height:70px;
	color: #555;
	padding:3px;
	border: 1px solid #333;
	font-size: 14px;
	margin-top: 4px;
	background: #fff url(../images/bg-input.jpg) repeat-x;
}
.formquote .infos {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
}
.formquote .chk{margin-left:10px; padding:5px; float:left}
	
.formquote .box { background-color:#151515; border:1px solid #333; padding:6px; width:330px;  margin:5px; clear:both}
.formquote .submit {
	background:url(../images/bg-tab.jpg) repeat-x top;
	border: 1px solid #333;
	padding: 4px;
	margin-top: 10px;
	clear:both;
	text-decoration: none;
	cursor:pointer;
	color:#FFF
}
/*Portfolio slide */
.boxgrid{ width: 640px; height: 120px; 	margin:10px; float:left; background:#161613; border: solid 2px #4d4d4d; overflow: hidden; position: relative; }
.boxgrid img{ position: absolute; top: 0; 	left: 0; border: 0; }
.boxcaption{ float: left; 	position: absolute; background: #000;	height: 100px; width:100%; opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.boxgrid .webdetail { float:left; width:210px; padding:5px}
.boxgrid a { padding:6px; background-color:#1F1F1F; color:#d9d900}
.boxgrid a:hover { padding:5px; background-color:#000; color:#FFF; border:1px solid #333}

#footer-content {background:url(../images/bg-footer.gif) repeat-x top #1a1a1a;clear:both; font-size:11px; height:284px}
#footer-content .block { float:left; width:296px; margin-right:10px; padding:10px; border-right:1px dotted #333 }
#footer-content .block-last { float:left; width:293px; padding:10px; }
#footer-content li { margin-left:30px; }
#footer-content li a {padding:3px; color:#666; display:block; border-bottom:1px dotted #333}
#footer-content li a:hover {padding:3px; color:#FFF; display:block; border-bottom:1px dotted #333; background-color:#333}
#footer {  background:url(../images/bg_header.jpg) repeat-x center top;clear:both; margin-top:10px; padding:10px; text-align:center; font-size:11px}