/*-----------------General Tag-------------------------*/
html {overflow-y: scroll;}
Body {
font-family: times;
font-size:16px;
margin : 0;
background: #000000;
color: #ffffff;
}
h1, h2, h3, h4, h5, h6{ margin: 0; clear: left;}
a {
color:#5db0dc;
text-decoration :none;
border:0;
}
h3{
padding:8px 8px 8px 0px;
margin:0;
}
textarea {
width:400px;
}
h1{
color:#FFFFFF;
font-size: 1.5em;
font-weight: bold;
color:#FFD203;
}
h2{
color:#FFD203;
font-size: 1.2em;
font-weight: bold;


}

img{border:0}
/*-----------------General Tag-------------------------*/



/*------------Tag used Throughout the site-------------*/
#Container {
width : 800px;
margin : 0 auto 0 auto;
position : relative;
}
#Header {
height : 129px;
width : 800px;
background: url("images/header_Sun4.jpg") no-repeat;
}
#Line {
background-image: url("images/line.gif");
background-repeat: repeat;
height: 40px;
position : absolute;
top : 129px;
right : 0;
width : 100%;	
}	
#Browse {
height: 22px;
padding-top:10px;
word-spacing:30px;
font-size:16px;
font-family:times;
}
div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}		
.headerlink {
text-decoration: none;
color: white;
font-size: 18px;
font-weight: bold;
font-family: arial;
			}
a.headerlink:hover {
color: #FFD203;
}
#Footer a {
color:white;
font-family: times;
font-size: 12px;
text-decoration:none;
}

.invoice p {
margin:0;
padding:3px 0 3px 0;
clear: both;
		width: 100%;
	

}

.invoice span{
		float: left;
		padding: 0 ;

}
/*------------Tag used Throughout the site-------------*/





/*-------------------INDEX PAGE------------------------*/
#Content {
width : 800px;
padding-top:20px;

height: 288px;
position:relative;
}
#Content div {
position:absolute;
bottom:0;
left:0;
}

.HorizLine{
clear: both;
height: 20px;
width : 800px;
background: url("images/top_bottom.gif") bottom no-repeat;
}


.portfolio_image:hover {
background: url("images/portfolio_m_over.gif") ;

height: 37px;
width: 177px;
display:block;
border:0;
}
.portfolio_image {
background: url("images/portfolio.gif") ;



height: 37px;
width: 177px;
display:block;
border:0;
}
#BottomLeft {

padding-right:8px;
height: 200px;
padding-top:15px;
width : 253px;
float:left;
background: url("images/side_bottom.gif") right no-repeat;
}
#BottomCenter {
padding-top:15px;
padding-right:8px;
padding-left:8px;
height: 200px;
width : 253px;
float:left;
background: url("images/side_bottom.gif") right no-repeat;	
}
#BottomRight {
padding-top:15px;
padding-right:8px;
padding-left:8px;
height: 200px;
width : 253px;
float:right;	
}
/*-------------------INDEX PAGE------------------------*/




#ContentServices {
padding-top:20px;
}
#ContentServicesImages{
width:50px;
float:left;
}
#ContentServicesText{
width:300px;
float:left;
}

#ContentDomain {
 padding-top:35px;
}

#ContentContactUsLeft {

width:435px;
float:left;
padding-top:35px;
}
#ContentContactUsRight {

width:350px;
padding-top:60px;
padding-left:15px;
float:left;
}

 input,  textarea,  table {
padding:5px 5px 5px 5px;
background:#383838;
color:#FFFFFF;
border:1px solid #696969;
OverFlow:auto;
}



#ContentPortfolio {
background: url("images/portfolio_bg3.jpg") top;
width:800px;
height:361px;
position:relative;
padding-top:0px;
z-index:200;

}

#ContentPortfolioTitle {
width:700px;
align:left;
}
#ContentPortfolioProject {
width:700px;
padding-bottom:20px;
float:left;
}
#ContentPortfolioPicture-streetviewtoronto{
padding-top:20px;
width:455px;
float:left;
height:248px;
background: url("images/portofolio_streetviewtoronto.jpg") no-repeat;
}
#ContentPortfoliotestimonial {
width:230px;
height:248px;
float:left;
padding-left:15px;  
}
#portfolioBrowse {
	width:100%;
	height:100px;
	padding-top:35px;
}
#portfolioBrowse ul{
margin: 0;
padding: 0;
list-style:none;
text-align: center;
}
#portfolioBrowse li{
display: inline; 
display:block;
	float:left;
}
.ButtonLeft{
background: url("images/button_prev.gif") ;
height: 70px;
width: 70px;
display:block;
border:0;
}
.ButtonLeft:hover{
background: url("images/button_prev_hover.gif") ;
height: 70px;
width: 70px;
display:block;
border:0;
cursor:pointer;
}

.browse_text{
	background: url("images/browse_text1.jpg") no-repeat center;
	margin:0;
	display:block;
	float:left;
	height: 70px;
	width: 660px;
}
#BottomServices {
width : 700px;
padding-top:20px;
padding-left:60px;
}



#Bottom {
height: 200px;
width : 800px;
}


#Footer {
color:#FFD203;
font-size: 12px;
text-align:center;
padding-top: 20px;
align:left;
}


			


.divServiceBox{
padding-right:5px;
padding-top:20px;
padding-left:5px;
}

.headerlink{
color:#FFFFFF;
font-size: 1.2em;
font-weight: bold;
}

.send {
background: url('images/send.png');
width:94px;
height:42px;  
border: 0;
display:block;
}
.send:hover{
background: url('images/send_hover.png');
width:94px;
height:42px;  
border: 0;
display:block;
cursor:pointer;
}

.ButtonRight{
background: url("images/button_next.gif") ;
height: 70px;
width: 70px;
display:block;
border:0;
}
.ButtonRight:hover{
background: url("images/button_next_hover.gif") ;
height: 70px;
width: 70px;
display:block;
border:0;
cursor:pointer;
}

/******************************SLIDESHOW************************************/

#slideshow {
		position:relative;
		width : 740px;
		height: 320px;
		padding-top:20px ;
		padding-bottom:0px ;
		padding-right:20px ;
		padding-left:20px ;
		overflow:hidden;
	}

	#slideshow DIV {
		position:absolute;
		visibility:hidden;
	}
	
	#slideshow DIV.active {
		visibility:visible; width : 745px;
	}
	
	#slideshow DIV.last-active {
		background-color:transparent;
	}
	
	#slideshow DIV IMG {
		
		display: block;
		border: 0;
		margin-bottom: 10px;
	}