html {
height:100%;
}

img, div { behavior: url(iepngfix.htc) }

body {
background:#000000;
margin:0px;
height:100%;
font:normal 12px Arial, Helvetica, sans-serif;
}

#wrapper {
width:100%;
height:100%;
}

#top {
background:url(images/rucci_home_back.jpg) no-repeat center;
height:75%;
width:100%;
}

#topbar {
height:34px;
margin:0px;
background:url(images/top_transparent_black_bar.png) no-repeat;
text-align:right;
width:100%;
color:#666666;
}

.topcompanyname {
padding-top:10px;
padding-right:20px;
margin:0px;
}

#portfoliotop {
background:url(images/Emerald-Isle-Sunset2.jpg) no-repeat bottom;
height:75%;
width:100%;
text-align:center;
}

#hometop {
background:url(images/home_background2.jpg) no-repeat bottom;
height:75%;
width:100%;
text-align:center;
}

#abouttop {
background:url(images/Emerald-Isle-Sunset2.jpg) no-repeat bottom;
height:75%;
width:100%;
text-align:center;
}

#servicestop {
background:url(images/Columns_background2.jpg) no-repeat bottom;
height:75%;
width:100%;
text-align:center;
}

#worktop {
height:80%;
width:100%;
text-align:center;
}

#solutionstop {
background:url(images/fog_background2.jpg) no-repeat bottom;
height:75%;
width:100%;
text-align:center;
}

#contacttop {
background:url(images/mountains_background2.jpg) no-repeat bottom;
height:75%;
width:100%;
text-align:center;
}


#bottom {
height:25%;
width:100%;
}

#bottomabout {
margin-top:2px;
background:url(images/Emerals-Isle-bottom.jpg) no-repeat top;
height:25%;
width:100%;
}

#bottomcontact {
margin-top:2px;
background:url(images/mountains_bottom.jpg) no-repeat top;
height:25%;
width:100%;
}

#bottomservices {
margin-top:2px;
background:url(images/columns_bottom.jpg) no-repeat top;
height:25%;
width:100%;
}

#bottomsolutions {
margin-top:2px;
background:url(images/fog_bottom.jpg) no-repeat top;
height:25%;
width:100%;
}
#bottomhome {
margin-top:2px;
background:url(images/home_bottom.jpg) no-repeat top;
height:25%;
width:100%;
}


#bottomwork {
margin-top:0px;
height:20%;
width:100%;
}

a {
color:#7CA6F2;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

#bottom a:hover {
text-decoration:underline;
}

#homenav {
margin:0px auto;
padding-top:20px;
color:white;
width:500px;
text-align:center;
}

#logo {
	float:left;
	width:250px;
	text-align:center;
	padding-top:30px;
}

#logo p {
font:normal 10px Arial, Helvetica, sans-serif;
color:#666666;
}

#subpagenav {
	float:right;
	padding-top:30px;
	padding-right:30px;
	color:white;
	font:normal 10px Arial, Helvetica, sans-serif;
color:#666666;
text-align:center;
}

#subpagenavwork {
	float:right;
	margin-top:0px;
	padding-top:0px;
	padding-right:30px;
	color:white;
	font:normal 10px Arial, Helvetica, sans-serif;
color:#666666;
text-align:center;
}


#homepagenav {
	margin:0px auto;
	padding-top:30px;
	padding-left:30px;
	color:white;
	font:normal 10px Arial, Helvetica, sans-serif;
color:#666666;
text-align:center;
}

#portfolionav {
width:100%;
height:20px;
}

.linkpad {
padding:0px 10px;
}

.homeimage {
position:absolute;
left:50%;
top:50%;
padding:0px;
margin-left:-284px;
margin-top:-180px;
}

#contentcontainer {
width:609px;
text-align:left;
position:absolute;
padding:0px;
margin-left:-184px;
left:50%;
height:389px;
top: 70px;
background:url(images/semi_transparent_black_box.png) no-repeat center;
}

#contentcontainerservices {
width:689px;
text-align:left;
position:absolute;
padding:0px;
margin-left:-184px;
left:50%;
height:452px;
top: 70px;
background:url(images/semi_transparent_black_box2.png) no-repeat center;
}

#homecontainer {
width:287px;
text-align:left;
position:absolute;
padding:30px 0px 0px 0px;
left:50%;
margin-left:-144px;
height:151px;
top: 30%;
background:url(images/home_black_logo_box.png) no-repeat center;
}


#content {
height:80%;
padding:0px;
padding-top:40px;
margin:0px;
color:white;
overflow:visible;
}

#content p {
padding:0px 50px;
margin:0px;
}

#textcontainer {
padding:0px 40px;
height:100%;
overflow:visible;
}

#textcontainerservices {
width:300px;
overflow:visible;
margin:0px;
padding:0px;
}

#textcontainerservices p {
padding:0px 0px 0px 50px;

}


/* ************** Contact Form ************************ */

#contact-form-wrapper {
	padding: 0px 0px 0px 30px;
}

#contact-form {
margin:0px;
	padding: 0px 0px 0px 45px;
}

#contact-form form {
margin:0px;
	padding: 15px 5px 5px 5px;
}


#contact-form .formrow {

	padding: 0px 0px 0px 0px;
	margin:0px;
	float: left;

}

#contact-form .textbox {
	float: left;	
	margin:0px;
	padding: 0px 0px 0px 0px;	
}

#contact-form .textbox input {
	width: 275px;
}

#contact-form .textbox textarea {
	width: 275px;
	height: 75px;
}

#contact-form .title {
	font-size: 11px;
	color: #333;
}


#contact-form #state {
	float: left;
	padding: 0px 5px 0px 0px;
}

#contact-form #state select {
	width: 50px;
	display: block;
}


#contact-form #city {
	float: left;
	padding: 0px 5px 0px 0px;
} 

#contact-form #city input {
	width: 163px;
	display: block;
}


#contact-form #zip {
	float: left;
	padding: 0px 5px 0px 0px;
} 

#contact-form #zip input {
	width: 44px;
	display: block;
}

#contact-form .label {
	display: block;
	width: 75px;
	float: left;
	clear: left;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#contact-form .form-error {
	color: red;
	font-weight: bold;
}