/* Color theme: 
	links: #21759b
*/

/* Resetting commands */
*{ padding: 0; margin: 0; border: 0; outline: 0;}

/*Default Font:*/
*{ font-family: Calibri, Arial, Helvetica, sans-serif; color: #333;}

body{ background:url(../images/bg6.png) no-repeat #fff ; }

#container_main{ background:url(../images/bg_bottom.png) no-repeat bottom right; }

/* Common elements */
h1, h2{ display:block; text-align:center; font-family: Georgia, Arial, Helvetica, sans-serif; font-size:1.3em;}

h1{	margin-top:40px;
	background: #adccff; border: 2px solid #49a7fc;
	/*-moz-border-radius: 10px; -webkit-border-radius: 10px;*/
	font-variant:small-caps; 
	}

h2{ width:99%; margin: 1em auto; background: #f9fbf1; border: 1px solid #d8cb98; /*-moz-border-radius: 10px; -webkit-border-radius: 10px;*/ 
	background:url(../images/bg_parchment_white.jpg);}

h3 { margin: 1em auto; font-family: Georgia, Arial, Helvetica, sans-serif; font-size:1.2em; }

a, a:visited, a:hover { color:#21759b; text-decoration:none; }

	/*a.external:before{ content:url(../images/newwindow.jpg); target-new:window; }*/

/* Specific website elements */

div.container{ margin-left: auto; margin-right: auto; width: 960px;}

div#header {
	/*background:url(../images/icon_lab.png) no-repeat 0 84px;*/
}

div#header img{
	margin-top:120px;
	margin-left:190px;
	margin-bottom:10px;
}

div#navbar { height:40px; margin-top:-10px; margin-left:80px;
			/* -moz-border-radius: 10px; -webkit-border-radius: 10px;*/}

div#navbar ul { margin-left:100px; }
div#navbar ul li{ display:inline; margin-left:0px; margin-top:0px;
				  font-family:"Myriad Pro", Calibri, Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold;
				  margin: 0; padding: 0;
				  overflow: hidden;  /*--Important - Masking out the hover state by default--*/
				  float: left;
				  height:40px;
}

div#navbar ul li.not_first a:before, div#navbar ul li.not_first span:before {
	content: "|";
}

ul#topnav a, ul#topnav span { padding: 10px 10px;
	float: left;
	text-decoration: none;
	color: #000;
	background: url(images/a_bg.gif) repeat-x;
	clear: both;
	width: 100%;
	height: 20px;
	line-height: 20px; }
ul#topnav a{ color:#555; text-decoration:none; background-position: left bottom; }
ul#topnav span { background-position: left top; }


div#content{
	margin: 20px auto;
	padding: 0px 0;
	/*border: 0px solid #49a7fc!important;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
	overflow:auto;
}

div#content p{ margin: 1em 10px 1em 10px; }

div.column {}

div#content div#leftColumn { width: 630px; float:left; }
div#content div#rightColumn { width: 320px; float:right; }

div#content div#leftColumn div#biColumnContainer{ overflow:auto; }
div#content div#leftColumn div#biColumnLeft{ width: 310px; float:left; }
div#content div#leftColumn div#biColumnRight{ width: 310px; float:right; }

div#hi { font-size: 18px; line-height: 1.6em; margin: 2em 4em; }
div#hi p { margin-bottom: 3em; }
div#hi *{font-family: Georgia, "Times New Roman", Times, serif;}
div#hi .small { font-size: 0.95em; }
div#hi .large { font-size: 1.3em; }
div#hi .link { font-size: 1.3em; color:#21759b; }
div#hi .huge { font-size: 1.6em; }
div#hi .slawek { color:#b40000; }
div#hi .sunny { color:#ecc942; }
div#hi .ireland { color:#156907; }
div#hi .designing { color:#f5994a; }
div#hi .websites { color:#c91111; }
div#hi .alignright { text-align:right; }

#smallNews h3 { font-size:1em;}
#smallNews h4 { display:none; }




div#footer{ min-height:20px; margin: 30px auto; padding: 130px 0 10px 0; text-align: right;
			color:black; /*text-shadow: 0px 0px 6px #fff,0px 0px 6px #fff,0px 0px 6px #fff,0px 0px 6px #fff,0px 0px 6px #fff;*/
			border: 0px solid #d8cb98;/* -moz-border-radius: 10px; -webkit-border-radius: 10px;*/
			clear:both; }

div#footer p{ margin: 1em 20px 0 20px; }

div#footer h4 { margin-bottom: 1em; }

#footer address { font-style:normal; }

#email_address { margin-bottom: -6px; margin-left:-2px; }
#skype { margin-top: 0.5em; float:right; margin-right:60px;}

#sitemap, #contact_details { float:left; width: 300px; height: 200px; text-align:left; margin-top: -57px; margin-top: 40px; margin-right: 20px;}

#sitemap ul { list-style:none; margin-left: 1em; margin-bottom: 1em; }

.article{ padding: 0 4px 4px 4px; }

.article h3{ padding-left:10px; margin-bottom:1em; }
			 
.article ul{ padding-left: 3em; line-height:1.3em; list-style: none; text-indent: -1em;}

.news h3 { color:#f8ac33; }


.tweet{	width: 320px; padding: 0; margin: 10px auto; /*-moz-border-radius: 10px; -webkit-border-radius: 10px;*/
		font-size: 0.9em; }

.tweet .tweet_list { list-style-type: none; margin: 0; padding: 0; }

.tweet .tweet_list li { overflow: auto; padding: .5em;/* -moz-border-radius: 10px; -webkit-border-radius: 10px;*/ }

.tweet img { float:left; padding: 3px; margin: 0 10px 1px 0; border: 1px solid #EDE4BE; background: #fff; }

.tweet .tweet_list .tweet_even { background-color: #f3ebdb; }

#twitter_link { text-align: right;}


	div#product_boxes{
		margin-top: 20px;
		width:960px;
		height: 480px;
	}
	
	#product_boxes ul{
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}
	
	#product_boxes ul li{
	  float: left;
	  padding: 0px;
	  display: block;
	  margin-right: 0px;
	}
	
	#product_boxes ul li div{
	  display: block;
	  overflow: hidden;
	  width: 140px;
	  text-decoration:none;
	  color:#666;
	}
	
	#product_boxes #a1{ width: 480px; }
	
	#product_boxes div.learn_more, #product_boxes div.order{ text-align:right; width:460px;	line-height:2em; }
	
	#product_boxes div.order a { color:#C00; }
	
	#product_boxes ul li img{  position: absolute; cursor:pointer;	}
	
	#product_boxes ul li h3{ line-height: 4em; }
	
	#product_boxes ul li p, #product_boxes ul li h3{
	  margin: 0;
	  padding: 0;
	  width: 266px;
	  display: block;
	  margin-left: 190px;
	}
	
	#product_boxes ul li ul li{
	  margin: 0;
	  padding: 0;
	  width: 266px;
	  display: block;
	  margin-left: 190px;
	}
	
	#product_boxes .more_info {	width: 430px; }
	
	#product_boxes .more_info p{ width:auto; margin-left:0;	padding-top: 1em;	}
	
	#other_services, #services_temp{ width: 49%;	float: left; }
	
	#other_services h3, #services_temp h3{	color: #f8ac33; }
	
	#services_temp ol { line-height: 2em; margin-left: 2em; }
	
DIV#loader {  border: 1px solid #ccc;  width: 800px;  height: 600px; }

DIV#loader2,DIV#loader3,DIV#loader4,DIV#loader5,DIV#loader6,DIV#loader7 {
  border: 1px solid #ccc;
  width: 120px;
  height: 420px;
}
/** GALLERY LOADER:
 * While we're having the loading class set.
 * Removig it, will remove the loading message
 */
.loading {
  background: url(../images/spinner.gif) no-repeat center center;
}


.portfolio_container {margin:20px 0; border: 1px solid #D8CB98; background: #F9FBF1; clear:both; float:left; }
.portfolio_item{ width: 940px; padding: 9px;
	 			 background: #F9FBF1; float:left; }
				 
.portfolio_item ul{ padding-left: 50px; }
.portfolio_item span, .qtip_item { cursor:help; text-decoration:underline; }
.portfolio_item a img{
	padding: 5px;
	border: 1px solid #EDE4BE;
	background: #fff;

}

.portfolio_item h3, .portfolio_item p, .portfolio_item li{
	margin-left: 10px;
}

.portfolio_dsc div{ /*-moz-column-count: 2; -webkit-column-count: 2; -moz-column-gap: 1em; -webkit-column-gap: 1em;
					 -moz-column-rule: 1px dashed #CCC; -webkit-column-rule: 1px dashed #CCC;*/
}
.portfolio_dsc ul{ /*-moz-column-count: 6; -webkit-column-count: 6; 
				   -moz-column-gap: 1em; -webkit-
				   -gap: 1em; */
				    margin: 0;
}

.portfolio_dsc h3 { margin-bottom: 20px; }

.portfolio_dsc h4 { margin-left: 20px; }

.portfolio_dsc { list-style-image:url(../images/tick.gif); }

#gallery_image_set{ margin: 20px auto; border: 0px solid #dfdfdf; width:870px; height: 420px; }

.gallery_div { float:left; margin: 0 2px; }

.gallery_div a { /*opacity: 0.5;*/ }

div#abstract { background:url(../images/gallery/Abstract_bg.png);}
div#people { background:url(../images/gallery/People_bg.png) black;}
div#sport { background:url(../images/gallery/Sports_bg.png) black;}
div#music { background:url(../images/gallery/Music_bg.png) black;}
div#nature { background:url(../images/gallery/Nature_bg.png) black;}
div#places { background:url(../images/gallery/Places_bg.png) black;}
div#panoramic { background:url(../images/gallery/Panoramic_bg.png) black;}

dd { margin-bottom:1em; }

/* For product order form */
#form_stage { width:900px; padding-left: 60px; position: relative; overflow: hidden;  float:left; }
.stage { border: 1px solid #7ebd3a; width: 300px; margin: 0 1em; float: left; }
.step { font-size:32px; color:#7ebd3a; font-weight:bold; }
.digit { font-size:64px; color:#7ebd3a; font-weight:bold;}
.selection { font-size:24px;}

.help_hider { text-align:right; margin-right:1em; }
#product_form {  }
#product_form input, #product_form textarea, #product_form select { border: 1px solid #bbb; }

#product_form select { width: 162px; }

.product_form_wrapper_wide { border: 3px solid #ddd; padding:20px; width: 914px; }
.product_form_wrapper { border: 3px solid #ddd; padding:20px; width: 430px; }

.wrap_wrapper { overflow:hidden; position:relative; }
.side_wrapper { float:right; width:410px; border: 3px solid #fff4b9; background:#fbf4d1; padding:10px 20px; }
.lefted { float:left; }

#form_box_wrapper{ overflow:hidden; }
.form_box { width:960px; float:right; }
#form_box1 { background:url(/images/miniatures/box1b.png) no-repeat; }
#form_box2 { background:url(/images/miniatures/box2b.png) no-repeat; }
#form_box3 { background:url(/images/miniatures/box3b.png) no-repeat; }
#form_box4 { background:url(/images/miniatures/box4b.png) no-repeat; }
.form_box li { border: 3px solid #ddd; width:23.7%; height: 100px; display:inline-block; cursor:pointer; position: relative; }
.form_box li.hovered { border: 3px solid #bbb; }
.form_box li.selected { border: 3px solid #7ebd3a; }
.form_box li.selected div.selector { width:32px; height:32px; position: absolute; top:40%; left:80%; background:url(/images/tick.png) }

table#comparison tr.hovered { background-color:#eee; }
#package_comparison_toggle { text-align:right; margin-right:1em; }

table#comparison { width: 100%; border: 3px solid #ddd; width:954px; border-spacing:0; }
table#comparison th, table#comparison td { width:20%; padding:0; margin:0;  }
table#comparison td { height:36px; }

th.label { text-align:left; font-size: 0.9em; text-indent: 10px; }
th.spanned { height:10px;}
td.tick1 { background:url(/images/tick.png) center no-repeat #cce8da; }
td.tick2 { background:url(/images/tick.png) center no-repeat #d1e1ee; }
td.tick3 { background:url(/images/tick.png) center no-repeat #f8d1d3; }
td.tick4 { background:url(/images/tick.png) center no-repeat #fbf4d1; }

#slider { width: 430px; margin: 20px 0; height: 8px; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em!important; height: 1em!important; cursor: default; }
#amount, #amount2, span.amounts { border:0!important; color:#7ebd3a; font-weight:bold; font-size:1.2em;}
#amount, #amount2 { width:40px; }

label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

#has_domain, #no_domain { margin: 1em 2em; }
#reg_domain, #idea_domain { margin-left: 1em; padding: 2px; }

#submit-product, #submit-product2 { margin: 1em 0 0 400px; padding: 6px 10px; text-transform:uppercase; font-weight:bold; font-size:1em; background-color:#7ebd3a; color:#eee; }
