*
{margin:0;padding:0;font-size:1em}
body 
{
    background-color: #333;
    font:12px Arial, Georgia, Times New Roman, Times,sans-serif;
    line-height: 15px;
    color:#fff;
}

a, a:link, a:visited
{
    color: #fff;
    text-decoration: none;
}

a.all
{
    font-size: 12px;
    line-height: 16px;
    color: #d92231;
    text-decoration: none;
    margin-bottom:0;
}
a.all:hover
{
    text-decoration: underline;
}

h1 { font-size: 21px; line-height: 26px; color: #ffb400;}
h2 { font-size: 1.5em; line-height: 1.5em; color: #ffb400;}
h3 { font-size: 1.1em; color: #ffb400; font-weight: normal;}

p { margin-bottom: 10px;}
ul {margin: 10px; padding: 10px;}

hr { color: #f0f0f0; background-color: #f0f0f0; border: solid 1px #000; border-style: none none solid; padding: 0; margin: 0;}

.clearboth
{
    clear: both;
}

img
{
    border: none;
}

/* page & content */

#pagewrapper
{
    width: 780px;
    margin: 20px auto;
}

.wrapper
{
}

#contentouter
{
}

#contentinner
{
}

#content-body ul, ol
{
    margin: 10px 20px;
    padding: 10px 20px;
}

#left-column
{
    width: 180px;
    margin-right: 10px;
    float: left;
}

#lnavMenu
{
    padding: 10px;
}

#lnavMenu ul
{
    margin: 0;
    padding: 0;
}

#lnavMenu ul li
{
    list-style-type: none;
    margin-bottom: 10px;
}

#lnavMenu a
{
    display: block;
    font-size: 13px;
    line-height: 13px;
}

#lnavMenu a:hover
{
    color: #ffb400;
    text-decoration: underline;
}

#lnavMenu a.active
{
    color: #ffb400;
}

#main-column
{
    width: auto;
    float: left;
}

/* display */
#display-wide 
{
    width: 780px;
    height: 300px;
}

/* blogpanel */

#blogpanel
{
    background-color: #f7f7f7;
    width: 288px;
    height: 440px;
    padding: 10px;
    margin-right: 1px;
    color: #333;
    float: left;
}

#blogpanel ul
{
    margin: 0;
    padding: 0;
}

#blogpanel ul li
{
    list-style-type: none;
    height: 100px;
    padding: 0;
    margin:0;
    background-image: url(images/blogpanel_line.gif);
    background-position: center bottom;
    background-repeat: no-repeat;
    margin-bottom: 5px;
}

#blogpanel div.item
{
    height: 74px;
}

#blogpanel a.blogtitle
{
    display: block;
    height: 19px;
    font-size: 17px;
    line-height: 19px;
    color: #333;
    margin:0;
    padding:0;
    margin-bottom: 5px;
}

#blogpanel a.blogtitle:hover
{
    text-decoration: underline;
}

#blogpanel p
{
    margin:0;
    padding:0;
}

#blogpanel img
{
    width: 73px;
    height: 73px;
    border: solid 1px #ddd;
    float: left;
    margin-right: 10px;
}

#blog-list
{
    margin-top: 20px;
}
/* references */

#referencespanel
{
    background-color: #f7f7f7;
    width: 218px;
    padding: 10px;
    padding-bottom: 0;
    float: left;
}

#referencespanel-horizontal
{
    background-color: #f7f7f7;
    padding-top: 20px;
    padding-bottom: 20px;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

/*
#referencespanel ul
{
    margin: 0;
    padding: 0;
}

#referencespanel ul li
{
    height: 116px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-image: url(images/referencespanel_line.gif);
    background-position: center bottom;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}
*/

#referencespanel a
{
    display: block;
    margin:0;
    padding:0;
}

#referencespanel-hotizontal a
{
    display: block;
    margin:0;
    padding:0;
}

#referencespanel p
{
    font-size: 12px;
    line-height: 33px;
    color: #2e58a3;
    margin:0;
    padding:0;
    margin-bottom: 10px;
}

#referencespanel p:hover
{
    color: #d92231;
}

#referencespanel img
{
    width: 216px;
    height: 63px;
    border: solid 1px #ddd;
}

#referencespanel-horizontal img
{
    width: 233px;
    height: 81px;
    border: solid 1px #ddd;
}

/* references */

#welcomepanel
{
    width: 212px;
    height: 440px;
    background-color: #fdfdfd;
    padding: 10px;
    margin-right: 1px;
    color: #333;
    float: left;
}

#welcomepanel p
{
    margin-top: 10px;
}

#welcomepanel h2
{
    color: #333;
    margin-bottom: 10px;
}

/* header */

#header
{
    padding: 20px 0;
    border-bottom: solid 1px #fff;
    margin-bottom: 10px;
}

#header .logo
{
    float: left;    
}

#header .top-right
{
    float: right;    
}

#toplinks ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#toplinks li
{
    float: left;
}

#toplinks a
{
    line-height: 11px;
    padding: 5px;
}

#toplinks a:hover
{
    color: #d92231;
}

#top-menu
{
    margin-top: 25px;
    float: right;
}

#top-menu ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#top-menu li
{
    float: left;
    margin-right: 10px;
    padding-right: 12px;
    background-image: url(images/menu_separator.gif);
    background-position: right center;
    background-repeat: no-repeat;
}

#top-menu li.last
{
    float: left;
    background: none;
    margin-right: 0;
    padding-right: 0;
}

#top-menu a
{
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
    color: #fff;
}

#top-menu a.current
{
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
    color: #ffb400;
}

#top-menu a:hover
{
    color: #ffb400;
}

#search-box
{
    width: 201px;
    height: 24px;
    margin-top: 21px;
    background-image: url(images/search_input_bg.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    float: right;
}

#search-box input.query
{
    color: #888;
    border: none;
    float: left;
    width: 160px;
    border: 0;
    margin: 5px 0px 0 8px;
}
#search-box .watermarked
{
    background-color: #fff;
    color: #888;
    border: none;
    float: left;
    width: 160px;
    border: 0;
    margin: 5px 0px 0 8px;
}
#search-box input.btn-search
{
    width: 29px;
    height: 24px;
    float: right;
    background-image: url(images/btn_search.jpg);
    margin: 0;
}

#search-box input.btn-search:hover
{
    width: 29px;
    height: 24px;
    float: right;
    background-image: url(images/btn_search_on.jpg);
    margin: 0;
}

/* breadcrumbs */

#breadcrumbs
{
   margin-bottom: 10px;
   color: #aaa;
}

/* footer */

#footer
{
    background-color: #666;
    color: #fff;
    padding: 10px;
}

#footer ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#footer li
{
    float: left;
    margin-right: 10px;
    padding-right: 12px;
}

#footer li.last
{
    float: left;
    background: none;
    margin-right: 0;
    padding-right: 0;
}

#footer a
{
    text-decoration: none;
    color: #fff;
}

#footer a.current
{
    text-decoration: underline;
}

#footer a:hover
{
    color: #ffb400;
}

.pb10
{
    padding-bottom: 10px;
}

.p-all-20
{
    padding: 20px;
}
.p-no-right
{
    padding-right: 0;
}
.mt10
{
    margin-top: 10px;
}

/* references */

#project
{
    border: solid 1px #ddd;
} 

#project-slide
{
    padding: 10px;
} 

.projectPanel 
{
    float: left;
    padding: 10px;
	border-right: solid 1px #ddd;
	border-left: solid 1px #ddd;
}

.projectImages {
    float: left;
    width:  380px;
	border: 0px;
} 
 
.projectImages img {  
    padding: 0px;  
    border:  0px; 
    width:  380px; 
    height: 380px; 
} 

.projectText {
    float: left;
	width: 336px;
    height: 370px;
	font-size: 12px;
	line-height: 16px;
	color: #333;
}

#prev1
{
    float: left;
  	padding: 0px;
	border: 0px;
	cursor: pointer;	
    display: block;
    width: 49px;
    height: 400px;
    background: url(images/nav-prev.png);
}

#prev1:hover{
	background: url(images/nav-prev-on.png);
}

#next1{
    float: left;
  	padding: 0px;
	border: 0px;
	cursor: pointer;
    display: block;
    width: 49px;
    height: 400px;
    background: url(images/nav-next.png);

  }

#next1:hover{
	background: url(images/nav-next-on.png);
}