@import 'reset.css';

body, textarea {
	font-size: 13px;
	font-family: Arial;
background-color:#efefef;
color:#333;
overflow-x:hidden;
}

img:hover {
	box-shadow: 0 0 5px #333;
}

img {
	padding:5px;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
}

a:link, a:visited, a:active {
	color: black;
	text-decoration: none;
}

/*a:hover {
	text-decoration: underline;
}*/

input.text, select {
	border: 0;
	background: #cccccc;
	padding: 4px 2px;
	width: 200px;
}

.yellow {
	background: yellow !important;
}

input.big {
	font-size: 25px;
}

#pageWrapper {
	width: 1200px;
	margin-left: auto; 
margin-right: auto;
}

#headerWrapper {

}

#column1Wrapper {
	float: left;
	width: 220px;
	z-index:2000;
	top:-2px;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	border-radius:0px 0px 8px 8px;
	background-color: #e1e1e1;
}


#column1Wrapper .logo {
	text-align: center;
	padding-top: 32px;
	padding-bottom: 20px;
}

#column1Wrapper .latestUpdate {
	margin-top: 15px;
	margin-bottom: 15px;
	font-family: Arial, Lucida Sans;
	font-size:13px;
	color:#666;
}

#column1Wrapper div.label {
	padding: 0 15px;
}

#column1Wrapper .text {
	display: block;
	width: 216px;
	margin: 0 15px;
	font-family: Georgia;
	padding: 2px;
	margin-bottom: 6px;
}

#column1Wrapper .select {
	display: block;
	width: 220px;
	margin: 0 15px;
	font-family: Georgia;
	margin-bottom: 6px;
}

#column1Wrapper .dotted {
	text-align: center;
	padding-bottom: 5px;
}

#column1Wrapper .fieldLabel {
	text-align: center;
	font-family: Arial;
	font-size: 10px;
	margin-top: 4px;
	text-transform: uppercase;
}

#column1Wrapper .hide {
	text-align: center;
	font-family: Arial;
	font-size: 10px;
	text-transform: uppercase;
}

#column1Wrapper .phone {
	border: 0;
	background: #cccccc;
	padding: 4px 2px;
	font-family: Georgia;
	padding: 2px;
}

#column1Wrapper .recommendations {
	margin-top: 30px;
	text-align: center;
}

#column1Wrapper .recommendations .header {
	text-transform: uppercase;
	font-weight: bold;
}

#column1Wrapper .recommendations .recommendation {
	margin: 0 15px;
	margin-top: 10px;
	border: 1px solid #b2b2b2;
	background: #d8d8d8;
	padding: 8px;
	text-align: left;
}

#column1Wrapper .recommendations .recommendation .name {
	color: #434343;
	font-size: 11px;
	font-style: italic;
	
}

#column1Wrapper .recommendations .recommendation .content {
	padding: 8px 0;
	border-top: 1px solid #434343;
}

#topcolumn {
	position:fixed;
	top:0px;
	width:1200px;
	z-index: 3;
}


#topspace {
	padding-top:60px;
	background-color: #e1e1e1;
	margin-right:-2px;
	margin-top:-2px;
	width:928px;
	float:right;
	box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);
	

}




#topnavigation {
	float: right;
	width: 905px;
	padding:10px;
	text-align:right;
	-moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; -khtml-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px;
	background: #45484e;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#45484e),to(#25272a));
	background: -moz-linear-gradient(#45484e,#25272a);
	background: linear-gradient(#45484e,#25272a);
	-pie-background: linear-gradient(#45484e,#25272a);
	behavior:url(/css/PIE.htc);
	font-size:12px;
}




#column2Wrapper {
	float: right;
	width: 898px;
	padding-left: 25px;
	border-radius: 0px 0px 8px 8px;
	background-color:#FFF;
	padding-top: 40px;
	padding-bottom:60px;
	box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);

}

#column2Wrapper .textCol1 {
	float: left;
	width: 400px;
	padding-top: 20px;
}

#column2Wrapper .textCol2 {
	float: left;
	width: 405px;
	margin-left: 25px;
	padding-top: 20px;
}

#column2Wrapper .textCol1 h1, #column2Wrapper .textCol2 h1 {
	border-bottom: 1px solid #000;
	font-size: 10px;
	font-weight: bold;
	padding: 4px;
	text-transform: uppercase;
}

#column2Wrapper .textCol1 textarea, #column2Wrapper .textCol2 textarea {
	width: 392px;
	display: block;
	margin: 8px 4px;
	height: 120px;
	background: #d8d8d8;
	border: 1px solid #b2b2b2;
}

#column2Wrapper .activity {
	float: left;
	padding-top: 40px;
	width: 425px;
}

#column2Wrapper .activity .header {
	font-size: 24px;
}

#column2Wrapper .activity input.text {
	display: block;
	margin-top: 4px;
	border: 1px solid #bbbbbb;
	width: 400px;
}

#column2Wrapper .instructions {
	float: left;
	paddinxg-top: 50px;
	width: 425px;
	height: 250px;
}

#column2Wrapper .instructions .title {
	font-size: 24px;
}

#column2Wrapper .buttons {
	float: left;
	padding-left: 50px;
	padding-top: 30px;
}

#footerWrapper {
	background-color: #e1e1e1;
	box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);
	float:right;
	width:925px;
	padding:0px;
	border-radius:8px 8px 0px 0px;
	margin-top:20px;
}



/* == Portfolio Page == */
#column1Wrapper .name {
	font-weight: 300;
	font-size: 25px;
	text-align: left;
	line-height:95%;
	padding-bottom:10px;
	color:#222;
	text-shadow: #eee 1px 1px 3px;
	z-index:2000px;
	margin-top:50px;
}

#column1Wrapper .discipline {
	text-align: left;
	font-size: 11px;
	font-family: Helvetica, lucida sans;
	color:#444;
	text-transform:uppercase;
	text-shadow: #eee 1px 1px 3px;
	font-weight:bold;
}

#column1Wrapper .address {
	text-align: left;
	padding-top: 25px;
	font-weight: normal;
	font-size:11px;
	color:#666;
}

#column1Wrapper .country {
	text-align: left;
	font-size:11px;
	padding-bottom:10px;
	color:#444;
	text-transform:uppercase;
	text-shadow: #eee 1px 1px 3px;
	font-weight:bold;}
#column1Wrapper .url {
	text-align: left;
	margin-top: 20px;
	padding-top:6px;
	border-top:1px dotted #999;
}

#column1Wrapper .url a{
	color:#2e4250;
}


#column1Wrapper div.email {
	text-align: left;
	margin-top: 6px;
	padding-top:6px;
}

#column1Wrapper div.email a{
	color:#2e4250;
}


#column1Wrapper div.copyright {
	text-align: left;
	margin-top: 6px;
	padding-top:6px;
	font-size:11px;
	color:#999;
}

#column1Wrapper div.copyright a{
	text-align: left;
	margin-top: 6px;
	padding-top:6px;
	font-size:11px;
	color:#2e4250;
}

#column1Wrapper div.powered {
	text-align: left;
	margin-top: 6px;
	padding-top:6px;
	font-size:11px;
	color:#999;
}

#column1Wrapper div.powered a{
	text-align: left;
	margin-top: 6px;
	padding-top:6px;
	font-size:11px;
	color:#2e4250;
}

#column1Wrapper .numbers {
	text-align: left;
		font-size:11px;
		font-family: Arial, lucida sans;
		color:#666;
}

div.language {
	float:right;
	padding:6px;
	font-family: Arial, Lucida Sans;
	font-size:10px;
	color:#333;
	background-color:#fff;
	border:solid 2px #ccc;
	margin-bottom: 10px;
}

#column2Wrapper .mobile, #column2Wrapper .exportPDF, #column2Wrapper .store {
	float: right;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	font-family: Arial, Lucida Sans;
	margin-bottom: 10px;
}

#column2Wrapper .latestUpdate .label{
	text-align: center;
	font-size: 10px;
	text-transform: uppercase;
	padding: 10px;
	font-weight:bold;
}

#column2Wrapper .latestUpdate strong {
	font-family: Arial, Lucida Sans;
	font-size:11px;
	color:#333;
}

#column2Wrapper .scrollable {
	clear: left;
	width: 900px;
	margin-top:50px;
}


#column2Wrapper .scrollable .items {
	width:20000em;	
	position:absolute;
	clear:both;
	
	/* decoration */
}

#column2Wrapper .scrollable .items .cover {
	float: left;
	width: 900px;
	height: 300px;
}

#column2Wrapper .scrollable .items .gallery {
	float: left;
	width: 900px;
	height: 2000px;
}

#column2Wrapper .scrollable .items .gallery .title {
	border-bottom: 1px solid #999;
	padding-bottom: 8px;
	padding-top: 8px;
	font-size: 15px;
	color:#333;
	font-weight: bold;
	margin-right: 20px;
}


#column2Wrapper .scrollable ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-right: 5px;
}

#column2Wrapper .scrollable ul li {
	float: left;
	padding-top: 15px;
	padding-right: 18px;
}

#column2Wrapper .scrollable ul li img.thumb {
	width:120px;
	cursor: pointer;
}

#column2Wrapper .contentRow {
	clear: both;
	padding-top: 45px;
}

#column2Wrapper .contentRow .column {
	float: left;
	width: 900px;
	margin-left: 0;
}

#column2Wrapper .contentRow .column .title {
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
	font-weight: bold;
	font-size: 15px;
	text-align: left;
	color:#333;
}

#column2Wrapper .contentRow .column .content {
	padding-top: 10px;
	font-family: Arial, Lucida Sans;
	font-size:13px;
	color:#666;
}
/* == End of Portfolio Page == */


/* == Comments == */
#divComment{
  border:1px solid #808080;
  width:225px;
  height:250px;
  margin:auto;
  margin-bottom:20px;
  text-align:center;
  padding:5px;
  overflow:auto;
}

#divComment .commentItem{
	padding:5px;
	margin-bottom:5px;
	background:#f2f2f2;
}

#divComment .commentAuthor{
	border-bottom:1px dotted #BFBFBF;
	padding:5px 5px 5px 0px;
	margin-bottom:5px;
	color:#333;
	font-size:11px;
}

#commentDiv table.commentTbl td{
	text-align:center;
}

#commentDiv table.commentTbl td.label{
	text-align:center;
	font-size:10px;
	font-style:italic;
	letter-spacing:1px;
}

#frmComment label.error{
	display:block;
  font-family: Arial;
  font-size: 12px;
  padding:4px 6px;
	padding-left:23px;
  color: #CE4141;
	border: 1px solid #CE4141;
	background: url(../asterik/img/tiny-icons/cross.gif) no-repeat 4px 2px #FFF1F1;
	margin: 4px 0;
}

/* == End of Comments == */


/* == Notice / Error == */
div.error {
  font-family: Arial;
  font-size: 12px;
  padding:4px 6px;
	padding-left:23px;
  color: #CE4141;
	border: 1px solid #CE4141;
	background: url(../asterik/img/tiny-icons/cross.gif) no-repeat 4px 2px #FFF1F1;
	margin: 4px 0;
}

div.notice {
  font-family: Arial;
  font-size: 12px;
  padding:4px 6px;
	padding-left:23px;
  color: #2E6D29;
	border: 1px solid #2E6D29;
	background: url(../asterik/img/tiny-icons/tick.gif) no-repeat 4px 2px #E9FFE4;
	margin: 4px 0;
}

div.contentRow .column .title .content p {margin:0px; padding:0px;}
/* == End == */

/* BUTTONS */
a.button0 {display:inline-block;}
a.button0, button.button0 {
	color:#666666; text-decoration:none; border:solid 1px #999999; padding:4px 10px; font-size:12px; font-weight:bold;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
	background: #2bc359;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#fefefe),to(#dddddd));
	background: -moz-linear-gradient(#fefefe,#dddddd);
	background: linear-gradient(#fefefe,#dddddd);
	-pie-background: linear-gradient(#fefefe,#dddddd);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */
}
a.button0:hover, button.button0:hover { background:#fefefe; -pie-background: linear-gradient(#fefefe,#fefefe); }
a.button0:active, button.button0:active { background:#dddddd; -pie-background: linear-gradient(#dddddd,#dddddd); }
a.button1 {display:inline-block;}
a.button1, button.button1 {
	color:#fff; text-decoration:none; border:solid 1px #277827; padding:4px 10px; font-size:12px; font-weight:bold;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
	background: #2bc359;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#53d874),to(#00ae3e));
	background: -moz-linear-gradient(#53d874,#00ae3e);
	background: linear-gradient(#53d874,#00ae3e);
	-pie-background: linear-gradient(#53d874,#00ae3e);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */
}
a.button1:hover, button.button1:hover { background:#53d874; -pie-background: linear-gradient(#53d874,#53d874); }
a.button1:active, button.button1:active { background:#00ae3e; -pie-background: linear-gradient(#00ae3e,#00ae3e); }
a.button2 {display:inline-block;}
a.button2, button.button2 {
	color:#fff; text-decoration:none; border:solid 1px #962c2c; padding:4px 10px; font-size:12px; font-weight:bold;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
	background: #2bc359;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#f15c5d),to(#c63738));
	background: -moz-linear-gradient(#f15c5d,#c63738);
	background: linear-gradient(#f15c5d,#c63738);
	-pie-background: linear-gradient(#f15c5d,#c63738);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */
}
a.button2:hover, button.button2:hover { background:#f15c5d; -pie-background: linear-gradient(#f15c5d,#f15c5d); }
a.button2:active, button.button2:active { background:#c63738; -pie-background: linear-gradient(#c63738,#c63738); }
button[disabled], button.button1.disabled {
	color:#aaa; border:solid 1px #aaa; background:#ddd !important; -pie-background: linear-gradient(#ddd,#ddd); cursor:default;
}

/* SMALL BUTTONS (Use @ Headers) */
a.sbutton0 {display:inline-block;}
a.sbutton0, button.sbutton0 {
	color:#666666; text-decoration:none; border:solid 1px #bbb; padding:3px 7px; font-size:13px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; margin-top:8px;
	background: #2bc359;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#fefefe),to(#dddddd));
	background: -moz-linear-gradient(#fefefe,#dddddd);
	background: linear-gradient(#fefefe,#dddddd);
	-pie-background: linear-gradient(#fefefe,#dddddd);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; font-family: Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */
}
a.sbutton0:hover, button.sbutton0:hover { background:#fefefe; -pie-background: linear-gradient(#fefefe,#fefefe); }
a.sbutton0:active, button.sbutton0:active { background:#dddddd; -pie-background: linear-gradient(#dddddd,#dddddd); }
a.sbutton1 {display:inline-block;}
a.sbutton1, button.sbutton1 {
	color:#fff !important; text-decoration:none; border:solid 1px #277827; padding:1px 5px; font-size:12px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
	background: #2bc359;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#53d874),to(#00ae3e));
	background: -moz-linear-gradient(#53d874,#00ae3e);
	background: linear-gradient(#53d874,#00ae3e);
	-pie-background: linear-gradient(#53d874,#00ae3e);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px; font-family:Arial, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */
}
a.sbutton1:hover, button.sbutton1:hover { background:#53d874; -pie-background: linear-gradient(#53d874,#53d874); }
a.sbutton1:active, button.sbutton1:active { background:#00ae3e; -pie-background: linear-gradient(#00ae3e,#00ae3e); }
a.sbutton2 {display:inline-block;}
a.sbutton2, button.sbutton2 {
	color:#fff !important; text-decoration:none; border:solid 1px #962c2c; padding:1px 5px; font-size:12px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
	background: #2bc359;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#f15c5d),to(#c63738));
	background: -moz-linear-gradient(#f15c5d,#c63738);
	background: linear-gradient(#f15c5d,#c63738);
	-pie-background: linear-gradient(#f15c5d,#c63738);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px; font-family:Arial, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */
}
a.sbutton2:hover, button.sbutton2:hover { background:#f15c5d; -pie-background: linear-gradient(#f15c5d,#f15c5d); }
a.sbutton2:active, button.sbutton2:active { background:#c63738; -pie-background: linear-gradient(#c63738,#c63738); }
button[disabled], button.sbutton1.disabled {
	color:#aaa !important; border:solid 1px #aaa; background:#ddd; -pie-background: linear-gradient(#ddd,#ddd); cursor:default;
}

.sharebar {
color: #888;
background: -webkit-gradient(linear,0 0,0 bottom,from(white),to(#DDD));
background: -moz-linear-gradient(#ffffff,#DDD);
background: linear-gradient(#ffffff,#DDD);
font-size: 11px;
padding: 5px 8px;
width: 150px;
border-radius: 0px 0px 5px 5px;
border-top: 1px solid white;
margin:0px auto 15px auto;
text-align: center;
box-shadow: 0px 0px 3px rgba(34,25,25,0.4);
text-shadow: 0px 1px 1px #fff;
}