/* CSS Document */

body {
	margin:0;
	padding:0;
	background:#77787a;
	font-family:Arial, Helvetica, sans-serif;
	}

.clear {
	clear:both;
	}

h1, h2, h3 {
	margin-top:0;
	color:#2e3192;
	}
	
.TabelCategory{color:#2e3192;
font-weight:bold;
size:23pt;
text-transform:uppercase;
}

#page {
	width:974px;
	margin:0 auto;
	background:url(images/bg_page.gif) repeat-y;
	}
	
#pg{
	width:974px;
	margin:0 auto;
	background:url(images/bg_white.gif) repeat-y;
	}

#block-phone {
	float:left;
	width:690px;
	height:41px;
	padding:38px 7px 0 0;
	text-align:right;
	color:#b2b3b6;
	font-size:0.63em;
	line-height:1.60em;
	}
	
#block-gray {
	float:left;
	width:967px;
	height:0px;
	padding:20px 7px 0 0;
	background:#77787a;
	text-align:right;
	color:#b2b3b6;
	font-size:0.63em;
	line-height:1.60em;
	}

#block-phone .phone-number {
	color:#fff;
	}

.phone-number-lg {
	font-size:1.60em;
	font-weight:bold;
	}

#header {
	float:left;
	width:974px;
	height:104px;
	background:url(images/bg_header.gif) no-repeat;
	}

#logo {
	float:left;
	width:210px;
	height:60px;
	margin:22px 0 0 43px;
	display:inline;
	}

#nav {
	float:left;
	width:960px;
	height:16px;
	margin-left:7px;
	padding-top:2px;
	display:inline;
	background:#9f9fa1;
	font-size:0.69em;
	text-transform:uppercase;
	}

#nav ul {
	list-style:none;
	margin:0 0 0 296px;
	padding:0;
	}

#nav li {
	float:left;
	margin:0 32px 0 0;
	padding:0;
	display:inline;
	letter-spacing:2px;
	}

#nav a {
	color:#fff;
	text-decoration:none;
	}

#nav a:hover, #nav a.active {
	color:#002147;
	}

#main {
	float:left;
	width:960px;
	margin-left:7px;
	display:inline;
	border-top:3px solid #fff;
	}

#sidebar-left {
	float:left;
	width:261px;
	}

#flash, #pic {
	float:left;
	width:261px;
	height:402px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:11px;
	}
	
#flash, #pic p{
	padding-left:10px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:11px;
	line-height:17px;
	}

#content {
	float:left;
	width:400px;
	padding:12px 24px 0 35px;
	color:#333333;
	font-size:0.69em;
	line-height:1.64em;
	}
	
#content a{
	text-decoration:underline;
	color:#333333;
	}
	
#content2 {
	float:left;
	width:663px;
	padding:12px 24px 0 35px;
	color:#333333;
	font-size:0.69em;
	line-height:1.64em;
	}
	
#content2 a{
	text-decoration:underline;
	color:#333333;
	}
	
#content3{
	float:left;
	width:620px;
	padding:12px 24px 0 35px;
	color:#333333;
	font-size:0.69em;
	line-height:1.64em;
	}
	
#content3 a{
	text-decoration:underline;
	color:#333333;
	}

.breadcrumb, .breadcrumb a {
	color:#919295;
	text-decoration:none;
	}

.breadcrumb .active {
	color:#002147;
	}

#content h1 {
	font-size:2.00em;
	line-height:1.18em;
	margin-top:26px;
	}

li	{color:#2e3192;}

p.intro {
	font-size:1.27em;
	line-height:1.57em;
	}

#content p {
	margin:1em 0;
	}

#sidebar-right {
	float:left;
	width:218px;
	margin-top:12px;
	padding-top:12px;
	background:url(images/sidebar_right_top.gif) no-repeat top #ccd4dd;
	font-size:0.56em;
	line-height:1.44em;
	}

#sidebar-right a {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	}

#sidebar-right.home {
	float:left;
	width:218px;
	margin-top:12px;
	padding-top:12px;
	background:url(images/sidebar_right_top.gif) no-repeat top #ccd4dd;
	font-size:0.56em;
	line-height:1.44em;
	}

#sidebar-right-inner {
	padding-bottom:12px;
	background:url(images/sidebar_right_bottom.gif) no-repeat bottom;
	}

#sidebar-right p {
	margin:0;
	padding:1em 11px 1em;
	border-bottom:1px dotted #002147;
	}

#sidebar-right h1 {
	margin:0;
	font-size:2em;
	font-weight:normal;
	border-bottom:1px dotted #002147;
	
	}
	
#sidebar-right h1 a{
	font-weight:normal;
	border-bottom:1px dotted #002147;
	}
	
#sidebar-right h1 a:hover{
	font-weight:normal;
	border-bottom:1px dotted #002147;
	}
	

.purple {
	color:#2e3192;
	font-size:1.22em;
	}
	
.pullquote {
	color:#fff;
	font-size:13px;
	line-height:22px;
	margin-top:26px;
	font-weight:lighter;
	letter-spacing:.06em;
	font-style:italic;
	
	}

#quote {
	width:184px;
	height:104px;
	margin:18px 0 0 11px;
	padding:6px 0 0 11px;
	background:url(images/bg_home_quote2.gif) no-repeat;
	color:#fff;
	font-size:1.11em;
	}

.quote-title {
	font-size:1.20em;
	}

/** Interior Sidebar Right **/

#sidebar-right.int ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:1.22em; /* 11px */
	}

#sidebar-right.int li {
	margin:0;
	padding:0;
	}

#sidebar-right.int a {
	display:block;
	margin:0;
	padding:0.5em 11px 0.5em;
	border-top:1px dotted #ccd4dd;
	border-bottom:1px dotted #ccd4dd;
	color:#2e3192;
	text-decoration:none
	}

#sidebar-right.int a:hover {
	background:#fff;
	border-top:1px dotted #002147;
	border-bottom:1px dotted #002147;
	}

#sidebar-right.int a.first:hover {
	border-top:1px dotted #ccd4dd;
	}

#sidebar-right.int a .dark-grey {
	color:#333;
	font-size:1em;
	}

#sidebar-right.int p {
	border:none;
	}

/** Footer **/

#footer {
	clear:both;
	width:967px;
	padding:12px 7px 0 0;
	background:url(images/bg_footer.gif) no-repeat top #77787a;
	color:#c9c9ca;
	font-size:0.63em;
	text-align:right;
	}

#footer a {
	color:#c9c9ca;
	text-decoration:none;
	}
	
#sidebarSmall {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#333;
}

/** Contact Us **/

#contact form {
	margin-bottom:40px;
}

#contact label {
	display:block;
	margin-bottom:2px;
}

#contact label span {
	color:#f00;
}

#contact input {
	width:375px;
	padding:2px 3px;
	margin-bottom:15px;
	font-size:1em;
}

#contact textarea {
	width:375px;
	padding:2px 3px;
	margin-bottom:15px;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.05em;
}
	
#contact #submit {
	background:#002147;
	color:#fff;
	border:0;
	width:70px;
	font-size:1.2em;
}

#contact h2.error {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	color:#000!important;
	border:solid #f00 2px;
	padding:10px 10px 10px 45px;
	margin:0 0 25px 0;
	background:url(images/error.png) 7px center no-repeat #ffd5d5;
}

#contact span.red {
	color:#f00;
}


	
	
/** Project Gallery **/

#ThumbNails{position:absolute;
		width:265px;
		height:300px;
		top:100px;
		left:0px;
		border:none;}




#gallery {position:relative; 
		width:637px; 
		margin:40px auto; 
		padding:10px; 
		border:0px solid #fff; 
		background:#AAA}

#images {border:0px solid #9ac1c9; 
		height:225px; 
		background:#eef5f6; 
		margin-bottom:20px}

#image {position:relative; 
		width:637px; 
		height:328px; 
		padding:5px;
		border:0px solid #666; 
		background:#FFF url(images/loading.gif) center center no-repeat;
		}

#image img {position:absolute; 
		top:5px; 
		left:5px}


#thumbwrapper {margin-top:0px; 
		padding:5px ; 
		width:637px; 
		height:100px; 
		border:0px solid #666; 
		background:#FFF}

#thumbarea {position:relative; 
		overflow:hidden;
		padding-bottom:5px;
		height:90px; 
		width:637px; }

#thumbs {position:absolute; 
		list-style:none; 
		margin-left:5px; 
		height:50px; 
		width:10000px; 
		border-right:5px solid #FFF}

#thumbs li {float:left; 
		margin-right:5px; 
		cursor:pointer}

.imgnav {position:absolute; 
		width:69px; 
		height:26px; 
		outline:none; 
		cursor:pointer}

#previmg {background:url(projects/images/Back.gif);
		top:6px;
		left:0px; 
		border-left:5px solid #FFF;
		z-index:500;}

#previmg:hover {opacity:1; 
		filter:alpha(opacity=100)}

#nextimg {right:0; 
		background:url(projects/images/Next.gif)no-repeat; 
		top:5px;
		left:74px;
		z-index:500;}

#nextimg:hover {opacity:1; 
		filter:alpha(opacity=100)}