/* 
	project: internet sharing template
   	author: luka cvrk (www.solucija.com) 
								*/
   
body {
	padding: 0;
	margin: 0;
	line-height: 1.4em;
	color: #454545;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 0.7em;
	background-color: #FFF;
}

/* links */
a {
	background: inherit;
}
a:hover {
	color: #600;
	background: inherit;
}	

/* headings */
h1 {
	font: bold 2.5em "Arial", Sans-Serif;
	margin: 0;
	letter-spacing: -1px;
}
h2 {
	font: bold 2em Arial, Sans-Serif;
	padding-top: 0;
	padding-right: 5;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 5;
	margin-bottom: 0;
	margin-left: 0;
}
h1 a, h2 a { color: #2b2b2b; background: #fff; text-decoration: none; }
h1 a:hover, h2 a:hover {
	color: #2b2b2b;
	background: #FFF;
	margin-left: 15px;
	margin-top: 0px;
}
.title { color: #808080; background: #fff; }

/* lists and form elements */
ul { margin: 0; padding : 0; list-style : none; }
form { margin: 0; }
input.search {
	width: 279px;
	border: none;
	padding: 6px 10px;
	color: #1E67A8;
	font-weight: bold;
	background-color: #fff;
	background-image: url(images/input.gif);
	background-repeat: no-repeat;
}
input.button { padding: 3px; }

/* content holder */
#content {
	margin: 0px auto;
	width: 960px;
}

/* header */
#header {
	height: 95px;
}
#logo { padding: 15px 0 0 8px; }
#logo p {
	margin: 0;
	background: #fff;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
}
#top_info {
	float: right;
	width: 655px;
	text-align: left;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #171162;
	font-size: 12px;
	margin-top: 55px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
}

/* horizontal tabbed menu */	
#tabs {
	color: #000;
	height: 64px;
	text-align: center;
	padding: 0 0 0 240px;
	background-color: #fff;
	background-image: url(images/bigbox.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#tabs li { display: inline; height: 45px; }
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 7px;
}
#tabs li a {
	float: left;
	color: #808080;
	padding: 7px 0;
	width: 89px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	background-color: #fff;
	background-image: url(images/barbg.gif);
	background-repeat: no-repeat;
}
#tabs li a:hover {
	color: #000;
	background-color: #fff;
	background-image: url(images/barcurrent.gif);
	background-repeat: no-repeat;
}	
#tabs li a.current {
	color: #2C71AE;
	background-color: #fff;
	background-image: url(images/barcurrent.gif);
	background-repeat: no-repeat;
}	
.key {
	text-decoration: underline;
}

/* search form */
#search {
	float: left;
	clear: both;
	color: #000;
	padding: 14px 0 20px 5px;
	width: 500px;
	margin: 5px 0 0 0;
	background-color: #fff;
	background-image: url(images/searchbg.gif);
	background-repeat: no-repeat;
}
	#search p { padding: 0; margin: 0; }


/* grey subheader */
.gboxtop {
	clear: both;
	height: 8px;
	color: #000;
	background-color: #dedede;
	background-image: url(images/gboxtop.gif);
	background-repeat: no-repeat;
}
.gbox {
	color: #FFF;
	background-image: url(images/solutions.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 75px;
	padding-right: 630px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	background-position: center;
}
.gbox p {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	color: #FFF;
	padding-top: 22px;
	margin-left: 1px;
	padding-right: 0px;
	padding-bottom: 22px;
	font-weight: bold;
}


/* left side */
.left {
	float: left;
	width: 650px;
	margin: 0 0 10px 0;
}
.floatright {
	float: right;
}
	.left_articles {
	margin: 0 20px 15px 10px;
	padding: 10px 0 0 0;
	text-align: justify;
	border-bottom: 1px dotted #ccc;
	color: #666;
	background: #fff;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 14px;
	line-height: 1.4em;
	}
#content .left .left_articles p {
	font-weight: bold;
	font-family: "Arial Black", Gadget, sans-serif;
}
	
	.calendar {
	height: 50px;
	float: left;
	width: 50px;
	padding: 5px 0 0 9px;
	color: #808080;
	background-color: #fff;
	background-image: url(images/calendar.gif);
	background-repeat: no-repeat;
}
	.calendar p { padding: 0; margin: 0; }
	.description {
	border-bottom: 1px dotted #ccc;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
}
	.thumbnail { float: left; margin: 0 18px 8px 0; border: 1px solid #dedede; }


/* bottom thirds */
.thirds {
	float: left;
	width: 203px;
	background: #eee;
	margin: 0 12px 0 0;
	color: #5d5d5d;
}
	.smallboxtop {
	height: 14px;
	color: #000;
	background-color: #fff;
	background-image: url(images/smallboxtop.gif);
	background-repeat: no-repeat;
}
	.smallbox {
	color: #444;
	background-color: #FFF;
	background-image: url(images/smallbox4.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
	.smallbox p {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

	
/* right side */
#right {
	float: right;
	width: 295px;
	margin: 0 0 10px 0;
}
.gbox p img {
	margin-left: 360px;
}
	.boxtop {
	height: 19px;
	color: #000;
	background-color: #fff;
	background-image: url(images/boxtop.gif);
	background-repeat: no-repeat;
}
	.box {
	color: #5b5b5b;
	background-color: #fff;
	background-image: url(images/box.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
	.box p {
	padding: 0;
	color: #666;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-family: Arial, Helvetica, sans-serif;
}
	.image {
	float: left;
	margin-top: 1px;
	margin-right: 9px;
	margin-bottom: 3px;
	margin-left: 0;
}


/* misc */
.buttons { text-align: right; padding: 4px 3px 0 0;}
.left_articles .buttons { float: right; height: 20px; }
.bluebtn {
	width: 100px;
	padding: 1px 16px 5px 16px;
	color: #fff;
	text-decoration: none;
	background-color: #488EB2;
	background-image: url(images/bluebtn.gif);
	background-repeat: no-repeat;
}
.greenbtn {
	padding: 1px 17px 5px 16px;
	color: #fff;
	text-decoration: none;
	background-color: #488EB2;
	background-image: url(images/greenbtn.gif);
	background-repeat: no-repeat;
}
.bluebtn:hover, .greenbtn:hover {
	color: #fff;
	background-color: #488EB2;
	background-image: url(images/hoverbtn.gif);
	background-repeat: no-repeat;
}

/* footer  */
.footer {
	clear: both;
	text-align: center;
	line-height: 1.8em;
	border-top: 1px solid #ccc;
	margin-top: 20px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#content .left .left_articles .description.bold {
	color: #600;
}
.bold {
	color: #600;
	font-weight: bold;
}
.twothirds {
	float: left;
	width: 205px;
	color: #FFF;
	background-image: url(images/smallbox.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 12px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0px;
	background-position: 1px 7px;
}
.divider {
	height: 55px;
	background-color: #FFF;
}
.aboutcontent {
	font-size: 14px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#aboutinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.aboutboxtop {
	background-image: url(images/aboutbigbox.gif);
	background-repeat: no-repeat;
	margin-top: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	border-bottom: #F2F2F2;
	height: 14px;
}
.aboutinfo {
	margin: 0px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
.aboutinfo2 {
	padding-top: 0px;
	padding-right: 45px;
	padding-bottom: 0px;
	padding-left: 45px;
	background-color: #F2F2F2;
	margin: 0px;
	text-align: left;
}
span {
	color: #861500;
}
.flleft {
	float: left;
	margin-right: 12px;
}
.aboutboxbottom {
	background-image: url(images/aboutboxbottom.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	border-bottom: #F2F2F2;
	height: 14px;
	margin: 0px;
}
.orderinfo {
	color: #191263;
	font-size: 14px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
.centerlogo  {
	text-align: center;
	background-image: url(images/logo_small3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #FFF;
	font-size: 16px;
	padding: 0px;
}
.centerlbanner {
	text-align: center;
	background-image: url(images/confirmbanner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #FFF;
	font-size: 16px;
	padding: 0px;
}
.morebold {
	font-size: 16px;
	font-weight: bolder;
	color: #8C1600;
}