* {
    margin: 0;
    padding: 0;
    position: relative;
    }

body { 
    text-align: center;
    background: #fff url(/media/site/img/adsum/background.jpg) repeat-x;
    font-family: Verdana, sans serif;
    font-size: 12px;
    color: #2C1900;
    line-height: 1.75em;
    }


/* layout structure */
#container {
    width: 900px;
    margin-left: auto; 
    margin-right: auto;
    text-align: left;
    }

/* masthead */
#masthead {
    background: #fff url(/media/site/img/adsum/bg_header.jpg) repeat-x;
    width: 900px;
    min-height: 320px;
    margin-left: auto; 
    margin-right: auto;
    text-align: left;
    }
#logo { 
    background: url(/media/site/img/adsum/logo.png) no-repeat;
    width: 237px;
    height: 105px;
    margin-left: 45px;
    }
#logo a {
    display: block;
    width: 237px;
    height: 90px;
    }
a img {
    border: none;
}

/* top navigation */
#nav-top {
	margin: -75px 0 0 390px;
    width: 500px;
    height: 20px;
    list-style: none;
    } 
#nav-top li {
	float: right;
	padding-right: 20px;
    }
li#nav1 a {
	background: url(/media/site/img/adsum/menu_home.png) no-repeat;
	display: block;
	width: 38px;
	height: 20px;
    }  
li#nav1 a:hover, li#nav1-active {
	background: url(/media/site/img/adsum/menu_home_over.png) no-repeat;
	display: block;
	width: 38px;
	height: 20px;
    }  
li#nav2 a {
	background: url(/media/site/img/adsum/menu_projects.png) no-repeat;
	display: block;
	width: 59px;
	height: 20px;
    }  
li#nav2 a:hover {
	background: url(/media/site/img/adsum/menu_projects_over.png) no-repeat;
	display: block;
	width: 59px;
	height: 20px;
    }  
li#nav3 a {
	background: url(/media/site/img/adsum/menu_blog.png) no-repeat;
	display: block;
	width: 32px;
	height: 20px;
    }  
li#nav3 a:hover {
	background: url(/media/site/img/adsum/menu_blog_over.png) no-repeat;
	display: block;
	width: 32px;
	height: 20px;
    }  
li#nav4 a {
	background: url(/media/site/img/adsum/menu_company.png) no-repeat;
	display: block;
	width: 63px;
	height: 20px;
    }  
li#nav4 a:hover {
	background: url(/media/site/img/adsum/menu_company_over.png) no-repeat;
	display: block;
	width: 63px;
	height: 20px;
    }  
li#nav5 a {
	background: url(/media/site/img/adsum/menu_contact.png) no-repeat;
	display: block;
	width: 61px;
	height: 20px;
    }  
li#nav5 a:hover {
	background: url(/media/site/img/adsum/menu_contact_over.png) no-repeat;
	display: block;
	width: 61px;
	height: 20px;
    }  
#nav5 {
	margin-right: 30px;
    }   
/* end top navigation */

#slideshow-text { 
	float: left;
	margin: -242px 0 0 65px;
    width: 235px;
    }
#slideshow-text p { 
	font-size: 12px;
	line-height: 19px;
	color: #555;
	font-style: italic;
    }
#slideshow { 
	margin: 40px 0 0 360px;
    width: 473px;
    height: 290px;
    border: 1px solid #fff;
    }
/* end masthead */


#wrapper {
	/*background: #fff url(/media/site/img/adsum/bg_content.jpg) repeat-x; */
	background: #fff url(/media/site/img/adsum/bg_content_divider.jpg) no-repeat;
	height:auto;
	overflow:hidden; /*This hides the exceeding portion of the columns created by the padding/margin trick, thus avoiding the scrollbar of the browser to extend more than needed*/
	width: 900px;
	}


/* content */
#content01 {
	background: url(/media/site/img/adsum/bg_content01.jpg) no-repeat;
    width: 900px;
    height: 50px;
    }
#content {
    width: 565px;
    height: auto;
	padding: 0 0 15px 0;
	float: left;
    }
#content p { 
	margin: 10px 50px 10px 65px;
    }
#content h1 {
    padding-bottom: 10px;
} 
#content h1, #content h2, #content h3, #content h4 { 
    padding-left: 65px;
    padding-bottom: 5px;
    }
#content h2 {
    padding-bottom: 15px;
    padding-top: 20px;
}
#content h2 a {
    color: #333;
}
#content h3 {
    padding-top: 10px;
}
#content h4 {
    font-style: italic;
}
#content .page-top { 
    width: 560px;
    font-size: 9px;
    text-align: right;
    margin: 30px 5px 0 -5px;
    } 
#content .page-top a { 
    color: #333;
    } 
#content .page-top a:hover { 
    color: #78BBCA;
    text-decoration: none;
    }
#content03 {
	background: url(/media/site/img/adsum/bg_content03.jpg) no-repeat;
    width: 900px;
    height: 50px;
    }
   
#content ul {
    padding: 10px 50px 10px 95px;
}

.twitter-users {
    clear: both;
    padding: 5px 70px;
}
.twitter-users img {
    float: left;
}
 
/* share buttons */
.share_buttons {
    display: block;
    padding: 10px 10px 10px 65px;
    float: left;
    position:relative;
    z-index:100;
}
.fbshare_button {
    padding: 5px 0 5px 0;  
}

#content img {
    padding: 10px 0;
}


/* content list images */
.page-listing {
    padding: 15px 0 0 0;
}
.page-list-hr {
    margin: 0 0 10px 65px;
    width: 488px;
}

/* contact form */
#contact-form label {
    display: block;
    float: left;
    line-height: 26px;
    width: 130px;
}
#contact-form textarea {
    height: 100px;
    width: 250px;
}
#contact-form input, #contact-form textarea {
    -moz-border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE 2px, #FFFFFF 25px) repeat scroll 0 0 transparent;
    border: 1px solid #78BBCA;
    margin: 0;
    padding: 5px;
}
#contact-form .submit {
    margin-top: 20px;
}

#contact-form .errorlist {
    list-style: none;
    padding: 0 0 0 200px;
    color: red;
}
    
/* blog */
.blog-date, .blog-categories, .blog-comments {
    margin-top: 5px;
    font-size: smaller;
}
#blog-comments {
    padding: 10px 10px 10px 65px;
    width: 500px;
}

#right-side {
    float: right;
    width: 245px;
	padding: 0 0 0 40px;
	margin-right: 50px;
    padding-bottom: 30000px; /*This extends the height of the column so the main content does not wrap around it*/
	margin-bottom: -30000px; /*This 'reclaims' the extra height created by the padding*/
	}
#right-side h1,#right-side h2,#right-side h3 {
    padding: 4px 0 10px 0;
    font-size: 17px;
	}
#right-side ul {
    padding-left: 20px;
    padding-bottom: 20px;
    list-style: none;
}
#right-side ul a {
    text-decoration:none;
    color: #2E1D03;
}
#right-side p {
	margin: 10px 0 30px 0;
	} 	
	    
/* nav-side */
.nav-side {
    width: 225px;
    list-style: none;
}
.nav-side li {
    margin: 2px 0 2px 0;
}
.nav-side a {
    font-family: Verdana, sans serif;
    font-size: 12px;
    color: #2E1D03;
    text-decoration: none;
}
.nav-side a:hover {
    color: #78BBCA;
}
.nav-side-on {
	font-weight: bold;
}  
    

/* footer navigation */
#wrapper-footer {
	/*background: #fff url(/media/site/img/adsum/bg_content.jpg) repeat-x; */
    background: url(/media/site/img/adsum/bg_footer_divider.jpg) repeat-y;
	height:auto;
	overflow:hidden; /*This hides the exceeding portion of the columns created by the padding/margin trick, thus avoiding the scrollbar of the browser to extend more than needed*/
	width: 900px;      
	}
	
#footer01 {
	background: url(/media/site/img/adsum/bg_footer01.jpg) no-repeat;
    width: 900px;
    height: 50px;
    }
#footer03 {
	background: url(/media/site/img/adsum/bg_footer03.jpg) no-repeat;
    width: 900px;
    height: 40px;
    }
#footer {
    background: url(/media/site/img/adsum/bg_footer_divider.jpg) repeat-y;
    width: 900px;
    height: 207px;
    } 
#hd-blog {
    background: url(/media/site/img/adsum/hd_blog.png) no-repeat;
    width: 200px;
    height: 36px;
    margin-top: 5px;
    } 
#nav-footer01 {
    float: left;
    width: 237px;
    margin: -20px 50px 0 60px;
	list-style: none;
	}
#nav-footer01 a {
	font-family: Verdana, sans serif;
    font-size: 10px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
	}
#nav-footer01 a:hover {
    color: #78BBCA;
	}   
#hd-projects {
    background: url(/media/site/img/adsum/hd_projects.png) no-repeat;
    width: 200px;
    height: 36px;
    margin-top: 5px;
    } 
#nav-footer02 {
    float: left;
    width: 237px;
    margin: -20px 60px 0 0;
	list-style: none;
	}
#nav-footer02 a {
	font-family: Verdana, sans serif;
    font-size: 10px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
	}
#nav-footer02 a:hover {
    color: #78BBCA;
	}  	 
#hd-company {
    background: url(/media/site/img/adsum/hd_company.png) no-repeat;
    width: 200px;
    height: 36px;
    margin-top: 5px;
    } 
#nav-footer03 {
    float: left;
    width: 207px;
    margin: -20px 0px 0 0;
	list-style: none;
	}
#nav-footer03 a {
	font-family: Verdana, sans serif;
    font-size: 10px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
	}
#nav-footer03 a:hover {
    color: #78BBCA;
	}    
/* end footer navigation */


/* copyright */
#copyright {
    background: #95D4DF url(/media/site/img/adsum/bg_copyright.jpg) repeat-x;
    height: 35px;
    padding-top: 8px;
    padding-left: 140px;
    list-style: none;
    text-align: center;
    } 
#copyright li {
	float: left;
	padding-right: 10px;
	font-size: 10px;
	color: #ffffff;
	text-transform: uppercase;
    }
#copyright li a {
	color: #ffffff;
	text-decoration: none;
    }
#copyright li a:hover {
	color: #333;
    }  

#btn-facebook {
    background: url(/media/site/img/adsum/btn_facebook.png) no-repeat;
    width: 24px;
    height: 24px;
    }
#btn-facebook a {
    display: block;
    width: 24px;
    height: 24px;
    }
#btn-twitter {
    background: url(/media/site/img/adsum/btn_twitter.png) no-repeat;
    width: 24px;
    height: 24px;
    }
#btn-twitter a {
    display: block;
    width: 24px;
    height: 24px;
    }
#btn-linkedin {
    background: url(/media/site/img/adsum/btn_linkedin.png) no-repeat;
    width: 24px;
    height: 24px;
    }
#btn-linkedin a {
    display: block;
    width: 24px;
    height: 24px;
    }


/* credits */
#credits p {
    margin: 20px 0;
    font-size: 10px;
    text-align: center;
    color: #666;
    }
#credits a {
    text-decoration: underline;
    color: #666;
    }
#credits a:hover {
    color: #78BBCA;
    }


/* basic style */   
p {
    margin-bottom: 20px;
	}
h1 {
    color: #333;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: normal;
    line-height: 1.5em;
}
h2 {
    color: #333;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: normal;
    line-height: 1.2em;
}
a {
    color: #85CCDC;
    text-decoration: underline;
    }
a:hover { 
    color: #DDD0BD;
    }
ul.list {
	width: 420px;
	margin: 10px 0 10px 105px;
    line-height: 1.75em;
    } 
hr {
	margin: 15px 0 25px 0;
	width: 100%;
	border: 1px dotted #78BBCA;
	border-top: 1px dotted #FFF;
	border-left: 1px dotted #FFF;
	border-right: 1px dotted #FFF;
	}  
.white {
    color: #fff;
	}
.blue {
    color: #78BBCA;
	}
	
/* twitter */
.tweet{
        padding:5px;
        padding-bottom:10px;
        margin:0 8px 8px;

        border:1px solid #F0F0F0;
        background:url(/media/site/img/twitter/transparent.png);

        width:auto;
        overflow:hidden;
}

/* code */
.code {
	padding-left: 30px;
 	font-size: 10px;
}
#content ol {
	margin: 10px 50px 10px 65px;
}