* {margin:0; padding:0px;}

p {margin:10px 0 10px 0;}

body { background:url(/graphics/bg-body.jpg) repeat-x; font-family:Verdana, Geneva, sans-serif; text-align:left; font-size:12px;}

a, a:visited { color:#f0a020; text-decoration:none; }
a:hover, a:visited:hover { text-decoration:underline; color:#f0a020;}

h1 {}

h2 {font-family:Verdana, Geneva, sans-serif; font-size:18px; font-weight:bold; color:#3b6c8c; text-align:left; margin:10px 0 5px 0; line-height:22px; background:none;}
h2 a, h2 a:visited {font-family:Verdana, Geneva, sans-serif; font-size:18px; font-weight:bold; color:#3b6c8c; text-align:left; margin:10px 0 5px 0; line-height:22px; padding:10px 10px 20px 10px; background:url(/graphics/arrow-ltblue.jpg) bottom repeat-x; display:block;}
h2 a:hover, h2 a:visited:hover { background:url(/graphics/arrow-ltblue.jpg) bottom repeat-x #EAEAEA; display:block; text-decoration:none; color:#3b6c8c;}

.widgettitle {padding-bottom:32px; background:url(/graphics/swoosh.jpg) no-repeat bottom left;}

h3, h3 a, h3 a:visited { font-family:Verdana, Geneva, sans-serif; font-size:16px; font-weight:bold; color:#3b6c8c; text-align:left; margin:10px 0 5px 0; line-height:20px;}
h4 {}
h5 {}

#container {width:915px; margin:auto;}
#header-container {width:915px; height:363px; background:url(/graphics/bg-header-target.jpg) top left no-repeat; position:relative;}

#hdr-search { position:absolute; top:0px; right:0; color:#FFF; font-size:11px; width:200px; text-align:right; }
#hdr-search input {height:17px; text-align:left;}

#hdr-logo {position:absolute; left:10px; top:25px; z-index:10;}
#hdr-phone { position:absolute; top:46px; right:0; color:#FFF; font-size:18px;}

#main-nav-containter { position:absolute; right:0; top:89px; width:915px; height:36px; }
#main-nav {font-size:14px; color:#FFF; width:673px; position:absolute; right:0; top:10px;}
#main-nav ul {}
#main-nav li { float:left; display:inline; text-align:center; } 
#main-nav li a, #main-nav li a:visited {display:block; height:26px; font-size:14px; text-decoration:none; line-height: 14px; font-family: Verdana, Geneva, sans-serif; font-size:14px;}
#main-nav li a:hover, #main-nav li a:visited:hover { text-decoration:underline;}

.home { background:url(/graphics/bg-nav-home.jpg) no-repeat;}
.about { background:url(/graphics/bg-nav-about.jpg) no-repeat;}
.services { background:url(/graphics/bg-nav-services.jpg) no-repeat;}
.portfolio { background:url(/graphics/bg-nav-portfolio.jpg) no-repeat;}
.blog { background:url(/graphics/bg-nav-blog.jpg) no-repeat;}
.offices { background:url(/graphics/bg-nav-offices.jpg) no-repeat;}

#nav-about {width:100px; margin-right:14px;}
#nav-about {width:100px; margin-right:14px;}
#nav-services {width:161px; margin-right:14px;F}
#nav-portfolio {width:73px; margin-right:14px;}
#nav-news {width:153px; margin-right:14px;}
#nav-office {width:127px;}

.nav-active a, .nav-active a:visited {color:#295978;}
.nav-active a:hover, .nav-active a:visited:hover { text-decoration:none;}


#header-slideshow {position:absolute; bottom:20px; width:915px; z-index:20; height:150px;}

#s3slider { list-style:none;}
#s3slider li {list-style:none;}

#s3sliderContent {
   width: 915px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 156px; /* important */
   margin-left: 0; /* important */
   padding:0;
   z-index:20;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
    position: absolute;
	font-family:Helvetica, Arial, Georgia, Sans-serif;
	font-size:16px;
    padding: 10px 13px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
	bottom:10px;
	right:5px;
	text-align:right;
}

.s3sliderImage span a, .s3sliderImage span a:visited {
	color:white;
	text-decoration:none;
}

.s3sliderImage span a:hover, .s3sliderImage span a:visited:hover {
	color:white;
	text-decoration:underline;
	}
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */

.clear {
   clear: both;
} 

.services-slideshow-margin {margin-bottom:10px;}

#content-container {width:895px; padding:10px; margin:auto; font-size:12px; line-height:18px; color:#565555}
#full { width:895px;}
#left { float: left; width:629px; text-align:justify;}

#left-column { float:left; width:411px; margin-top:0;}
#left-column2 { float:right; width:411px; margin-top:0;}

#right { float:right; width:228px; padding-top:80px;}

#right ul {margin-left:0; list-style:none;}
#right ul li {margin-bottom:15px; font-size:11px;}
#right ul li a, #right ul li a:visited {font-weight:bold;}
#right ul ul {margin-left:20px; margin-top:0;}
#right li li {list-style-image:url(/graphics/arrow.jpg); padding-left:10px; margin-bottom:10px; margin-top:0; padding-top:0; }
#right li li a, #right li li a:visited {}
#right li li a:hover, #right li li a:visited:hover {}

#sidebar-links {width:208px; padding:10px; background:#406989; color:#FFF; margin-bottom:15px;}
#sidebar-links h4 {font-size:16px; color:#FFF; margin:5px 0 10px 0;}
#sidebar-links ul {margin-left:20px; margin-top:0;}
#sidebar-links li {list-style-image:url(/graphics/arrow-ltblue.jpg); padding-left:10px; margin-bottom:10px; margin-top:0; padding-top:0; }
#sidebar-links li a, #sidebar-links li a:visited { color:#FFF; text-decoration:none;}
#sidebar-links li a:hover, #sidebar-links li a:visited:hover { text-decoration:underline;}


.services-container { width:629px;}
.team-pic {float:right; width:75px; padding-top:44px;}
.team-text {float:left; width:520px;}

.services-pic {float:right; width:160px; padding-top:44px;}
.services-text {float:left; width:440px;}

.catlist {float: left; width: 380px; padding-left: 10px; padding-right: 10px;}
.catlist ul, .catlist2 ul {list-style:none; margin-bottom:20px; }
.catlist li {margin-bottom:5px;}
.catlist a, .catlist a:visited, .catlist2 a, .catlist2 a:visited {font-weight:bold; text-align:LEFT;}
.catlist2 {float: left; width: 600px; padding-left: 10px; padding-right: 10px;}

.img-glider {margin-top:20px;}

.page-nav {width:600px; margin:20px auto 10px auto; text-align:left;}
.page-nav ul { list-style:none; }
.page-nav li { padding:3px; margin-left:45px; list-style-image:url(/graphics/arrow.jpg)}
.page-nav li a, .page-nav li a:visited { color:#f0a020; text-decoration:none;}
.page-nav li a:hover, .page-nav li a:visited:hover { text-decoration:underline;}

.services-slideshow-container {float:right; padding-left:20px; width:250px; height:220px; padding-top:35px;}
.services-text-container {float:left; width:625px; margin-bottom:20px;}

#footer {width:100%; background:url(/graphics/bg-footer.jpg) repeat-x;}
#footer-container {width:895px; padding:30px 10px 10px 10px; height:87px; margin:auto; color:#FFF; line-height:26px; position:relative;}
#footer-logo {position:absolute; right:25px; bottom:5px;}

textarea {width:600px;}

.alignleft {float:left; padding-right:15px}

.ddsg-wrapper ul {margin-left:20px;}