/*-----------------------------

CSS 2.0 Bartels International

-----------------------------*/

BODY {
	BACKGROUND: url(../images/background2.jpg) #000000 center 0px no-repeat;
	TEXT-ALIGN: center;
	PADDING: 0;
	MARGIN: 0;
}

.bottombg {
	BACKGROUND: url(../images/background.jpg) #000000 no-repeat -100px -250px;
	width: 100%;
	height: 200px;
}

DIV {
	PADDING:0;
	MARGIN:0;
	TEXT-ALIGN:left;

}

UL {

}

#caro {
	height: 393px;
	position: relative;
	margin-top: 35px;
	width: 980px;
	background: #000;
	overflow: hidden;
}

#forward {
	position: absolute;
	top: 10px;
	right: 30px;
	width: 45px;
	height: 45px;
	cursor: pointer;
	background: url('/images/buttons.png') no-repeat -80px 0px;
}

#backward {
	position: absolute;
	top: 10px;
	left: 40px;
	width: 45px;
	height: 45px;
	cursor: pointer;
	background: url('/images/buttons.png') no-repeat 0px 0px;
}


#caro_nav {
	position: absolute;
	top: 170px;
	width: 100%;
}

#caro_photos {
	position: absolute;
	top: 0px;
	left: 80px;
	width:8000px;
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: all;
	-webkit-transition-duration: .8s;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transform: translate3d(0px,0px,0px);
}

#caro_photos IMG {
	float: left;
	margin-left: 10px;
}

.photo_image {
	height: 373px;
	margin: 10px;
	float: left;
	position: absolute;
	background: #fff;
}

#caro_fader{ 
	
	height: 393px;
	width: 100%;
	position: absolute;
	background: url('/images/fader.png') repeat-y;
	top: 0px;
	left: 0px;
}
/*-----------------------------

Building Blocks

-----------------------------*/

#header {
	width:920px;
	height: 110px;
	position:relative;
	margin:0px auto;
}

#maincontent {
	WIDTH: 920px;
	POSITION: relative;
	MARGIN: 0px auto;
	PADDING: 0px; 0px;
	text-align:center;
}

#agent {
	WIDTH: 350px;
	height:40px;
	left:50px;
	top:15px;
	line-height:20px;
	font-family:verdana;
	color:#be9476;
	POSITION: absolute;
	text-align:center;
}


.imagerow {
	width:840px;
	margin:40px auto;
}

.imagerow div{
	float:left;
}

.right_content {
	width:550px;
	padding:20px 0px;
}

.resume_row {
	position:relative;
	width:550px;
}

.resume_title {
	font-weight:bold;
	font-size:18px;
	height:30px;
	position:relative;
	width:500px;
	margin:20px 0px 0px 0px;
}

.bio_title {
	font-weight:bold;
	font-size:18px;
	height:30px;
	position:relative;
	width:500px;
	margin:0px 0px 20px 0px;
}


.resume_row div{
	height:20px;
	width:180px;
	float:left;
}

.resume_row div a{
	background: url(../images/external.png) center right no-repeat;
	padding-right: 13px;
}


.resume_row .left{
	height:20px;
	width:220px;
	float:left;
}

.resume_row .big{
	height:20px;
	width:350px;
	float:left;
}


.resume_row .small{
	height:20px;
	width:110px;
	float:left;
}

.resume_row .mid{
	height:20px;
	width:140px;
	float:left;
}





#menu {
	position:absolute;
	top:74px;
	left:120px;
}

#menu div{
	float:left;
	width:90px;
	height:20px;
	margin:0px 43px 0px 0px;
}

#menu div a{
	float:left;
	display:block;
	width:90px;
	outline:none;
	height:20px;
	text-align:center;
	font-weight:bold;
	font-size: 24px;
	color:#ffffff;
}

#menu div a:hover {
	float:left;
	display:block;
	width:90px;
	height:20px;
	text-align:center;
	font-weight:bold;
	font-size: 24px;
	color:#ffc183;
}



/*---------------------/

input Blocks

/---------------------*/

.form_contact {
	COLOR:#33a6db;
	background:#ffffff;
	border:1px solid #33a6db;
	width:280px;
}

.form_text {
	COLOR:#33a6db;
	background:#ffffff;
	border:1px solid #33a6db;
	width:280px;
	height:100px;
}


/*---------------------/

Misc Blocks

/---------------------*/

.smalldevider {
	width:230px;
	border-top:1px dotted #444444;
	height:5px;
	clear:both;
	margin-top:10px;
}

.widedevider {
	width:480px;
	border-top:1px dotted #444444;
	height:5px;
	clear:both;
	margin-top:10px;
}


/*-----------------------------

Text formatings

-----------------------------*/

DIV {
	FONT-FAMILY: Arial;
	FONT-SIZE: 12px;
	LINE-HEIGHT:18px;
	COLOR:#e6bc9e;
}


.text_line {

	FONT-SIZE: 18px;
	LINE-HEIGHT:20px;
}

.text_content {

	FONT-SIZE: 12px;
	LINE-HEIGHT:16px;
}

.text_content_big {

	FONT-SIZE: 20px;

	LINE-HEIGHT: 30px;
	COLOR:#454545;
}

.text_content_title_big {

	FONT-SIZE: 16px;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 20px;
	COLOR:#454545;
}

.text_content_title_big_blue {

	FONT-SIZE: 16px;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 20px;
	COLOR:#33a6db;
}

.text_content_title {
	
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 20px;
	COLOR:#454545;
}

.text_content_small {
	
	FONT-SIZE: 11px;
	LINE-HEIGHT: 20px;
	COLOR:#888888;
}

.text_content_title_blue {

	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 20px;
	COLOR:#33a6db;
}


.text_content_light {
	Color:#749bad;
}

.text_header_title {
	COLOR: #FFFFFF;
	FONT-SIZE:20px;
	LINE-HEIGHT:22px;
	FONT-WEIGHT:BOLD;
}

.text_logo_title {
	COLOR: #FFFFFF;
	FONT-SIZE:26px;
	LINE-HEIGHT:30px;
	FONT-WEIGHT:BOLD;
}


.text_logo_sub {
	COLOR: #FFFFFF;
	FONT-SIZE:10px;
	LINE-HEIGHT:14px;
}
/*-----------------------------

Link formatings

-----------------------------*/

A:link, A:active, A:visited {
	BACKGROUND: none; 
	COLOR: #ffffff; 
	FONT-SIZE: 12px; 
	FONT-FAMILY: Helvetica, Arial; 
	TEXT-DECORATION:none
	}
/*A:visited     {
	COLOR: #aa3333;
	}*/
A:hover     {
	COLOR: #aaaaaa;
	}

A.mainmenu:link, A.mainmenu:active, A.mainmenu:visited {
	BACKGROUND: none; 
	COLOR: #ffffff; 
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px; 
	FONT-FAMILY: Helvetica, Arial; 
	TEXT-DECORATION:none
	
	}
/*A.mainmenu:visited     {
	COLOR: #aa3333;
	}*/
A.mainmenu:hover     {
	COLOR: #083700;
	}

A.footermenu:link, A.footermenu:active, A.footermenu:visited {
	BACKGROUND: none; 
	COLOR: #888888; 
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px; 
	padding-left:18px;
	background:url(../images/arrow.gif) left top no-repeat;
	FONT-FAMILY: Helvetica, Arial; 
	TEXT-DECORATION:none
	
	}
/*A.footermenu:visited     {
	COLOR: #aa3333;
	}*/
A.footermenu:hover     {
	COLOR: #083700;
	}