body {font: 0.71em Tahoma, Verdana, Arial, Helvetica, sans-serif; margin:0; color:#1e1e1e;}
* {margin:0; padding:0;}
p,h1,h2 {padding-bottom:6px;}
h3 {color:#5c8994; font-weight:bold; font-size:121%; padding: 20px 0 10px 0;}
#wrap {width:760px; margin:3px auto; }

a {color: #5c8994; text-decoration:none; border-bottom: 1px dotted #5c8994;}
#mashead {background:url(images/mashead7.gif) no-repeat; width:760px; height:103px;}
#logo {padding:8px 15px; display:block; border:0;}

/*navigation*/

#nav {list-style:none; background:#b5b4b6; margin-top:4px; height:24px;}
#nav a {border:none; color:#fff; font-weight:bold; font-size:95%;height:15px;}
#nav ul {list-style:none; font-weight:bold; height:17px; margin-left:240px;}
#nav a:hover,#nav a.selected  {color:#6c7071;}
#nav li {float:left; border-right:#fff solid 4px; padding:6px;}
#nav .first {border-left:#fff solid 4px;}
.clear {clear:both;}

#main {border:3px solid #6c6f71; margin-top:4px;display: inline-block; position: relative; height: 376px; min-height: 376px; width: 753px;}
#left {float:left; width:326px; display:inline; margin:70px 0 0 20px;}
#portfolio #left {margin-top:120px; width:305px; text-align:center;}

#portfolio #right { width:400px;height: 356px;}
#portfolio #main { }
#right {float:left; width:350px; line-height:150%; padding:0 10px 0px 10px;height: 306px; min-height: 306px;}

#right ul {padding:5px 20px;}
#right ul li {line-height:160%; font-weight: bold; padding-left:10px;}

#footer{padding:12px; text-align:center; margin-top:5px; font-weight:bold; color:#fff;}

#index #footer {background:#cdca70;}
/* About us */


#aboutUs #footer {background:#c4844c;}
#aboutUs #left { margin-top:20px; width:305px; text-align:center;}
#aboutUs #left ul {text-align:left; list-style:none; margin:5px 0 0 20px; line-height:200%;}
#aboutUs #left ul a {color: #b15c0d; border:none;}
#aboutUs #left ul a:hover {color:#000000;}
#aboutUs #right {width:370px;}

#clients #footer {background:#91aa8f;}
#clients #right {width:380px; height: 326px;}
#clients #right ul li {line-height:130%; font-weight: bold; padding-left:10px; margin-bottom: 0;}
#clients #left {margin-top:50px;}

#testimonials #right {width:403px; overflow:auto; height: 363px;}
#testimonials  #footer {background:#bd7c6e;}
#testimonials  #left { width:300px; }

#resources #main ul li { line-height:250%; font-weight:normal;}
#resources #left {margin-top:50px;}
#resources  #footer {background:#a3a17c;}

#contactUs #left {margin-top:45px;}
#contactUs #left a {color:#b15c0d; border:none;}
#contactUs #left p{ margin-left:40px;}
#contactUs #right p {padding-bottom:15px;}
#contactUs  #footer {background:#cdca70;}
#contactUs #right a, #contactUs #right a:visited {color: #1e1e1e; text-decoration: none; border-bottom: 0;}
#contactUs #right a:hover, #contactUs #right a:active{color: #1e1e1e; text-decoration: underline; border-bottom:0;}

/* Portfolio page */
#portfolio #intro {margin-left:20px;}
#portfolio #intro p{padding:0;}
#portfolio #right ul {padding:0; margin-top:15px;}
#portfolio #right ul li {padding:0;}
#projectList {list-style:none; margin:0; padding:0; overflow:auto; display:block;}
#projectList h5 {font-size:10px; font-weight:normal;}
#projectList li {float:left; margin:0; padding:0; width:110px; text-align:center; margin-bottom:10px;}
#projectList li img {border:solid 1px #333333; }
#projectList li a{border: none;}
#portfolio #footer {background:#819faa;}
.lighter {color: #4f4f4f;}
.bold {font-weight:bold;}
.by {color: #626262; margin-top:-4px;}
.orange  {color:#b15c0d;}
.blue {color:#5c8994; font-weight: bold;}
.icon {width:70px; float:left}

