@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; background-color:#222222; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
h1,h2,h3,h4,h5,h6,p,form {margin:0px; padding:0px;}
a {color:#cc0001; text-decoration:underline;}
a:hover {color:#cc0001; text-decoration:none;}
.clear{ clear:both;}
.main-container{ width:1000px; margin:0 auto; background-color:#FFFFFF;}
.top-line{ background-image:url(../images/top-line.jpg); height:4px; background-repeat:repeat-x; width:100%;}
.logo-bg{ background-image:url(../images/logo-bg.jpg); height:76px; background-repeat:repeat-x; width:100%; margin-top:10px;}
.logo{ width:322px; height:71px; float:left;}
.card{ width:237px; height:48px; float:right;}
.nav-bg{ height:91px; width:100%; background-image:url(../images/nav-bg.jpg); background-repeat:repeat-x;}
.navigation{ width:529px; margin-right:16px; float:right; background-image:url(../images/navigation-bg.jpg); height:25px; background-repeat:repeat-x; margin-top:15px; color:#FFFFFF;}
.nav-left{ width:11px; height:25px; float:left;}
.nav-right{ width:11px; height:25px; float:right;} 
.nav-link{ color:#FFFFFF; min-width:2px; float:left; margin-top:3px;}
.nav-link :link{ color:#FFFFFF; padding-left:12px; padding-right:12px; text-decoration:none;}
.nav-link :active{ color:#FFFFFF; padding-left:12px; padding-right:12px; text-decoration:none;}
.nav-link :visited{ color:#FFFFFF; padding-left:12px; padding-right:12px; text-decoration:none;}
.nav-link :hover{ color:#FFFFFF; text-decoration:underline;}
.part{ background-image:url(../images/part.jpg); width:1px; height:24px; margin-top:1px; float:left;}
.banner{ width:900px; margin:0 auto;  margin-top:15px;}
.heading{ font-family:"Arial Black"; font-size:20px;}
.heading2{ color:#9f0404;}
.content{ width:900px; margin:0 auto; margin-top:25px;}
.project{ width:870px; margin-top:15px;}
#myscroll {width:1400px; position:relative; overflow:hidden;}
.myScrollArows {width:15px; float:left; margin-top:50px; cursor:pointer}
.project-box{ width:145px; height:179px; margin-left:29px; float:left; line-height:17px;}
.content-box{ width:580px; padding:10px; font-size:11px; color:#828282; float:left; margin-top:10px;}
.testimonial-box{ width:280px; padding:10px; font-size:11px; color:#828282; float:left; margin-top:10px;}
.testimonial-box2{ width:250px; padding:10px; font-size:11px; color:#828282; float:left; margin-top:10px; margin-left:10px;}
.name{ font-size:12px; color:#000000; text-align:right;}
.name :link{ font-size:12px; color:#000000; }
.name :active{ font-size:12px; color:#000000;}
.name :visited{ font-size:12px; color:#000000;}
.name :hover{ font-size:12px; color:#000000;}
.client{ background-image:url(../images/icon-bg.jpg); height:2px; width:100%; background-repeat:repeat-x; /*margin-top:25px;*/}
.client2{ background-image:url(../images/icon-bg.jpg); width:165px; background-repeat:repeat-x; background-color:#f2f2f2; padding-left:10px; padding-right:10px;}
.client-bg{ width:900px; margin:0 auto;}
.client-logo{ width:42px; height:43px; float:left; margin-top:20px; margin-right:70px;}
.boldFonts{font-size:11pt; font-weight:bold; font-family:arial}
#footer {padding:20px 0px 20px 0px}
#footer .leftFloat {float:left;}
#footer .frstCol {width:300px; margin-left:45px; border-right:1px solid #999999; margin-bottom:30px}
#footer .scndCol {width:300px; border-right:1px solid #999999; margin:0px 15px}
#footer .thrdCol {width:300px}
#footer H1 {font:bold 12pt arial; color:#999999;}
#footer ul {padding:0px; float:left; margin-right:20px}
#footer ul li {list-style:none;}
#footer a{color:#666666; font-size:10px}
#footer a:hover{color:#000000; text-decoration:none; font-size:10px}
.footerLast {background:url(../images/footerEnd.png) no-repeat; width:271px; height:101px; float:right; margin:-47px 30px 0px 0px;}
.tailContainer { width:1000px; margin:0 auto;}
.leftFloat {float:left;}



/* Slide Show*/

.content h1
{
	color: #fff;
	font-size: 47px;
	font-weight: bolder;
	margin: 0 40px;
	padding: 0.08em 0;
}

.content h1 sup
{
	color: #ddd;
}

.content h1 a
{
	color: #fff;
	text-decoration: none;
}

.content h1 .company, .content h1 a .company
{
	color: #d01a71;
}

.content h2
{
	color: #ddd;
	font-size: 2.5em;
}

.content h3
{
	color: #fff;
	font-size: 1.5em;
}

.content h4
{
	font-size: 1.3em;
}

.content 
{
	margin: auto;
}

.content a
{
	color: #fff;
}


.content p.linkage
{
	margin-top: 2em;
	text-align: right;
	font-size: 1.7em;
	color: #ddd;
}

.content p.linkage a { color: #fff; }

/*.content p.linkage a
{
	color: #fff;
	background: url('../images/bg/biglink_off.gif') center right no-repeat;
	padding: 10px 20px;
	text-decoration: none;
}

.content p.linkage a:hover
{
	background: url('../images/bg/biglink_on.gif') center right no-repeat;
	font-style: italic;
}*/

#myGallery
{
	text-align: left;
	margin: 0 auto;
}

/* End Of Slide Show*/ 






/* Horizantal Scrolling For Project Thums*/

div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 145px;
	width: 500px;
	overflow: auto;
}
ul.sc_menu {
	display: block;
	height: 110px;
	/* max width here, for users without javascript */	
	width: 1500px;	
	padding: 15px 0 0 15px; 
	/* removing default styling */
	margin: 0;
	background: url('navigation.png');		
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 4px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}
.sc_menu span {
	display: none;
	margin-top: 3px;
	
	text-align: center;
	font-size: 12px;	
	color: #fff;
}
.sc_menu a:hover span {
	display: block;
}
.sc_menu img {
	border: 3px #fff solid;	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.sc_menu a:hover img {
	filter:alpha(opacity=50);	
	opacity: 0.5;
}


/* Here are styles for the back button, don't look at them */
#back {
	display: block;
	width: 500px;
	text-align: center;
	color: #003469;
	font-size: 16px;
}

/* End Of Horizantal Scrolling*/






/* Inner Page Classes*/
#InnerPage {width:98%; margin:auto}
#InnerMenu {width:230px; float:left; margin-right:10px}
#InnerPage h1 {font:normal 14pt "Tw Cen MT Condensed Extra Bold"; color:#000000; text-transform:uppercase;margin:0px auto; padding:0px; border-bottom:1px solid #FF0000; width:85%; height:28px}
#InnerPage h2 {font:bold 13pt arial; color:#b50606; text-transform:none;margin:0px auto; padding:0px; border-bottom:1px solid #000000; margin-bottom:10px}
#InnerPage p {line-height:18px; margin-bottom:10px; text-align:justify}
#InnerPage .ContentHolder {float:left; width:75%}
#InnerPage .thum {float:right;}
#InnerMenu ul {padding:0px; margin:10px 0px 0px 18px; line-height:25px}
#InnerMenu ul li {background:url(../images/bullet-InnerMenu.png) no-repeat 0.5px 60%; padding-left:15px; list-style:none;}
#InnerMenu ul .active {color:#b50606; font:bold 9pt arial !important; text-decoration:none; cursor:pointer;height:15px; margin-top:4px}
#InnerMenu ul li a {color:#000000; font:bold 9pt arial; text-decoration:none}
#InnerMenu ul li a:hover {color:#666666; font:bold 9pt arial; text-decoration:none}
#InnerMenu .top{background:url(../images/InnerMenuBox-top.jpg) no-repeat;height:14px;}
#InnerMenu .mid{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc; height:189px}
#InnerMenu .btm{background:url(../images/InnerMenuBox-btm.jpg) no-repeat;height:14px;}

/* */

/*  My Form */
#myform { margin:auto}
#myform .labelGroups {float:left; text-align:right; font-weight:bold}
#myform .label {height:17px; padding-top:3px}
#myform .inputBoxes{float:left; margin:0px 0px 0px 30px}
#myform .inputBoxes DIV {height:20px;}
#myform .myinputBox {border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-right:1px solid #999999;border-top:1px solid #999999; height:17px; color:#666666}
#myform .submit {background:url(../images/blank-button.jpg) no-repeat; width:112px; height:25px; border:0px; padding-left:30px; color:#FFFFFF; font:bold 9pt arial;}
#myform .servicesQuotes {padding-left:50px; float:left}
#myform .servicesQuotes DIV {margin-top:8px;}
#myform .chekbox {padding:0px; margin:0px;}
/* */

/* Portfolio Gallery*/
#portfolio IMG {width:120px;}
#portfolio .portfoliocol{
width:150px;
float:left
}
#portfolio .LeftMrgn {
margin-left:35px;
}
#portfolio .portfoliocol .thumb
{
margin-bottom:25px;
font-size:11px;
}

/* */

#right{ color:#ff0000; float:left; margin-left:35px;}
.web-box{ width:310px; float:left; text-align:justify;}
.web-box2{ width:310px; float:left; margin-right:20px; text-align:justify;}


.head-ing {
color : #cc0001;
text-align:left;
font-weight : bold;
font-size : 13px;
}

.detail-mid3 {
background-image : url(../images/detail-mid3.jpg);
width : 700px;
background-repeat : repeat-y;
}

.left-side {
float : left;
width : 183px;
text-align : left;
margin-top : 2px;
margin-left : 60px;
}

.center-side {
float : left;
width : 10px;
text-align : left;
margin-top : 2px;
}

.right-side {
float : left;
width : 430px;
text-align : left;
margin-top : 2px;
}

.bg-color {
background-color : #ffb8b8;
}
.call-us{ font-size:44px; float:left; color:#b50606;}