@charset "utf-8";
/* CSS Document */

/* Reset Reloaded */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1;
	color: #010101;
	background: #fafafa;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Common */
.clear {
	clear: both;
}

.cwhite {
	color: #fafaf1;
}

a {
	color: #367fbd;
	text-decoration: none;
}

a:link, a:visited  {
	color: #367fbd;
}

a:active, a:hover {
	color: #5fc0e9;
}


/* Structure */

body {
	background-color: #4a6669;
}

#wrapper {
	width: 774px;
	margin: 0px auto;
	padding: 10px 0;
}

#top {
	background: url(images/top.gif) no-repeat;
	width: 714px;
	height: 24px;
	padding-left: 60px;
	padding-top: 10px;
}

	#header .textbox {
		color: #313131;
		width: 130px;
		height: 18px;
		line-height: 18px;
		background-color: #fafafa;
		border-collapse: collapse;
		border: 1px solid #010101;
	}
	
	#header .text {
		font-size: 11px;
		line-height: 11px;
	}
	
	#header .left1 {
		float: right;
		padding: 5px 10px 0px 0px;
	}
	#header .left2 {
		padding-top: 6px;
		float: left;
		padding-left: 10px;
	}



#container {
	background: url(images/bg_container.gif) repeat-y;
	width: 766px;
	padding: 0 4px;
}

#header {
	background: url(images/bg_header.gif) repeat-x;
	width: 766px;
	height: 150px;
}

	#logo {
		display: block;
		background: url(images/logo.gif) no-repeat;
		margin-left: 50px;
		width: 169px;
		height: 150px;
	}


/* Menu */

#menu {
	float: left;
	width: 766px;
	height: 290px;
	padding: 10px 0 9px 0;
	background-color: #121c1e;
}
	#menu .links {
		width: 195px;
		float: left;
	}
	#menu .links li {
		display: inline;
	}
	
	#menu .links a, #menu .links a:active {
		display: block;
		float: left;
		width: 165px;
		height: 40px;
		background: url(images/menu_link.gif) no-repeat;
		padding-left: 30px;
		padding-bottom: 10px;
		line-height: 40px;
		color: #fafafa;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: bold;
	}
	#menu .links a.last {
		padding-bottom: 0px;
	}

	#menu .links a:hover, menu .links a:visited {
		color: #880000;
		background: url(images/menu_active.gif) no-repeat;
	}
	
	#menu .links a.active {
		color: #880000;
		background: url(images/menu_active.gif) no-repeat;
	}
	
	#img_main {
		float: right;
	}
	#img_main .homepic {
		width: 554px;
		height: 290px;
		background:url(images/img_main.jpg) no-repeat;
	}

#footer {
	background-color: #121c1e;
	width: 766px;
	height: 20px;
}
	.topline {
		border-top: 1px solid #203437;
	}
	
	#footer .line {
		border-top: 1px solid #203437;
	}
	
	#footer .copyright {
		text-align: center;
		color: #fafafa;
		font-size: 10px;
		padding-top: 5px;
	}

#bottom {
	background: url(images/bottom.gif) no-repeat;
	width: 774px;
	height: 20px;
}


/* Headings */

.h_welcome {
	background: url(images/h_welcome.gif) no-repeat;
	width: 141px;
	height: 28px;
	padding-bottom: 10px;
}


.h_recentp {
	background: url(images/h_recentp.gif) no-repeat;
	width: 181px;
	height: 28px;
}




/* Home Page */

#main_content {
	padding: 10px 20px;
	float: left;
	width: 726px;
	color: #dadada;
}

#content p {
	padding-bottom: 10px;
	line-height: 15px;
}

.img_box {
	float: left;
	text-align: center;
	color: #fafafa;
}

.img_box p {
	padding: 5px 0px;
}

.img1 {
	background: url(images/img_bridgetower.jpg) no-repeat center;
	width: 200px;
	height: 120px;
}	

.img2 {
	background: url(images/img_nowdisc.jpg) no-repeat center;
	padding-left: 30px;
	width: 200px;
	height: 120px;
}

.allproject, .allproject:link, allproject:visited {
	display: block;
	float: left;
	background: url(images/btn_allproject.gif) no-repeat;
	width: 131px;
	height: 30px;
}

.allproject:hover {
	background: url(images/btn_allproject_hover.gif) no-repeat;
}

.btn_send:link {
	display: block;
	background: url(images/btn_send.gif) no-repeat;
	width: 64px;
	height: 30px;
}

.btn_send:hover {
	background: url(images/btn_send_hover.gif) no-repeat;
}

.first_content {
	float: left;
	padding-bottom: 10px;
}

/* Home Page */

#content {
	width: 470px;
	float: right;
}

.homepage #content {
	float: left;
}

.content_outter {
	width: 470px;
	float: right;
	padding-left: 15px;
	border-left: 1px solid #203437;	
}	

.homepage .content_outter {
	padding: 0;
	border: 0;
	float: left;
	padding-right: 15px;
	border-right: 1px solid #203437;
}

.graybox {
	background-color: #21393d;
	border: 1px solid #2a4a4f;
	float: left;
	padding: 10px;
	padding-left: 20px;
	width: 440px;
}

.homepage .graybox {
	padding-left: 30px;
	width: 430px;
}

.homepage .sidebar {
	float: right;
}

.box {
	float: left;
	padding-bottom: 10px;
	padding-top: 35px;
}

/* sidebar */

.sidebar {
	float: left;
	wdith: 360px;
}

.quotebox .heading {
	background: url(images/h_requestq.gif) no-repeat;
	width: 220px;
	height: 28px;
}

.quotebox p {
	color: #bfbfbf;
}

.quotebox .line {
	border-top: 1px solid #203437;
}

.quotebox label {
	display: block;
	padding-top: 15px;
	padding-bottom: 2px;
}

.quotebox .textbox {
	color: #e4e197;
	width: 197px;
	height: 18px;
	line-height: 18px;
	background-color: #24383b;
	border-collapse: collapse;
	border: 1px solid #354e52;
}

.quotebox .message {
	color: #e4e197;	
	width: 197px;
	background-color: #24383b;
	border-collapse: collapse;
	border: 1px solid #354e52;
	margin-bottom: 10px;
}

/* Services */

.latestwork {
	width: 220px;
	float: left;
	padding-bottom: 20px;
}

.latestwork .img_box {
	float: left;
	text-align: center;
	color: #fafafa;
}

.latestwork .img {
	width: 220px;
	height: 120px;
	background: url(images/img1.jpg) no-repeat center;
}

.latestwork .heading {
	background: url(images/h_latestwork.gif) no-repeat;
	width: 140px;
	height: 30px;
}

.latestwork .line {
	border-top: 1px solid #203437;
	padding-bottom: 10px;
}

.h_services {
	background: url(images/h_services.gif) no-repeat;
	width: 125px;
	height: 28px;
	padding-bottom: 10px;
}

.h_services_overview {
	background: url(images/h_services_overview.gif) no-repeat;
	width: 220px;
	height: 28px;
	padding-bottom: 5px;
}

.img_services {
	background: url(images/img_services.jpg) no-repeat;
	float: left;
	width: 118px;
	height: 98px;
	margin-right: 10px;
	border: 1px solid #444444;
}

.img_services1 {
	float: left;
	background: url(images/img_services1.jpg) no-repeat;
	width: 118px;
	height: 98px;
	margin-right: 10px;
	border: 1px solid #828282;	
}

.img_services2 {
	float: left;
	background: url(images/img_services2.jpg) no-repeat;
	width: 118px;
	height: 98px;
	margin-right: 10px;
	border: 1px solid #828282;
}

.img_services3 {
	float: left;
	background: url(images/img_services3.jpg) no-repeat;
	width: 118px;
	height: 98px;
	margin-right: 10px;
	border: 1px solid #828282;
}

.box .heading {
	font-weight: bold;
	/*color: #010102;*/
	color:#bfbfbf;
}

.box {
	width: 430px;
	font-size: 11px;
	/*color: #010101;*/
	color:#bfbfbf;
}

.text {
	font-size: 11px;
	/*color: #010101;*/
	color:#bfbfbf;
}

.text_header {
	font-size: 11px;
	/*color: #010101;*/
	color:#010101;
}

/* products */

.h_products {
	background: url(images/h_products.gif) no-repeat;
	width: 130px;
	height: 28px;
	padding-bottom: 10px;
}

.h_featured_products {
	background: url(images/h_featured_products.gif) no-repeat;
	width: 217px;
	height: 28px;
	padding-bottom: 5px;
}

.img_products {
	background: url(images/img_products.jpg) no-repeat;
	float: left;
	width: 118px;
	height: 98px;
	margin-right: 10px;
	border: 1px solid #444444;
}

.img_products1 {
	float: left;
	background: url(images/img_products1.jpg) no-repeat;
	width: 118px;
	height: 98px;
	margin-right: 10px;
	border: 1px solid #828282;	
}

.img_products2 {
	float: left;
	background: url(images/img_products2.jpg) no-repeat;
	width: 118px;
	height: 98px;
	margin-right: 10px;
	border: 1px solid #828282;
}

/* About Us */

.h_aboutus {
	background: url(images/h_aboutus.gif) no-repeat;
	width: 134px;
	height: 28px;
	padding-bottom: 10px;
}

.img_aboutus {
	background: url(images/img_aboutus.jpg) no-repeat;
	float: left;
	width: 208px;
	height: 98px;
	margin-right: 10px;
	border: 1px solid #444444;
}

.whychooseus {
	width: 220px;
}

.whychooseus .heading {
	background: url(images/h_whychooseus.gif) no-repeat;
	width: 185px;
	height: 28px;
}

.whychooseus p {
	color: #bfbfbf;
	padding-left: 5px;
	padding-top: 7px;
	line-height: 15px;
}

.whychooseus .line {
	border-top: 1px solid #203437;
}

/* Contact Us */

.h_contact_form {
	background: url(images/h_contact_form.gif) no-repeat;
	width: 203px;
	height: 28px;
}

.img_aboutus {
	background: url(images/img_aboutus.jpg) no-repeat;
	float: left;
	width: 208px;
	height: 98px;
	margin-right: 10px;
	border: 1px solid #444444;
}

.postaladdress {
	width: 220px;
}

.postaladdress .heading {
	background: url(images/h_postal_address.gif) no-repeat;
	width: 177px;
	height: 30px;
}

.postaladdress p {
	color: #bfbfbf;
	padding-left: 5px;
	padding-top: 7px;
	font-size: 11px;
	line-height: 15px;
}

.postaladdress .img {
	background: url(images/img_contact.jpg) no-repeat;
	width: 216px;
	height: 114px;
	border: 1px solid #354e52;
}

.postaladdress .line {
	border-top: 1px solid #203437;
	padding-bottom: 10px;
}

.contact_form label {
	display: block;
	padding-top: 15px;
	padding-bottom: 2px;
}

.contact_form .textbox {
	color: #e4e197;
	width: 250px;
	height: 18px;
	line-height: 18px;
	background-color: #24383b;
	border-collapse: collapse;
	border: 1px solid #354e52;
}

.contact_form .message {
	color: #e4e197;	
	width: 250px;
	background-color: #24383b;
	border-collapse: collapse;
	border: 1px solid #354e52;
	margin-bottom: 10px;
}

/* Websites */

.h_website_development {
	background: url(images/h_website_development.gif) no-repeat;
	width: 270px;
	height: 28px;
}

.h_website_projects {
	background: url(images/h_website_projects.gif) no-repeat;
	width: 195px;
	height: 28px;
	padding-bottom: 5px;
}

.website #content {
	width: 700px;
	float: left;
	padding-left: 15px;
}

.website .graybox {
	width: 660px;
	padding: 0;
	padding: 10px 10px 0px 20px;
	
}

.website .img_box {
	float: left;
	text-align: center;
	color: #fafafa;
	margin-bottom: 15px;
}

.website .img {
	width: 200px;
	height: 120px;
	margin-right: 20px;
}

#img1 {	background: url(images/img_epionce.jpg) no-repeat; }
#img2 { background: url(images/img_greenwood.jpg) no-repeat; }
#img3 { background: url(images/img_redsky.jpg) no-repeat; }
#img4 { background: url(images/img_nowdisc.jpg) no-repeat; }
#img5 { background: url(images/img_idahotickets.jpg) no-repeat; }
#img6 { background: url(images/img_qaltek.jpg) no-repeat; }
#img7 { background: url(images/img_bridgetower.jpg) no-repeat; }
#img8 { background: url(images/img_mcu.jpg) no-repeat; }
#img9 { background: url(images/img_cwi.jpg) no-repeat; }
#img10 { background: url(images/img_alliedwaste.jpg) no-repeat; }


fieldset {
	border-width:1px;
}

label {
	cursor:pointer;
}

input:focus, textarea:focus {
	background-color:#FFFFCC;
}