/*
-----------------------------------------------
Theme Name: Main Theme
Theme URI: http://www.sweedbes.com
Description: The default theme.
Version: 1.0
----------------------------------------------- */

* {
 margin:0;	
 padding:0; 
 list-style: none;
}

html,body { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #000;
height: 100%;
background: #fff;
}


/*  Tags
-------------------------- */
a { 
 text-decoration: underline; 
 color: #cc3300;
}

a:hover { 
 text-decoration: none;
}

table { 
 border-collapse: collapse; 
}

a img {
border: none;
}

.alignleft {
float: left; 
margin: 0 5px 5px 0;
}

.alignright {
float: right;
margin: 0 0 5px 5px;
}

/* Layout
-------------------------- */
#site {
height:auto !important;
min-height:100%;
position:relative;

}
.empty { height: 75px; clear: both }

.intro {
 position: relative;
 width: 920px;
 margin: 0 auto;
}

#header,
#top,
#container,
#leftcol,
#rightcol,
#maincol{
float: left;
}


/* Top
-----------------------------------------------*/
#top {
width: 100%;
height: 60px;
border-bottom: 1px solid #4d4d4d;
background: #000;
padding-top: 25px;
}

a#logo {
float: left; 
width: 288px;
height: 33px;
display: block;
background: url(images/logo.gif);
outline: none;
}

a#logo span {
	display: none;
}

/*	.mainmenu {
float: right; 
height: 36px;
padding-right: 20px;
}

	.mainmenu li {
		float: left; 
		line-height: 26px;
		padding: 0 12px;
	}
	
		.mainmenu li a {
			color: #fff;
			font-size: 15px;
			text-decoration: none;
		}
		
		.mainmenu li a:hover {
			background: #528280;
		}*/

#lang-menu {
position: absolute; 
left:390px;
top:10px;
}

#lang-menu td {
padding: 0 3px;
}
			
/* Header
-----------------------------------------------*/
#header { 
 width: 100%;
 height: 313px; 
padding-top: 15px;
background: #171717;
}

#header .sitename {
position: absolute; 
width: 308px;
height: 67px;
background: url(images/sitename.gif);
top: 50px;
right: 0;
}

#header span {
	display: none;
}

	
#header #free-lance {
position: absolute;
right: 70px;
top: 150px;
}

/* Container
-----------------------------------------------*/

#container { 
 width: 100%;
padding: 20px 0;
font-size: 12px;
line-height: 18px;
background: #fff url(images/container-bg.gif) repeat-x top;

}

#container a {
color: #cc3300;
}

#container h3 {
font-weight: normal;
margin-bottom: 20px;
color: #000;
font: 24px Georgia;
}

#container h3 a {
	text-decoration: none;
}

	#container h3 a:hover {
		text-decoration: none;
		background: #1a7cbb;
		color: #fff;
	}

#container .box {
width: 400px;
float: left; 
padding: 25px 50px 30px 0;
background: url(images/line.gif) no-repeat center bottom;
}
#container .box strong {
	font-weight: normal;
	font-style: italic;
}

#container .no {
	background: none;
}

#container .box p, #container .box ul, #container .box ul blockquote {
	padding-bottom: 14px;
}

/*		#container .box img {
	float: left; 
	margin: 0 15px 0px 0;
}*/

#container .box .readmore {
		background: url(images/i-readmore.gif) no-repeat right 6px;
		padding-right: 11px;
		font-size: 11px;
	}


/* Info
-----------------------------------------------*/
#info {
float: left; 
width: 100%;
background: url(images/info-bg.jpg) repeat-x;
height: 224px;
padding-top: 14px;
color: #7f7f7f;
line-height: 16px;
font: 11px Arial, Helvetica, sans-serif;
}

#info h3 {
	color: #fff;
	font: 20px Georgia;
	font-weight: normal;
	padding-bottom: 15px;
}

#info a {
	color: #4b7d7c;
}

#info .mission {
	float: left; 
	width: 270px;
	padding-right: 75px;
}

	#info .mission p{
		padding-bottom: 50px;
	}

	#info .bottommenu li {
		float: left; 
		border-right: 1px solid #999999;
		padding: 0 7px;
	}
	
	#info .bottommenu li.no {
		border: none;
	}
	
		#info .bottommenu li a {
			color: #e3e3e3;
			text-decoration: none;
		}
		
			#info .bottommenu li a:hover {
				text-decoration: underline;
			}

#info .friends {
	float: left; 
	width: 375px;
}
	
	#info .friends li {
		float: left; 
		width: 175px;
		padding: 1px 0;
	}

#info .order {
	float: left; 
	width: 190px;
}

	#info .order p {
		padding-bottom: 15px;
	}

	#info .order a {
		background: url(images/order.gif);
		width: 149px;
		height: 28px;
		text-align: center;
		line-height: 28px;
		text-decoration: none;
		color: #fff;
		display: block;
		margin-bottom: 10px;
	}
	
		#info .order a:hover {
			color: #ccc;
		}

	#info .order .phone {
		color: #fff;
		font-size: 18px;
	}
	
		#info .order .phone sup {
			font-size: 12px;
			color: #ababab;
		}

/* Preview
-----------------------------------------------*/
.preview li { 
float: left; 
width: 206px; 
background: url(images/preview-bg.jpg) no-repeat;
height: 156px;
margin: 0 45px;
padding: 5px;
display: inline;
}

.preview img {
	/*border: 1px solid #484848;*/
}

/* Work
-----------------------------------------------*/
#work {
float: left; 
width: 100%;
background: #1d1d1d;
padding: 14px 0 50px;
color: #7f7f7f;
}

#work .lastwork h3 {
	color: #fff;
	font: 20px Georgia;
	font-weight: normal;
	margin: 12px 0 22px;
}

#work a {
	color: #497c7a;
}

#work .lastwork { width: 580px; float:left; }

	#work .lastwork li { 
		float: left; 
		width: 206px; 
		background: url(images/preview-bg.jpg) no-repeat;
		margin-right: 65px;
		padding: 5px;
		height: 250px;
		text-align: center;
		display: inline;
	}
	
		#work .lastwork img {
			display: block;
			margin-bottom: 15px;
		}
		
		#work .lastwork p {
			padding: 3px 0;
		}
		
/* Post
-----------------------------------------------*/
.post p {
	padding-bottom: 15px;
}

.date {
	position: absolute; 
	top: 37px;
	left: 0;
	font-size: 11px;
	line-height: normal;
}

/* work-inner 
-----------------------------------------------*/
.work-inner {
width: 600px;
margin: 0 0 30px 145px;
line-height: 21px;
}

.work-inner strong {
	bottom:-21px;
	left:-145px;
	position:relative;
	font-size: 11px;
}

.work-inner .title {
	margin: -13px 0 10px -7px;
}

	.work-inner .title ul {
		overflow: hidden;
	}

		.work-inner .title li {
			float: left; 
			font-size: 11px;
			padding: 0 12px 0 8px;
			border-left: 1px solid #9b9b9b;
			margin-left: -1px;
			color: #282828;
			line-height: 13px;
		}
	
.work-inner img {
	margin-top: 10px;
}

.work-inner p {
	padding: 0 !important;
}

.work-inner dl {
	padding-bottom: 30px;
}

.work-inner dt {
	margin-left: -135px;
	color: #000;
	font: 20px Georgia;
	font-weight: normal;
	padding-bottom: 15px;
}
	
	.work-inner dt strong {
		font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #282828;
	}

.work-inner dd {
	margin-top: -35px;
}

/* Goal */	
.goal {
background: url(images/goal-bg.gif) no-repeat;
width: 547px;
/*margin:12px 0 12px 13px;*/
height: 44px;
overflow: hidden;
}

.goal p {
	padding: 12px !important;
}

.pre {
text-align: center;
margin-bottom: 20px;
color: #6f6f6f;
font-size: 11px;
}
.pre img {
	display: block;
	margin: 0 0 -8px -25px;
}

/* navigator */
.navigator {
border-top: 1px solid #cccccc;
padding-top: 10px;
font-size: 11px;
width: 100%;
overflow: hidden;
margin-bottom: 40px;
}

.navigator li.all {
	width: 135px;
}

.navigator li {
	float: left; 
}

	.navigator li.next a {
		background: url(images/i-readmore.gif) no-repeat right;
		padding-right: 13px;
	}

	.navigator li.back a {
		background: url(images/i-readmore_.gif) no-repeat left;
		padding-left: 13px;
		margin-right: 80px;
	}

.navigator a {
	
}

/* Content
-----------------------------------------------*/
.content {
float: left; 
width: 445px;
padding-right: 35px;
border-right: 1px solid #d9d9d8;
}

.content p {
	padding-bottom: 13px;
}

.content dl dt {
	font-weight: bold;
	padding-top: 8px;
}

.content dl dd {
	padding-left: 20px;
}

.content ul {
	padding: 0 0 20px 20px;
}

/* Rightcol
-----------------------------------------------*/
#rightcol {
float: left; 
width: 370px;
padding-left: 35px;
}

#rightcol .module {
	padding-bottom: 20px;
	margin-bottom: 20px;
	background: url(images/line.gif) no-repeat center bottom;
}

#rightcol .no {
	background: none;
}
	
	#rightcol .module ol li {
		list-style: decimal;
		margin-left: 25px;
		}
	
	#rightcol .rule li {
		padding-bottom: 10px;
	}

#rightcol .faq dt {
	font-weight: bold;
	margin-bottom: 8px;
}

	#rightcol .faq dd {
		margin-bottom: 12px;
		padding-left: 10px;
	}


/* Footer
-----------------------------------------------*/
.footer { 
  width: 100%;
color: #666666;
line-height: 15px;
padding-top: 20px;
background: #000;
height: 65px;
}

.fl {
float: left; 
}

.single-f { 
margin-top:-85px;
position:relative;
}

.footer .copyright {
	float: left; 
}

.footer .validator {
	float: right; 
}

	.footer .validator li {
		float: left; 
		margin: 0 4px;
	}

	.footer a {
		color: #666666;
	}
	
#nav {
height: 26px;
/*opacity: 0.8;
filter: alpha(opacity=80);*/
position: absolute;
top: 0px;
right: 0px;
}
#nav ul {
/*		width: 600px;*/
	margin: 0px 0px 0px 20px;
}
	#nav ul li {
		float: left;
/*			width: 60px;*/
	}
		
		#nav ul li a  {
			z-index: 100;
			float: left;
			height: 26px;
			color: #fff;
			line-height: 26px;
			text-indent: 8px;
			position: relative;
			text-align: center;
			text-decoration: none;
			font-size: 15px;
			outline: none;
		}
		
		#nav li a:hover {
			color: #F9F9F9; 
		}
			
			#nav div.background {
				background: #528280 !important;
				z-index: 8;
				height: 32px;
				padding: 0px 0px 0px 10px !important;
				position: absolute;
				visibility: hidden;
			}
			
			#nav .background .left {
				background: #528280 !important;
				height: 25px;
			}
			
			#menu1, #menu2, #menu3{ 
				width: 90px !important; 
			}
			
			#menu4 {
				width: 110px !important; 	
			}
			
/*				#menu2 {  width: 60px !important; }
			#menu5 { width: 65px !important; }
			#level0 #nav { height: 0px; }*/

.linklove {
display: none;
}

#my-glider a {
outline: none;
}

.wrap { float: left; width: 640px; }
.wrap .post { margin-bottom: 40px; }
.wrap .post h3 { margin: 0 !important; }
.wrap .post .date-blog { font-size: 10px; color: #ccc; }

.sidebar { float: right; width: 220px; }

.workcol { float:right; width:296px; padding: 12px; }
.workcol h3 { color:#fff; font:20px Georgia; margin-bottom: 15px; }
.workcol .cform { width: 299px; }
.workcol span.reqtxt, .workcol span.emailreqtxt { margin: 0 !important; }
.workcol ol.cf-ol { padding: 0!important; border: none !important; }
.workcol .cform label { display: block !important; }
.workcol .cform textarea, .workcol .cform input { width:288px !important;}

.testimonials { margin-bottom: 35px; }
.testimonials .title { color:#497C7A; font-size: 14px; line-height: 20px; }
.testimonials ul li { border-bottom:1px solid #3F3F3F; margin-bottom:13px; padding-bottom:20px; }
#sendbutton2 { width: 100px !important; }
div.cf_info { width: 264px !important; }