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

body {
	background-color: gray;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: small;
}

ul.uppermenu {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: small;
	font-weight: normal;
	margin:0px;
	position:realtive;
	float:right;
	margin-right:25px;
}

ul.uppermenu li{
	list-style-type:none;
	margin:0px;
	position: relative;
	display:inline;
}






a:link {color:white;
		text-decoration:none;}      /* unvisited link */
a:visited {color:white;
			text-decoration:none;}  /* visited link */
a:hover {color:gray;
		 text-decoration:none; }  /* mouse over link */
a:active {color:white;
			text-decoration:none;}  /* selected link */
			
			



#wrapper {
	width: 766px;
	height:750px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/background.jpg);
}

#wrapper_aboutus {
	width: 766px;
	height:750px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/aboutus_background.jpg);
}

#wrapper_porfolio {
	width: 766px;
	height:750px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/portfolio_background.jpg);
}

#wrapper_services {
	width: 766px;
	height:750px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/services_background.jpg);
}

#wrapper_contactus {
	width: 766px;
	height:750px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/contactus_background.jpg);
}

#wrapper_thankyou {
	width: 766px;
	height:750px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/thankyou_background.jpg);
}

#wrapper_changerequest {
	width: 766px;
	height:750px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/changerequest_background.jpg);
}


#wrapper_getquote {
	width: 766px;
	height:750px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/getquote_background.jpg);
}

#wrapper_help {
	width: 766px;
	height:750px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/help_background.jpg);
}




#header {
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
	height: 104px;
	width: 764px;
	font-size: large;
	font-weight: bold;
	padding-top:35px;
	padding-left:10px;
	/*
	margin-top: 100px;
	margin-left: 20px;
	*/
}
#navigation {
	background-image: url(images/menu_background.jpg);
	height: 101px;
	width: 741px;
	margin:0px;
	padding:0px;
	position: relative;
	clear:left;
	margin-left:12px;
	margin-top:-37px;
}





	
	
	
.aboutus {
	margin-top:45px;
	margin-left:150px;
	padding:0;
	width:auto;
	height:auto;
	position:relative;
	float:left;
}


.services {
	margin-top:45px;
	margin-left:55px;
	padding:0;
	width:auto;
	height:auto;
	position:relative;
	float:left;
}

 .porfolio {
	margin-top:45px;
	margin-left:75px;
	padding:0;
	width:auto;
	height:auto;
	position:relative;
	float:left;
}

.contactus {
    margin-top:45px;
	margin-left:55px;
	padding:0;
	width:auto;
	height:auto;
	position:relative;
	float:left;
}


#content {
	width:733px;
	height:405px;
	/*background-color:white;*/
	margin-left:18px;
	margin-top:6px;
	/*border:1px solid blue;*/
}

.logo {
	margin:0;
	padding:0;
	width:126px;
	height:405px;
	position:relative;
	float:left;
}

/*

.welcome {
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	position:relative;
	float:left;
	margin-top:10px;
	margin-left:134px;
}
*/


.project1{
	width:auto;
	height:auto;
	margin-top:45px;
	position:relative;
	float:left;
}

.project1_text{
	width:200px;
	height:auto;
	margin-top:45px;
	position:relative;
	float:left;
	padding-left:5px;
	font-size: 90%;
	color:gray;
}

.project2{
	margin:0px;
	padding:0px;
	width:auto;
	height:auto;
	position:relative;
	float:left;
	margin-top:158px;
	margin-left:-270px;
	/*visibility:hidden;*/
}

.project2_text{
	width:200px;
	height:auto;
	margin-top:158px;
	margin-left:-205px;
	position:relative;
	float:left;
	padding-left:5px;
	font-size: 90%;
	color:gray;
}


.project3{
	margin:0px;
	padding:0px;
	width:auto;
	height:auto;
	position:relative;
	float:left;
	margin-top:270px;
	margin-left:-270px;
}

.project3_text{
	width:200px;
	height:auto;
	margin-top:270px;
	margin-left:-205px;
	position:relative;
	float:left;
	padding-left:5px;
	font-size: 90%;
	color:gray;
}




p > a:active {
	text-decoration:underline;
	color:gray;	
}

p > a:link {
	color:blue;	
	text-decoration:underline;
}

p > a:hover {
	color:blue;	
	text-decoration:underline;
}

p > a:visited {
	color:gray;	
	text-decoration:underline;
}


.title {
	color:black;
	font-weight:bold;
}

.divider {
	height:auto;
	width:auto;
	margin-top:-110px;
	margin-left:-310px;
	position:relative;
	float:left;
}

.albert {
	height:auto;
	width:auto;
	margin-top:50px;
	margin-left:30px;
	position:relative;
	float:left;
}



.welcome_text{
	width:175px;
	height:auto;
	margin-top:-320px;
	margin-left:415px;
	position:relative;
	float:left;
	padding-left:5px;
	font-size: 90%;
	color:gray;
}


.welcome_below{
	width:275px;
	height:auto;
	margin-top:-260px;
	margin-left:425px;
	position:relative;
	float:left;
	padding-left:5px;
	font-size: 90%;
	color:gray;
}

#hand {
	margin-top:-255px;
	margin-left:400px;
	z-index:200;
}



.portfolio_first {
	margin-top:45px;
	margin-left:160px;
	padding:0;
	width:auto;
	height:auto;
	position:relative;
	float:left;
}


.portfolio_second {
	margin-top:45px;
	margin-left:70px;
	padding:0;
	width:auto;
	height:auto;
	position:relative;
	float:left;
}

.porfolio_third {
	margin-top:45px;
	margin-left:53px;
	padding:0;
	width:auto;
	height:auto;
	position:relative;
	float:left;
}

.porfolio_fourth {
	margin-top:45px;
	margin-left:55px;
	padding:0;
	width:auto;
	height:auto;
	position:relative;
	float:left;
}



.services_first {
	margin-top:45px;
	margin-left:150px;
	padding:0;
	width:auto;
	height:auto;
	position:relative;
	float:left;
}


.services_second {
	margin-top:45px;
	margin-left:70px;
	padding:0;
	width:auto;
	height:auto;
	position:relative;
	float:left;
}

.services_third {
	margin-top:45px;
	margin-left:55px;
	padding:0;
	width:auto;
	height:auto;
	position:relative;
	float:left;
}

.services_fourth {
	margin-top:45px;
	margin-left:50px;
	padding:0;
	width:auto;
	height:auto;
	position:relative;
	float:left;
}



.contactus_first {
	margin-top:45px;
	margin-left:160px;
	padding:0;
	width:auto;
	height:auto;
	position:relative;
	float:left;
}


.contactus_second {
	margin-top:45px;
	margin-left:70px;
	padding:0;
	width:auto;
	height:auto;
	position:relative;
	float:left;
}

.contactus_third {
	margin-top:45px;
	margin-left:47px;
	padding:0;
	width:auto;
	height:auto;
	position:relative;
	float:left;
}

.contactus_fourth {
	margin-top:45px;
	margin-left:50px;
	padding:0;
	width:auto;
	height:auto;
	position:relative;
	float:left;
}



#myportfolio {
	margin-top:-367px;
	margin-left:150px;
	position:relative;
	float:left;

}

#myservices {
	margin-top:50px;
	margin-left:30px;
	position:relative;
	float:left;
	/*border:1px solid red;*/
	text-align:left;
	width:250;
	font-size:medium;


}

#myservices ul li{
	display: list-item;	
	vertical-align:text-top;
	list-style-image:url(images/bullet.jpg);
}


#mycontactus {
	width:280px;
	height:300px;
	position:relative;
	float:left;
	margin-top:-350px;
	margin-left:150px;
	padding:0;
}

#mythankyou {
	width:500px;
	height:auto;
	position:relative;
	float:left;
	margin-top:-350px;
	margin-left:160px;
}

#mygetquote {
	width:500px;
	height:auto;
	position:relative;
	float:left;
	margin-top:-350px;
	margin-left:160px;
}

#mychangerequest {
	width:500px;
	height:auto;
	position:relative;
	float:left;
	margin-top:-350px;
	margin-left:160px;
}

#myhelp {
	width:500px;
	height:auto;
	position:relative;
	float:left;
	margin-top:-350px;
	margin-left:160px;
}



.address{
	width:145px;
	height:50px;
	position:relative;
	float:left;
	padding:0;
	background-repeat:no-repeat;
	background-image:url(images/mailicon.jpg);
	padding-left:55px;
}


.phone{
	width:145px;
	height:50px;
	position:relative;
	clear:left;
	padding:0;
	background-repeat:no-repeat;
	background-image:url(images/phoneicon.jpg);
	padding-left:55px;
	padding-top:10px;
	
}


.email{
	width:145px;
	height:50px;
	position:relative;
	clear:left;
	padding:0;
	background-repeat:no-repeat;
	background-image:url(images/emailicon.jpg);
	padding-left:55px;
	padding-top:10px;
}

.email a:link {
	color:blue;
	text-decoration:underline;
}

.email a:active {
	color:black;
	text-decoration:none;
}

.email a:hover {
	color:gray;
}




.skype{
	width:225px;
	height:100px;
	position:relative;
	clear:left;
	padding:0;
	background-repeat:no-repeat;
	background-image:url(images/skypeicon.jpg);
	padding-left:55px;
	padding-top:5px;
	}
	
#emailform {
	padding:0px;
	position:relative;
	float:right;
	margin-top:-350px;
	width:310px;
	margin-right:20px;
	border-left-style:solid;
	border-left:thin dotted gray;
}


.messagebuttons{
	text-align:center;
}


#footer {
	position:relative;
	float:left;
	color:white;
	margin-left:30px;
	margin-top:100px;

}



a:hover  {
	text-decoration:underline;
	
	}
	

img{
      border:none;
      outline:none;
}