@charset "utf-8";

#dummy-element{width:2px;} /* Necessary to check if StyleSheet has loaded */  

body {
 background-color: #fff;
 margin:0px;
 font-family: "Times New Roman", Times, serif ;
 font-size: 14px;
 color: #000000;
 background:url(/images/topbg.jpg) #b3bbc6 repeat-x top left;
}

* {
outline:none}

a img
{
border:none}

#container {
margin:0 0;
width: 980px;
height:1000px;
background:url(/images/layout.png) 0 0 no-repeat;
}

h4 span
{
 
color:#990000;
text-decoration:none;
font-style: italic;
margin-left:400px;
font-size:24px;
}

#header
{
height:220px;
width:100%;
}

#header h1
{
font-size:30px;
font-family:"Times New Roman", Times, serif;
float:left;
margin-right:50px;
border-bottom:3px #FF9900 double
}

#logo {

background:transparent url(/images/logo.png) no-repeat scroll 0 0;
float:left;
height:164px;
margin:18px 0 0 59px;
width:163px;
}

#headerTitle
{
float:right;
color: #613327;
font:24px  "Times New Roman", Times, serif ;
font-weight:bold;
margin-left:675px;
margin-right:50px;
margin-top:5px;
width:300px;
text-align:center
}

#headerSubtitle
{
font-size:14px}

#headerSEO
{
color:#FFCC00;
float:right;
margin-right:469px;
margin-top:17px;
text-align:center;
width:233px;}



#telephone
{
background:url(../images/phone.png) left no-repeat;
padding-left:22px;
padding-top:5px;
height:25px
}


#content
{
float:right;
width:720px;
margin-right:10px
/*height:650px;margin:10px 31px 5px 0;

overflow-y: scroll;
overflow-x:hidden*/}

#side_menu {
float:right;
/*margin:58px 13px 3px 26px;
*/width:226px;
}


#tabsI {
float:left;
font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:normal;
margin-left:220px;
margin-top:-7px;
width:500px;
} 
    #tabsI ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabsI li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsI a {
      float:left;
      background:url("/cssTabs/tableftI.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsI a span {
      float:left;
      display:block;
      background:url("/cssTabs/tabrightI.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color: #800000;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsI a span {float:none;}
    /* End IE5-Mac hack */
    #tabsI a:hover span {
      color:#FFF;
      }
    #tabsI a:hover {
      background-position:0% -42px;
	 
      }
    #tabsI a:hover span {
      background-position:100% -42px;
	   color: #291B0E
      }

        #tabsI #current a {
                background-position:0% -42px;
        }
        #tabsI #current a span {
                background-position:100% -42px;
        }
		
#ContactForm
{
}		
		
#ContactForm input, #ContactForm textarea
{
display:block;
}



#ContactForm label
{
float:left;
width:150px;
text-align:right;
margin-right:10px;
margin-bottom:10px}


/**/.contact_submit
{
 
background:url(../images/emailbg.png) left no-repeat;
float:right

}
	
legend
{
color:#613327;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:18px;
margin-bottom:20px}

/* ---------- gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	padding: 10px;
	margin: 0;
	float: left;
	position: relative;
	width: 170px;
	height: 120px;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px;
}
.gallery li:hover img {
	border-color: #999;
}
.gallery em {
	background: #fff url(/images/grey-gradient.gif) repeat-y;
	color: #000;
	font-style: normal;
	padding: 2px 10px;
	display: block;
	position: absolute;
	top: 110px;
	left: 9px;
	border: 1px solid #999;
	border-left-color: #888;
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #400000;
	font-weight:bold
}
.gallery a {
	text-decoration: none;
	color: #000;
}
.gallery a:hover em {
	background: #ffdb01 url(/images/orange-gradient.gif) repeat-y;
	border-color: #c25b08;
}

.gallery span
{
width: 28px;
	height: 21px;
	display: block;
	position: absolute;
	top: -1px;
	left: 90px;
	background: url(/images/pin.png) no-repeat;
}


/* eof gallery*/


.monitor {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/monitor.png) no-repeat scroll 0 0;
padding:17px 0 0 17px;
width:302px;
height:297px;

line-height:0;
float:right;


}


#portfolio
{
width:600px;
height:650px;
overflow-y: scroll;
overflow-x:hidden
}

.projects ul
{
list-style:none;
padding:0px;
font-size:12px;

}

.projects p
{
margin-bottom:5px}

.projects ul li
{
padding:3px 0 5px 20px;
background:url(/images/tag.png) left no-repeat;

}


.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* service tabs*/

.container {width: 660px; margin: 10px auto; font: 10px normal Verdana, Arial, Helvetica, sans-serif;
}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: right;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

/* eof service tabs*/


/* footer */

#footer
{
background:#363636 none repeat scroll 0 0;
border-top:0px solid #444444;
color:#AAAAAA;
padding-bottom:2em;
width:100%;
overflow:auto
}	

#subfooter
{
background:#F79C00 none repeat scroll 0 0;
border-top:5px solid #FFAF26;
width:100%;
}

.padded {
padding:8px !important;
}
.container_12 {
margin-left:auto;
margin-right:auto;
width:960px;
}


.footer_grid {
width:220px;
}
.footer_grid {
display:inline;
float:left;
margin-left:10px;
margin-right:10px;
position:relative;
}


#footer ul, #footer li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding-left:0;
}

#footer a {
color:#CCCCCC;
text-decoration:none;
text-shadow:0 1px 0 #222222;
}

#footer a:hover {
text-decoration:underline
}

#footer h3 {
color:#FFFFFF;
font-size:17px;
margin:10px 0;
}
 
/* EOF footer */

.proj_link
{
margin: 13px 0 0 190px;
}


#style-switcher a
{
background:#FF9900 ;
width:100px;
margin-left:120px;
}

/* content slider*/



		div#feature_list {
			width: 665px;
			height: 240px;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: /*320px*/ 200px;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
			
		}
		
		#tabs h3
		{
		margin-top:22px;
}

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			background:url('/images/test/feature-tab-current.png') no-repeat center ;
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 463px;
			height: 240px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 463px;
			height: 240px;
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}
		
/* eof content slider*/