@import url('grids.css');
@import url('layout.css');

body, html {height:100%;}
body {background:url(../images/bg.gif) repeat-x; color:#636363;}
#page {width:960px; padding:0 0 10px 0;}

a {color:#1a86b6;}
a:hover {color:#8C5761; text-decoration:none}

.img {border: 1px solid #CCC; padding:2px; }

h1, h2, h3, h4, h5, h6 {color:#1a86b6;}
h2 {color:#48484a; font-size:20px; font-weight:bold; margin-bottom:5px;}
h3 {margin-bottom:5px;font-size:18px; font-weight:500}

#page span.button a {background:#aaaaaa; color:white;}
#page span.button a:hover {background:#ffc600; color:#3b3b3b;}

.lineDotted {background:url(../images/line_dotted.gif) repeat-x; height:5px; margin:0 5px 0 5px;}

p {line-height:22px;}

textarea, input{background:white; border:1px solid #CCCCCC; color:#636363; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size:12px}
input{width:300px;padding:4px;}

/* Top START */
#top {height:165px; overflow:hidden;}
#top #logo { margin-left:100px}

#top #infoBox {width:657px; height:164px; background:url(../images/header_bg.gif) no-repeat; position:relative;}
#top #infoBox .inner {padding:50px 40px 20px 60px;}
#top #infoBox h1 {color:#717171; font-size:17px; margin-bottom:10px;}
#top #infoBox p {color:#9f9f9f; width:450px; font-size:12px; margin-top:10px;}
#top #infoBox img {position:absolute; right:40px; top:70px;}
/* Top END */

/* Top Menu START */
.menu {height:42px; overflow:hidden; background:none; color:white;position:static;z-index:-1; list-style:none; }
.menu li { float: left; margin: 0 4px 0 0; background:url(../images/menu_sep.gif) no-repeat right;}
.menu li a { display: block; font-size: 13px; padding:9px 20px 12px 20px; color:#FFF;text-decoration:none }
.menu a:hover {text-decoration:none; background: #1a86b6; }

.menu li ul { display: block; background: #1a86b6; margin: 0px 0 0; position: absolute; display: none; z-index: 2; border: 1px solid #363636; color:#FFF }
.menu li ul li { float: none; display: inline; margin: 0; padding: 0; color:#363636}
.menu li ul li a { width: auto; margin: 0px; white-space: nowrap;color:#363636; background-color:#FFFFFF;text-decoration:none }
.menu li ul li a:hover {color:white; width: auto; margin: 0px; white-space: nowrap; font-weight:normal }
/* Top Menu END */

/* Header START */
#header {background:url(../images/slideshow_bg.jpg) no-repeat; height:210px; position:relative;}
/* Header END */

/* Sub Menu START */
#subMenu {margin-top:22px;}
#subMenu ul li {background:url(../images/line_dotted.gif) repeat-x bottom; display:block;}
#subMenu ul li a {color:#6b6b6b; font-size:14px; padding:12px 0 12px 10px;}
#subMenu ul li a:hover, #subMenu ul li.selected a{background:url(../content/themes/inc_files/images/submenu_active.gif) no-repeat left center; color:white;}
/* Sub Menu END */

/* Portfolio Sub Menu START */
#portfolioSubMenu {margin-top:12px; overflow:hidden;}
#portfolioSubMenu ul li {display:inline;}
#portfolioSubMenu ul li a {background:url(../images/line_dotted.gif) repeat-x bottom; color:#6b6b6b; font-size:12px; padding:8px 0 8px 10px;}
#portfolioSubMenu ul li a span {display:block; color:#b8b8b8; margin:0; padding:0; font-size:11px;}

#portfolioSubMenu ul li a:hover {background:url(../images/line_dotted.gif) repeat-x bottom #f2f2f2; color:#1684b4;}
#portfolioSubMenu ul li a:hover div {color:#737373;}
#portfolioSubMenu ul li.selected a, #portfolioSubMenu ul li.current-cat a {color:white; font-weight:bold; background:url(../images/line_dotted.gif) repeat-x bottom #1684b4;}
#portfolioSubMenu ul li.selected a div {display:block; font-weight:normal; color:#caf1fd;}
/* Portfolio Sub Menu END */

/* Main Conent START */

ul.list {margin:0 0 10px 0; list-style:none;}
ul.list li {margin:0; padding:5px 10px 0px 20px; background:url(../images/bullet_blue_1.gif) no-repeat 10px 15px;}

a.button {display:inline-block; padding:5px 15px 5px 0px; background:url(../images/bullet_blue_1.gif) no-repeat right;}

#featuredProjects { position:absolute; left:30px; top:290px; text-align:center; padding:28px 0 10px 0;}
#featuredProjects h2 {color:#48484a; font-size:20px; font-weight:bold;}
#featuredProjects a.button {display:inline-block; font-size:14px;  padding:5px 15px 5px 0px; background:url(../images/bullet_blue_1.gif) no-repeat right;}

.boxVertDotted {height: auto; background:url(../images/line_dotted_vert.gif) repeat-y right; overflow:hidden;}
.boxVertDotted p {margin-right:20px;}

#servicesMenu {margin-right:20px;}
#servicesMenu li a{background:url(../images/line_dotted.gif) repeat-x bottom; padding:10px 0 10px 10px; color:#636363; font-size:14px; vertical-align:middle;}
#servicesMenu li a img {vertical-align:middle; margin-right:10px;}
#servicesMenu li a:hover {color:white; font-weight:bold; background:url(../images/line_dotted.gif) repeat-x bottom #1684b4;}

.subpage {background:white; border:1px solid #e1e1e1; padding:19px; position:relative;}
.subpage h1 {font-size:24px; background:url(../images/line_dotted.gif) repeat-x bottom; padding-bottom:15px; margin-bottom:15px;}
.subHead {font-size:18px; padding:10px 0 0 15px; color:#4b4b4b;}
.subpage .lineDotted {background:url(../images/line_dotted.gif) repeat-x; height:10px; margin:10px 0 10px 0; clear:both;}

blockquote { margin-left:50px; text-align: justify; font-style:normal}
.quoteName {text-align:right; margin:10px 0 20px 0; font-weight:bold; }

small {color:#999999; padding:10px 0 10px 0; font-size:11px; margin:0 0 15px 0; display:block;}
small a {display:inline;  text-decoration:underline;}
small a:hover {color:#333333;}

div.block {padding-bottom:10px; margin-bottom:30px;}

div.blockFooter {padding:8px 20px 8px 0; text-align:right; background:#f2f2f2; font-size:10px;}
div.blockFooter  a {color:#838383; text-transform:uppercase;}
div.blockFooter  a:hover {color:black;}
div.blockFooter span.sep {display:inline-block; padding:0 10px 0 10px; background:url(../images/footer_menu_sep.gif) no-repeat center;}

#contactPageMenu li a {display:inline; padding:0; margin:0; text-decoration:underline;}
#contactPageMenu li {display:block; padding:5px 0 5px 0;}
#contactPageMenu li img {margin-right:10px; vertical-align:middle;}

/* Main Content END */

/* Sidebar START */
#sidebar {}

#sidebar h3 {margin:0 0 5px 0;}

#sidebar ul.submenu li a {padding:5px 10px 5px 10px; background:#fafafa; border-bottom:1px solid white;}
#sidebar ul.submenu li a:hover {background:#f3f3f3;}
/* Sidebar END */

/* Footer START */
#footer {margin:0 auto; height:50px; background:url(../images/bg_bottom.gif) repeat-x; width:960px}
#footerContainer {width:960px;}

#footerContent {text-align:left;}
#footerContent a {color:#9e9e9e; text-decoration:underline; font-size:11px}
#footerContent a:hover {color:white;}
#footerMenu {position:relative; margin-top:5px;}

/* Footer END */

/* Slider START */
#sliderHeader { }
#sliderHeader ul, #sliderHeader li{margin:0; padding:0; list-style:none; }
#sliderHeader li a{display:block; width:940px; height:270px; overflow:hidden; text-decoration:none;}

#sliderHeader li a span.slide {display:block; padding: 15px 20px 20px 20px; width:300px; }
#sliderHeader li a span {color:white; font-size:30px;}
#sliderHeader li a span.title {font-size:15px; color:#a8a8a9; line-height:20px; margin-top:18px;}
#sliderHeader li a span.testimonial {display:block; font-family:"Times New Roman", Times, serif; font-size:18px; color:#484848; line-height:22px; text-align:left; color:#d9d9d9; margin:5px 0 0 0; background:none; font-style:italic;}
#sliderHeader span.quoteName {font-size:17px; display:block; color:#9d9d9d; text-align:left; padding:0; font-family:Arial Rounded MT Bold, "Trebuchet MS", Verdana, "Tw Cen MT", "Tw Cen MT Condensed"; margin-top: 30px;}

ol#controls{ display:none}
/* Easy Slider END */

/* Begin Contact Form CSS */

.contactform {
	overflow: hidden;
	width:66%;
}

.contactleft {
	width: 19%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 7px;
	margin: 2px 0;
	color:#1a86b6;
	font-weight:bold;
}

.contactright {
	width: 75%;
	text-align: left;
	float: right;
	display: inline;
	padding: 7px;
	margin: 2px 0;
}

.contactright div {padding:3px;}

.contacterror {
	border: 1px solid #d44100;
}

.contactsubmit {
}

/* ---------------------------------------- Drop down Menu ----------------------------------------------- */
#jsddm{display: block;text-align: left;color: #999;margin-top:0px;margin-left:0px;list-style:none; margin:0; padding:0;}
	#jsddm li{float: left;list-style: none;font-size: 12px;color: #999;background:#fafafa;}
	#jsddm li a{display: block;white-space: nowrap;padding: 0 12px 0 12px;vertical-align: middle;}
	#jsddm li a:hover{color: #999;font-size:12px;}
		#jsddm li ul{padding: 0;visibility: hidden;border:1px dotted #999;background:#f0f0f0;width:172px;position:absolute;top:0;margin-top:206px;height:auto;}
			#jsddm li ul li{float: none;display:block;height:22px;margin:0px;border-bottom:0px solid #999;background:#f0f0f0;margin-top:0px;}
			#jsddm li ul li a{width: 100%;color: #777;height:22px;text-align: left;padding:3px;font-size:10px;}
			#jsddm li ul li a:hover{width: 100%;color: #999;height:22px;}
			
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#example1, #example3{ /*Demo 1 main container*/
width: 220px;}


#example1 a , #example3 a{ /*Demo 1 main container*/
width: 220px;
color: #666666;
font-weight:bold}

#example3 p{ /*Demo 3 P element that separates each entry*/
margin-top: 0;
margin-bottom: 5px;
}
#example1 div{ /*Demo 3 P element that separates each entry*/
margin-top: 0;
margin-bottom: 5px;
}
.my_button{cursor:pointer;
	background-color: #1a86b6;
	border:none;
	color:#FFF;
	width: auto;
	float: left;
	padding: 3px;
	margin-top: 2px;
	font-size:13px;
	font-family:Trebuchet MS, Calibri,Tw Cen MT ;
		height:25px;
	}