/* CSS Document */
body { 

margin:0px 0px 0px 0px;
padding: 0px;

background:url(../images/background.jpg) top center repeat;


}

.text1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #7d6a55;
}

.text2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #999;
font-weight: bold;
}

.text4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #d74f1f;
font-style: italic;
}

.style2 {font-family: "Helvetica Neue UltraLight", Helvetica, Arial, sans-serif;}


.stepcarousel{
position: relative; /*leave this value alone*/
border:none;
overflow: scroll; /*leave this value alone*/
width: 620px; /*Width of Carousel Viewer itself*/
height: 430px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 610px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#pulley{
position:absolute;
margin-top:0px;
margin-left:1000px;
}


#dropmenudiv{
position:absolute;
border:none;
border-bottom-width: 0;
font:10px arial;

z-index:100;
margin-top: 0px;

}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: none;
padding-left: 8px;
padding-bottom:5px;
padding-top:5px;
text-decoration: none;
font-weight: bold;
color: #CCCCCC;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: none;
color: #d74f1f;
}

#xsilva{
margin-top:100px;
margin-left:200px;
position:absolute;
}

.text1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #7d6a55;
}

.text2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color:#333333;
font-weight: normal;
}

.text6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #ffffff;
font-weight: normal;
}

#side_nav{
position:absolute;
margin-top:200px;
margin-left:150px;
}

.text4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #d74f1f;
font-style: italic;
}

.text5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #d74f1f;
font-style: italic;
}

#contact{

position:absolute;
margin-top:110px;
margin-left:810px;

}

#homesign{
position:absolute;
margin-top:0px;
margin-left:0px;
}

#body {
background:url(../images/workpage2.png) no-repeat ;

	margin-left:auto;
	margin-right:auto;
	margin-top:0px;

width: 1300px;
height: 733px;
	
	
}
#body2 {
background:url(../images/aboutbehind.png) no-repeat;

	margin-left:auto;
	margin-right:auto;
	margin-top:0px;

width: 1300px;
height: 733px;
	
	
}

#body3 {
background:url(../images/contactbehind.png) no-repeat;

	margin-left:auto;
	margin-right:auto;
	margin-top:0px;

width: 1300px;
height: 733px;
	
	
}

#body4 {


	margin-left:auto;
	margin-right:auto;
	margin-top:0px;

width: 1300px;
height: 733px;
	
	
}

#layout {
position: absolute; top: 50%; left: 50%;
margin: -280px 0 0 -500px;
background-color: black;
width: 1000px;
height: 560px;


}
	
	
	#logo {
position: absolute;
margin-left: 0px;
margin-top: 0px;


}


#websites{
position: absolute;
margin-top: 250px;
margin-left: 85px;
height: 114px;




}

#logohomepage{
position: absolute;
margin-top: 0px;
margin-left: 0px;
background-color: white;
}
#aboutus{
position: absolute;
margin-top: 500px;
margin-left: 220px;
font-family:Arial, Sans-serif;
font-size: 11px;
color:black;
width: 230px;
}

#aboutus a{
color:black;
text-decoration:none;
}




#portfolio{
position: absolute;
margin-top: 205px;
margin-left: 420px;
}
#description {
position: absolute;
margin-left: 128px;
margin-top: -15px;
width: 766px;
height: 114px;


}
#description p{
margin: 8px;
}



#description2 p{
margin: 15px;
text-align: left;
}
#description2{
	margin-top: 125px;
	margin-left: 200px;
	position:absolute;
	width: 214px;
	height: 199px;
	

}


#info {


position: absolute;
margin-top: 520px;
margin-left: 0px;
background-color: white;
width: 1000px;
}



#info_flash {


position: absolute;
margin-top: 520px;
margin-left: 0px;

width: 1000px;
}

#links {
position: absolute;
margin-top: 0px;
margin-left: 400px;
height: 320px;
background-color: white;
}

#links a{
font-family: Helvetica, sans-serif;
color: #d95325;
font-size: 16px;
text-decoration: none;

}

#links a:hover{
color: #867460;
}

#links p{
margin: 15px;
}

#quote{
position: absolute;
margin-top: 420px;
background-color: white;
margin-left: 85px;
}

#photo{
	position: absolute;
	margin-top: 165px;
	margin-left: 10px;
	width: 290px;

	height: 259px;
	
	

}


.style2 {font-family: Helvetica, Arial, sans-serif;
font-style: lighter;
font-size: 35px;
	color: #CC3300;}

#header{
	position: absolute;
	margin-top: 20px;
	margin-left: 500px;
	width:480px;
	text-align:right;

	
}


#mainpic{
position: absolute;
margin-top:45px;
margin-left:240px;


text-align: center;


}

#pinkarrow{
margin-top:60px;
margin-left:490px;
position:absolute;
}
#service{
position:absolute;
margin-top:70px;
margin-left:820px;
}

#aboutsection{
position: absolute;
margin-top:220px;
margin-left:380px;


text-align: center;


}



#photo_flash a{
text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #d74f1f;
font-weight: bold;
text-decoration: none;

padding: 2px;
}


#photo_flash a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;

text-decoration: none;
color: #333;
}


#more{
position: absolute;
margin-top: 510px;
margin-left: 415px;
text-align: center;
width: 565px;
}

#more a{
text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #d74f1f;
font-weight: bold;
text-decoration: none;

padding: 2px;
}


#more a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;

text-decoration: none;
color: #333;
}



#flash{
position: absolute;
margin-top:80px;
margin-left:415px;
width: 565px;
height: 430px;
background-color: #CC3300;
text-align: center;
border: 5px solid #CC3300;

}

#flash a{
text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #d74f1f;
font-style: bold;
text-decoration: none;


}


#flash a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;

text-decoration: none;
color: #333;
}


#nav{
position: absolute;
margin-top:68px;
margin-left: 200px;
width: 800px;

}


#nav a{
font-family:Arial, sans-serif;
color:#CC3300;
font-weight:bold;
text-decoration:none;
padding-right:25px;
font-size: 14px;
}

#nav a:hover{
color:#333333;

}
#thumbnails{
position: absolute;
margin-top: 170px;
height: 375px;
margin-left: 330px;
padding:2px;
background-color:#CCCCCC;
}

#thumbnailsflash{
position: absolute;
margin-top: 170px;
height: 375px;
margin-left: 330px;
}


#clients{
position: absolute;
margin-top:80px;
margin-left:415px;
width: 565px;
height: 430px;
background-color: #fff;
text-align: center;
border: 5px solid #CC3300;


}

#clients a{
font-family:Arial, sans-serif;
color:#CC3300;
text-decoration:none;
}

#clients a:hover{
color:#7E521E;

}

#clients img{
margin: 20px;
}


#footer{
margin-left: 10px;
position: absolute;
margin-top: 480px;
width: 60px;
height: 40px;
}


#footer a{
margin: 0px;
font-family:Helvetica, Sans-serif;
color: #ccc;
font-size: 8px;
text-decoration: none;
}