body {
background-color: #FFFFFF;
font-family: Arial, Verdana;
text-align: center; /* for IE */
}

img {
border: 0px;
}

h1 {
font-size: 22px;
margin-top: 5px;
color: #3a3a3a;
}

h2{
font-size: 18px;
color: #3a3a3a;
}

h3 {
font-size: 16px;
color: #3a3a3a;
}

#container {
margin: 0px auto 100px auto;
padding-top: 40px;
width: 936px;
text-align: left;
}

#top {
margin: 0px auto;
margin-left: 1px;
width: 931px;
height: 39px;
background: url("images/top.png") no-repeat;
}

#middle {
background: url("images/middle.png");
background-repeat: repeat-y;
margin: -50px auto 0;
width: 932px;
margin-top: 0px;
min-height: 340px;
}

#bottom {
margin-top: -15px;
margin-left: 1px;
background: url("images/bottom.png") no-repeat;
height: 44px;
width: 932px;
}

#header {
margin-left: 60px;
padding-top: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #DDDDDD;
width: 810px;
}

#slogan {
margin-top: -8px;
margin-left: 170px;
color: #9a9a9a;
font-size: 12px;
letter-spacing: 1px;
}

#nav {
margin-left: 80px;
margin-top: 15px;
margin-right: 25px;
width: 100px;
float: left;
}

#content {
width: 638px;
margin-top: 15px;
padding-left: 25px;
border-left: 1px solid #DDDDDD;
margin-left: 200px;
color: #4e4e4e;
text-align: justify;
font-size: 14px;
line-height: 23px;
}

#content a:link {
color: #3a3a3a;
text-decoration: none;
border-bottom: 1px dotted #999999;
}

#content a:visited {
color: #3a3a3a;
text-decoration: none;
border-bottom: 1px dotted #999999;
}

#content a:hover {
color: #e75f4c;
text-decoration: none;
border: 0px;
}

#content a:active {
color: #3a3a3a;
text-decoration: none;
}

#main_page {
width: 405px;
}

#right_contact {
float: left;
margin-left: 310px;
margin-top: -385px;
height: 100px;
}

#right_contact a:link {
text-decoration: none;
border: 0px;
}

#right_contact a:visited {
text-decoration: none;
border: 0px;
}

#right_contact a:hover {
border-bottom: 1px dotted #999999;
text-decoration: none;
}

#right_contact a:active {
text-decoration: underline;
border: 0px;
}


#right_contact img { 
margin-right: 15px;
}

.quote {
font-size: 14px;
font-weight: bold;
}

.small {
font-size: 9px;
padding-left: 5px;
}

#content p {
margin-top: 5px;
}

a.home {
display: block;
width: 100px;
height: 24px;
text-decoration: none;
background: url("images/home.png");
}

a.home:hover {
background-position: -112px 0;
}

a.services {
display: block;
width: 120px;
height: 24px;
text-decoration: none;
background: url("images/services.png");
}

a.services:hover {
background-position: -112px 0;
}

a.portfolio {
display: block;
width: 110px;
height: 24px;
text-decoration: none;
background: url("images/portfolio.png");
}

a.portfolio:hover {
background-position: -112px 0;
}

a.contact {
display: block;
width: 110px;
height: 24px;
text-decoration: none;
background: url("images/contact.png");
}

a.contact:hover {
background-position: -111px 0;
}

.displace {
position: absolute;
left: -5000px;
}

#footer {
margin-left: 20px;
margin-top: 0px;
color: #CCCCCC;
font-size: 12px;
}

table {
margin-left: -20px;
width: 670px;
}

th {
text-align: center;
}

td {
text-align: justify;
}

#socialize a:link {
text-decoration: none;
border: 0px;
}

#socialize a:visited {
text-decoration: none;
border: 0px;
}

#socialize a:hover {
text-decoration: none;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

#socialize a:active {
text-decoration: none;
border: 0px;
}

#tweets {
font-size: 12px;
margin-top: -205px;
margin-left: 433px;
background-color: #F1F1F1;
border: 1px dotted #dddddd;
width: 180px;
padding: 15px 15px 15px 15px;
}

#tweets h3 {
color: #555454;
font-size: 14px;
margin: 0px 0px -10px 0px;
}

/* For Portfolio */

#portfolio {
width: 640px;
margin-left: -10px;
}

#portfolio a:link {
color: #EEEEEE;
text-decoration: none;
}

#portfolio a:visited {
color: #EEEEEE;
text-decoration: none;
}

#portfolio a:hover {
color: #EEEEEE;
text-decoration: none;
border-bottom: 1px dotted #FFFFFF;
border: 0px;
}

#portfolio a:active {
color: #EEEEEE;
text-decoration: underline;
}



			.boxgrid h3{ margin: 10px 10px 0 10px; color:#FFFFFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold; }
			
			.boxgrid{ 
				width: 200px; 
				height: 200px; 
				margin:10px; 
				background:#FFF; 
				border: solid 1px #DDDDDD; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0px; 
					left: 0px; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0px 10px; 
					color:#EEEEEE; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute;
				background: #df4100; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 160px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 160px;
 					left: 0;
 				}