/* CSS Document */

/* reset paddings and margins */
	* {
		margin: 0;
		padding: 0;
		outline:none;
	}

/* html element needs this setting, to center wrapping div */
	html {
		width: 100%;
		height: 100%;
	
	}

	img
	{
		border:0;
	}

	body {
	position: relative;
	margin:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	text-align:center;
	}
	body#home{background:#54c4e8 url(../images/home_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;}
	
	body#portfolio{background:#1e76aa url(../images/portfolio_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-attachment:fixed;}
	
	body#illustration{background:#1e76aa url(../images/illustration_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-attachment:fixed;}
	

	
/* common formats */
h1, h1 a, h2, h2 a, h3, h3 a{padding:0px; margin:0;}
h1{font-size:16px;}

a:hover{text-decoration:none;}

td{vertical-align:top; padding:4px;}
.redtext{ color:#FF0000;}
.smalltext{ font-size:11px;}

/* common clearing div */
	div.clear {
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0px;	}

#wrap{
width:990px;
margin:auto;
top:0;
text-align:left;
}

#leftcolumn{
position:fixed;
top:50px;
width:160px;
}
#home #leftcolumn{
position:fixed;
top:0px;
width:355px;
}


#rightcolumn{
position:relative;
top:0px;
left:160px;
float:left;
width:830px;
}
#home #rightcolumn{
position:relative;
top:0px;
left:355px;
float:left;
width:635px;
}

#filter{
position:relative;
top:0px;
left:0px;
float:left;
width:430px;
padding:10px 0px 20px 0px;}


#logo{
position:relative;
top:0px;
left:0px;
float:left;
width:384px;
text-align:right;
padding:10px 0px 0px 0px;}
#logo h2{color:#d4eeff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;}
#home #logo{
position:relative;
float:right;
width:610px;
text-align:right;
padding-top:370px;}



/* home panels */
#home .anchor_holder{position:relative;
float:left;
width:610px;
height:10px;
margin-bottom:180px; text-indent:-9999px;}

#home .colt_top{position:relative;
float:left;
width:634px;
height:10px;
background-image:url(../images/colt_top.png);
background-repeat:no-repeat;}
#home .colt_bottom{position:relative;
float:left;
width:634px;
height:10px;
background-image:url(../images/colt_bottom.png);
background-repeat:no-repeat;}

#home .content_section{ position:relative;
float:left;
width:634px;
min-height:300px;
color:#000000;
background-image:url(../images/info_panel_bg.png);
padding:20px 0px 0px 0px;
}
#home .content_section .top{position:relative;
float:left;
top:0px;
left:0px;
width:20px;
min-height:300px;
}
#home .content_section .top a{
display:block;
width:20px;
height:25px;
margin-top:200px;
background-image:url(../images/up.png);
background-repeat:no-repeat;
background-position:3px 0px;
cursor:pointer;}
#home .content_section .right{float:left;
top:0px;
left:0px;
width:590px;
min-height:300px;}

#home .content_section .bottom{position:relative;
float:left;
width:590px;
text-align:right;}
#home .content_section .bottom a{ display:inline; padding-left:10px;}

#home .content_section .text{ position:relative; float:left; padding:15px; background:#FFFFFF; width:560px;}
#home .content_section .text a{ color:#0066CC;}
#home .content_section .text a.social {position:relative; float:left; display:block; padding-right:15px;}
#home .content_section h1{ font-size:14px; font-style:italic; font-weight:normal; color:#FFFFFF; background-image:url(../images/header_bg.gif); background-repeat:repeat-x;
padding:3px; padding-bottom:5px; width:250px; margin-bottom:10px;}

#home .content_section ul.expertise {
	margin: 0px 40px 0px 20px; line-height:1.5em; display:block; position:relative; float:left;}
#home .content_section ul.expertise li.header{ list-style:none; margin-left:-20px; font-weight:bold;}
	
/* end home panels */


/* portfolio panels */
.portfolio_holder{
position:relative;
float:left;
width:830px;}

.portfolio_left{
position:relative;
float:left;
width:812px;}

.portfolio_header{
position:relative;
float:left;
width:469px;
height:55px;
}
#illustration .portfolio_header{
position:relative;
float:left;
width:469px;
height:55px;
background:#FFFFFF;
}
#illustration .portfolio_header h2{ padding:30px 0px 0px 20px; font-size:16px; font-style:italic;}
.portfolio_visit{
position:relative;
float:left;
width:320px;
height:54px;
padding:1px 23px 0px 0px;
background:#fff;
text-align:right; line-height:1.5em;}
.portfolio_visit a{ text-decoration:none; color:#FFFFFF}
.orange_highlight{background:#FF9900; padding:2px; color:#FFFFFF; font-style:italic; font-weight:bold;}
.grey_highlight{background:#CCCCCC; padding:2px;}

.portfolio_image, .portfolio_description{
position:relative;
float:left;
width:768px;
background:#fff;
padding:0px 22px 0px 22px;
}

.portfolio_image img{background:#e9e9e9;
border:1px solid #CFCFCF;
padding:10px;
}
.portfolio_description{padding-bottom:20px;}

.portfolio_divider{
position:relative;
float:left;
width:812px;
height:50px;
background-image:url(../images/info_panel_bg.png);}

.portfolio_top{
position:relative;
float:left;
width:17px;
padding:50px 0px 0px 0px;}
.portfolio_top a{ display:block; width:17px; height:24px;}
/* end portfolio panels */



/* home menu */
#menu{width:200px;
position:relative;
float:left;
padding-top:50px;}
#home #menu{width:355px;
position:relative;
float:left;
padding-top:420px;}


#nav, #nav ul {
	float: left;
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 0;
}

#portfolio #nav,  #portfolio #nav ul, #illustration #nav,  #illustration #nav ul {
display:block;
width:150px;
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 0;
}

#nav li a {
	display: block;
	text-decoration: none;
	text-align:center;
	font-size:13px;
	color:#ffffff;
	font-weight:normal;
	background:#FF9900;
	padding:2px;
	margin-right:5px;
	line-height:1.5em;
	font-style:italic;
}
#nav li a:hover {color:#000000;}
#nav li {
	float: left;
	padding: 0;
}

#nav li ul {
	position: absolute;
	height: auto;
	width: 150px;
	w\idth: 150px;
	font-weight: normal;
	margin:0px;
	padding-left:2px;
}
#portfolio #nav li ul, #illustration #nav li ul {
position:relative;
display:block;
	height: auto;
	width: 150px;
	w\idth: 150px;
	font-weight: normal;
	margin:0px;
	padding-left:2px;
}
#nav li ul a{ background:none; display:block; width:150px; text-align:left; font-style:normal; 	line-height:1.2em; 	font-size:12px;}
#nav li ul a:hover {text-decoration:line-through; color:#FFFFFF;}

#nav a.home { width:140px;}
#nav a.portfolio { width:65px;}
#nav a.illustration { width:75px;}
#nav a.blog { width:35px; margin-right:0px;}

#home #nav a.home, #portfolio #nav a.portfolio, #illustration #nav a.illustration{ color:#000000}

#portfolio #nav a.portfolio, #illustration #nav a.portfolio { width:65px; margin:10px 70px 5px 0px;}
#portfolio #nav a.illustration, #illustration #nav a.illustration{ width:75px; margin:0px 70px 5px 0px;}
/* end home menu */



#portfolio #footer, #illustration #footer{position:relative;
top:20px;
left:160px;
float:left;
width:800px;
font-family:Verdana, Arial, Helvetica, sans-serif, Times, serif; font-size:11px;}
#portfolio #footer a, #illustration #footer a{ color:#000000;}

#home #footer{width:635px;
height:400px;
padding-left:355px;
margin:auto;
margin-top:100px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;}
#home #footer a{ color:#FFFFFF;}

#home #footer. top{position:relative; float:left;  width:634px;
height:27px;}
#home #footer .wrapper{position:relative; float:left;  width:634px;
background-image:url(../images/footer_home2.png);}



#home #footer .blog, #home #footer .links{ position:relative; top:0px; left:0px; float:left; width:290px; padding:10px; font-family:Verdana, Arial, Helvetica, sans-serif, Times, serif; font-size:10px; color:#006699;}
#home #footer .blog_article{position:relative; float:left; width:290px;  padding-bottom:10px;}
#home #footer .blog_article h3 a{ font-size:10px; color:#006699; font-weight:normal;}
#home #footer .blog_article .blog_readmore{ position:relative; float:left; }

#home #footer .copy{ position:relative; float:left; width:634px; height:143px;
background-image:url(../images/footer_home_lamp.png);
background-repeat:no-repeat;
background-position:top right;}
#home #footer .copy p{ position:relative; float:left; display:block; padding:55px 0px 0px 140px; width:200px;}
#home #footer .copy p.map{ position:relative; float:left; width:260px; display:block; padding:55px 0px 0px 20px;}



/**
 *  CAROUSEL SKIN
*/

.jcarousel-skin-pwd .jcarousel-container {
background:#e9e9e9;
border:1px solid #CFCFCF;
margin:auto;
}

.jcarousel-skin-pwd .jcarousel-container-horizontal {
    width: 530px;
    padding: 10px 10px;
}

.jcarousel-skin-pwd .jcarousel-clip-horizontal {
    width:  530px;
    height: 260px;
}

.jcarousel-skin-pwd .jcarousel-item {
    width: 530px;
    height: 260px;
}

.jcarousel-skin-pwd .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-pwd .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


.jcarousel-skin-pwd .jcarousel-next-horizontal {
    position: absolute;
    top: 145px;
    right: -22px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-pwd .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-pwd .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-pwd .jcarousel-next-disabled-horizontal,
.jcarousel-skin-pwd .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-pwd .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-pwd .jcarousel-prev-horizontal {
    position: absolute;
    top: 145px;
    left: -26px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-pwd .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-pwd .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-pwd .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-pwd .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-pwd .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}



.jcarousel-control{padding-bottom:10px;}
.jcarousel-control a { display:block;
position:relative; float:left;
width:1px;
height:2px;
    font-size: 10%;
	color:#4088b8;
    text-decoration: none;
	padding:2px 3px;
    margin: 4px 4px 0px 0;
    border: 1px solid #fff;
    background-color: #4088b8;
	text-indent:-9999px;
}
.jcarousel-control a.selected { background:#00CCFF;}

.jcarousel-control a:focus,
.jcarousel-control a:active {background:#00CCFF;
    outline: none;
}

.jcarousel-scroll {
    margin-top: 10px;
    text-align: center;
}

.jcarousel-scroll select {
    font-size: 75%; }