* {
	padding: 0px;
	margin: 0px;
}
h1, h2, h3, h4, h5, h6, p {
    margin: 0px;
}

body {
	margin: 0 auto;
	width: 940px;
}

#content {
	border-style: solid;
	border-width: 7px; 
	border-color: #afdfe5; 
}

/*navigation*/

#navigation {
	margin: 0 0 50px 0;
}

#navigation ul, #navigation ul li {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 #navigation ul {
     text-align: center;
 }

 #navigation ul li {
     display: inline;
     margin-right: .75em;
 }

 #navigation ul li.last {
     margin-right: 0;
 }
 
 #navigation li a {
     padding: 50px 20px;
     margin: 0 10px 0 10px;
     font-family: Georgia;
     color: #00b0d8;
     text-decoration: none;
     font-size: 20px;
 }
 
  #navigation li a:hover {
     color: #E44145;
 }

#inner-navigation {
	margin: 20px 0 20px 0;
}

#inner-navigation ul, #inner-navigation ul li {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 #inner-navigation ul {
     text-align: center;
 }

 #inner-navigation ul li {
     display: inline;
     margin-right: .75em;
 }

 #inner-navigation ul li.last {
     margin-right: 0;
 }
 
 #inner-navigation li a {
     padding: 50px 20px;
     margin: 0 10px 0 10px;
     font-family: Georgia;
     color: #00b0d8;
     text-decoration: none;
     font-size: 20px;
 }

 #inner-navigation li a:hover {
     color: #E44145;
 }


/*top area*/
#header {
	text-indent: -9999px;
	width: 926px;
	height: 199px;
	background-image: url(../images/archwebworks.png);
	background-repeat: no-repeat;
}

#tagline {
	text-indent: -9999px;
	width: 926px;
	height: 220px;
	background-image: url(../images/topDesign.png);
	background-repeat: no-repeat;
}

#colorBar1 {
	text-indent: -9999px;
	width: 926px;
	height: 255px;
	background-image: url(../images/colorBar.png);
	background-repeat: no-repeat;
}


/* all section styles */
h1 {
	font-family: Georgia;
	text-align: center;
	color: #E44145;
	padding: 3px 0 20px 0;
}

p {
	font-family: Georgia;
	text-align: left;
	color: #666666;
	font-size: 18px;
	line-height: 24px;
	padding: 0 20px 10px 20px;
}

h2 {
	font-family: Georgia;
	text-align: left;
	color: #58b7dd;
	font-size: 26px;
	padding: 3px 20px 3px 20px;
}

/*about*/
#aboutContainer {
	width: 740px;
	margin: 0 auto;
	background-image: url(../images/lightBlue-bg.gif);
	background-repeat: repeat;
	padding: 50px 0 50px 0;
}

#aboutText {
	width: 624px;
	padding: 10px 0 10px 0;
	margin: 0 auto;
	background-color: #ffffff;
}

#colorBar2 {
	text-indent: -9999px;
	width: 940px;
	height: 255px;
	background-image: url(../images/colorBar.png);
	background-repeat: no-repeat;
}

/*work*/
#workContainer {
	width: 740px;
	margin: 0 auto;
	background-image: url(../images/green-bg.gif);
	background-repeat: repeat;
	padding: 50px 0 50px 0;
}

#workText {
	width: 624px;
	padding: 10px 0 10px 0;
	margin: 0 auto;
	background-color: #ffffff;
}

#colorBar3 {
	text-indent: -9999px;
	width: 926px;
	height: 255px;
	background-image: url(../images/colorBar2.png);
	background-repeat: no-repeat;
}


#workExamples {
	width: 500px;
	margin: 0 auto;
}

#workExamples img {
	border: 1px solid #666666;
	margin: 10px;
}



/*services*/
#servicesContainer {
	width: 740px;
	margin: 0 auto;
	background-image: url(../images/red-bg.gif);
	background-repeat: repeat;
	padding: 50px 0 50px 0;
}

#servicesText {
	width: 624px;
	padding: 10px 0 10px 0;
	margin: 0 auto;
	background-color: #ffffff;
}

#colorBar2 {
	text-indent: -9999px;
	width: 926px;
	height: 255px;
	background-image: url(../images/colorBar2.png);
	background-repeat: no-repeat;
}

/*contact*/
#contactContainer {
	width: 740px;
	margin: 0 auto;
	background-image: url(../images/lightOrange-bg.gif);
	background-repeat: repeat;
	padding: 50px 0 50px 0;
}

#contactText {
	width: 624px;
	padding: 10px 0 10px 0;
	margin: 0 auto;
	background-color: #ffffff;
}

#colorBar2 {
	text-indent: -9999px;
	width: 926px;
	height: 255px;
	background-image: url(../images/colorBar4.png);
	background-repeat: no-repeat;
}

#leftSide {
	float: left;
	width: 400px;
}

#rightSide {
	float: left;
	width: 200px;
	padding-left: 10px;
}

#socialLeft {
	width: 30px;
	margin: 10px 20px 20px 40px;
	float: left;
}

#socialRight {
	width: 30px;
	padding: 10px;
	float: left;
}

#rightSide .icon {
	padding: 0 0 20px 0;
	border: 0;
}

#rightSide .icon a img {
	border: 0;
}

#contact p {
	font-family: Georgia;
	font-size: 14px;
}

#contact #rightSide p {
	font-family: Georgia;
	font-size: 18px;
	text-align: center;
	margin-left: -25px;
}

.form {
	color: #E44145;
	font-weight: bold;
	font-family: Georgia;
}

#clearFix {
clear:both;
font-size:0;
height:0;
overflow:hidden;
}

#addThis {
	text-align: right;
}

/*footer*/

#footer {
	width: 926px;
	height: 255px;
	background-image: url(../images/colorBar4.png);
	background-repeat: no-repeat;
}

#footer p {
	color: #ffffff;
	font-size: 80px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	padding-top: 170px;
}