/* Get a Dev Box - Fresh Web Application Templaetes

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

/*

	-> Default

	-> Typography

	-> Structure

*/



/* Default */

* {

	margin: 0;

	padding: 0;

}

body {

	background: url(../images/background.jpg) repeat-x top #f4f4f4;

	text-align: center;

	font-family: Tahoma, Arial, sans-serif;

	font-size: 12px;

}

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */

div.hide-me {

	display: none;

}

/* Typography */

p {

	padding-bottom: 10px;

	font-size: 11px;

	line-height: 1.6em;

	color: #575759;

	font-family: Verdana, Tahoma, Arial, sans-serif;

}

a {

	font-weight: bold;

	color: #324862;

}

	a:hover {

		color: #ab0706

	}

/* Sructure */

#wrapper {

	width: 766px;

	margin: 0 auto;

	text-align: left;

}

#navigation {

	width: 766px;

}

	#logo {

		width: 275px;

		height: 83px;

		background: url(../images/logo.jpg) no-repeat;

		display: block;

		text-indent: -999999px;

		margin: 0 auto;

		float: left;

	}

	#nav {

		width: 470px;

		float: right;

		list-style: none;

	}

	#nav li {

		float: left;

		display: block;

	}

	#nav li a {

		float: left;

		display: block;

		text-decoration: none;

		color: #fff;

		text-align: center;

		width: 76px;

		font-weight: bold;

		font-size: 12px;

		height: 40px;

		padding-top: 39px;

		margin-right: 18px;

	}

	#nav li a:hover {

		background: url(../images/nav-hover.jpg) no-repeat;

	}

	#nav li a.current {

		background: url(../images/nav-hover.jpg) no-repeat;

	}

#header {

	width: 766px;

	height: 198px;

	background: url(../images/header.jpg) no-repeat;

	display: block;

	text-indent: -999999px;

	clear: both;

}

#about {

	width: 766px;

	height: 198px;

	background: url(../images/about.gif) no-repeat;

	display: block;

	text-indent: -999999px;

	clear: both;

}

#templates {

	width: 766px;

	height: 198px;

	background: url(../images/templates.jpg) no-repeat;

	display: block;

	text-indent: -999999px;

	clear: both;

}

#content {

	padding-top: 20px;

}

#info {

	background: #edeecf;

	border-bottom: 1px solid #bdbe9f;

	padding: 5px 0;

	width: 100%;

	color: #5a5a36;

	text-align: center;

	font-size: 11px;

}

#banner {

	height: 50px;

	width: 100%;

	background: url(../images/banner-background.jpg) repeat-x top;

	margin: 10px 0;

	padding-top: 5px;

}

	#banner #webdesigner {

		width: 257px;

		height: 38px;

		background: url(../images/webdesign.jpg) no-repeat;

		display: block;

		text-indent: -999999px;

		margin: 0 15px;

		float: left;

	}

	#banner #programmer {

		width: 197px;

		height: 38px;

		background: url(../images/programmer.jpg) no-repeat;

		display: block;

		text-indent: -999999px;

		margin: 0 15px;

		float: left;

	}

	#banner #entrepreneur {

		width: 222px;

		height: 38px;

		background: url(../images/entrepeneur.jpg) no-repeat;

		display: block;

		text-indent: -999999px;

		margin: 0 10px;

		float: left;

	}

#body-content {

	width: 500px;

	float: left;

}

	#body-content h2 {

		font-weight: bold;

		color: #344861;

		border-bottom: 1px solid #c7d0d7;

		padding: 4px 0;

		margin-bottom: 10px;

	}

	#body-content ul {

		list-style: none;

	}

	#body-content ul li {

		float: left;

		padding: 7px;

		padding-left: 25px;

		background: url(../images/arrow.jpg) left no-repeat;

		width: 200px;

		color: #41608e;

		font-size: 11px;

		font-weight: bold;

		margin-left: 15px;

	}

#contest {

	width: 233px;

	height: 186px;

	background: url(../images/contest.jpg) no-repeat;

	display: block;

	text-indent: -999999px;

	margin: 10px auto;

	float: right;

}

	#contest a {

		width: 233px;

		height: 186px;

		display: block;

	}

#browse-templates {

	width: 757px;

	height: 88px;

	background: url(../images/browse-templates.jpg) no-repeat;

	display: block;

	clear: both;

	text-indent: -999999px;

	margin: 10px auto;

}

	#browse-templates a.browse {

		width: 200px;

		height: 40px;

		margin: 20px;

		text-indent: -99999px;

		float: right;

	}

#footer {

	background: url(../images/footer.jpg) no-repeat top;

	padding-top: 35px;

	padding-left: 20px;

	clear: both;

}

	#footer p {

		padding-bottom: 3px;

	}

	#footer a.md {

		width: 63px;

		height: 55px;

		background: url(../images/monetizedesign.jpg) no-repeat;

		display: block;

		text-indent: -999999px;

		float: right;

		margin: 10px;

		margin-top: -10px;

	}

#promote-videos {

	width: 437px;

	height: 106px;

	background: url(../images/promote-video.jpg) no-repeat;

	display: block;

	float: left;

	margin: 10px;

}

	#promote-videos a.find-out-more {

		width: 437px;

		height: 106px;

		display: block;

		text-indent: -99999px;

	}

#keep-updated {

	width: 283px;

	height: 106px;

	background: url(../images/keep-updated.jpg) no-repeat;

	display: block;

	float: right;

	margin: 10px;

	margin-bottom: 20px;

}

	#keep-updated a {

		width: 283px;

		height: 106px;

		display: block;

		text-indent: -99999px;

	}



/* ----- */



div.hide-me {

	display: none;

}



/* ----- */



#head-top {

	width: 100%;

	clear: both;

	padding-top: 17px;

}

#template {

	width: 317px;

	height: 225px;

	display: block;

	text-indent: -999999px;

	float: left;

}

#template.casualblack {

	background: url(../templates/casualblack.gif) no-repeat;

}

#template.greenapple {

	background: url(../templates/greenapple.gif) no-repeat;

}

#template.vivaflavor {

	background: url(../templates/vivaflavor.gif) no-repeat;

}

#template-info {

	width: 440px;

	float: right;

	padding-top: 20px;

}

	#template-info h2 {

		font-size: 21px;

		color: #fff;

		letter-spacing: -1px;

		padding-bottom: 5px;

	}

	#template-info h2 strong {

		font-weight: lighter;

		color: #8d9298;

		font-style: italic;

		font-size: 14px;

		letter-spacing: 0;

	}

	#template-info #perfectfor {

		background: #283039;

		border-bottom: 1px solid #232a30;

		color: #a9acaf;

		padding: 5px;

	}

	#template-info p {

		color: #fff;

		padding: 5px;

	}

	#template-info a.watch-the-video {

		width: 201px;

		height: 40px;

		background: url(../images/watch-video.gif) no-repeat;

		display: block;

		text-indent: -999999px;

		float: left;

		margin-right: 35px;

	}

	#template-info a.buy-template {

		width: 201px;

		height: 40px;

		background: url(../images/buy-now.gif) no-repeat;

		display: block;

		text-indent: -999999px;

		float: left;

	}

	#template-info a.buy-template-2 {

		width: 201px;

		height: 40px;

		background: url(../images/buy-now-2.gif) no-repeat;

		display: block;

		text-indent: -999999px;

		float: left;

	}



#small-content {

	width: 440px;

	float: left;

	padding-left: 20px;

}

	#small-content h2 {

		font-weight: bold;

		color: #344861;

		border-bottom: 1px solid #c7d0d7;

		padding: 4px 0;

		margin-bottom: 10px;

		clear: both;

	}

	#small-content ul {

		list-style: none;

		padding-bottom: 20px;

	}

	#small-content ul li {

		float: left;

		padding: 7px;

		padding-left: 25px;

		background: url(../images/arrow.jpg) left no-repeat;

		width: 170px;

		color: #41608e;

		font-size: 11px;

		font-weight: bold;

		margin-left: 15px;

	}

	#small-content  a img {

		float: left;

		margin-right: 25px;

		padding: 5px;

		border: 1px solid #a0adb9;

	}

#sidebar {

	width: 300px;

	clear: both;

	float: left;

}

	#sidebar #design {

		width: 295px;

		height: 51px;

		background: url(../images/design.gif) no-repeat;

		display: block;

		text-indent: -999999px;

		margin: 10px auto;

	}

	#sidebar #forms {

		width: 295px;

		height: 51px;

		background: url(../images/forms.gif) no-repeat;

		display: block;

		text-indent: -999999px;

		margin: 10px auto;

	}

	#sidebar #css {

		width: 295px;

		height: 51px;

		background: url(../images/css.gif) no-repeat;

		display: block;

		text-indent: -999999px;

		margin: 10px auto;

	}

	#sidebar #cross-browser {

		width: 295px;

		height: 51px;

		background: url(../images/cross-browser.gif) no-repeat;

		display: block;

		text-indent: -999999px;

		margin: 10px auto;

	}

	#sidebar #speed-time {

		width: 295px;

		height: 78px;

		background: url(../images/save-time.gif) no-repeat;

		display: block;

		text-indent: -999999px;

		margin: 10px auto;

	}

#buy-now-template {

	width: 760px;

	height: 103px;

	background: url(../images/buy-vivaflavor.gif) no-repeat;

	display: block;

	text-indent: -999999px;

	margin: 10px auto;

	clear: both;

}

#buy-now-template-casualblack {

	width: 760px;

	height: 103px;

	background: url(../images/buy-casualblack.gif) no-repeat;

	display: block;

	text-indent: -999999px;

	margin: 10px auto;

	clear: both;

}





#buy-now-template-greenapple {

	width: 760px;

	height: 103px;

	background: url(../images/buy-greenapple.gif) no-repeat;

	display: block;

	text-indent: -999999px;

	margin: 10px auto;

	clear: both;

}

#moneyback {

	width: 290px;

	height: 69px;

	background: url(../images/moneyback.gif) no-repeat;

	display: block;

	text-indent: -999999px;

	float: left;

	margin-top: 3px;

	clear: both;

}

#rubyonrails {

	width: 441px;

	height: 75px;

	background: url(../images/rubyonrails.gif) no-repeat;

	display: block;

	text-indent: -999999px;

	float: right;

	margin-right: 10px;

}