@import url("blue/styles.css");

/*

@import url("dark blue/styles.css");

@import url("black/styles.css");

@import url("dark red/styles.css");

@import url("light blue/styles.css");

@import url("red/styles.css");

@import url("dark green/styles.css");

@import url("green/styles.css");

@import url("orange/styles.css");

@import url("azul/styles.css");

@import url("gold/styles.css");

@import url("brown/styles.css");

*/



/* ===================== CSS Reset ===================== */

* {

	border: 0 none;	

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

	font-size: 100%;

	font-style: inherit;

	font-weight: inherit;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline;

}



/* ===================== General Styles ===================== */

body {

	text-align: center;

}



a {

	font-size: 12px;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



blockquote {

	background: url("common images/quote.jpg") no-repeat top left;

	padding-left: 25px;

}



blockquote span {

	color: #999;

	font-size: 11px;

	font-style: italic;

}



em {

	font-style: italic;

}



h2, h3, h4, h5, h6 {

	font-weight: bold;

	margin-bottom: 15px;

}



h2 {

	font-size: 32px;

}



h3 {

	font-size: 26px;

}



h4 {

	font-size: 21px;

}



h5 {

	font-size: 18px;

}



h6 {

	font-size: 16px;

}



img {

	border: 8px solid #CCC;

	margin-bottom: 15px;

}



img.left {

	float: left;

	margin-right: 20px;

}



img.right {

	float: right;

	margin-left: 20px;

}



input, textarea {

	border: 1px solid #EEE;

	color: #777;

	font-size: 12px;

}



label {

	color: #777;

	float: left;

	font-size: 14px;

	line-height: 30px;

	width: 80px;

}



ol {

	list-style-position: inside;

	list-style-type: decimal;

}



p, pre, ul, ol, blockquote {

	color: #777;

	font-size: 12px;

	line-height: 20px;

	margin-bottom: 15px;

}



p.date {

	color: #999;

	font-size: 11px;

}



pre {

	background-color: #EEE;

	border-left: 4px solid #CCC;

	font-family: "Courier New", Courier, monospace;

	padding: 10px;

	white-space: normal;

	width: 620px;

}



strong {

	font-weight: bold;

}



ul {

	list-style-position: inside;

	list-style-type: disc;

}



.last {

	margin: 0;

}



/* ===================== Table Styles ===================== */

table {

	border-top: 1px solid #EEE;

	border-collapse: collapse;

	margin-bottom: 25px;

	width: 100%;

}



table td {

	border-bottom: 1px solid #EEE;

	color: #777;

	font-size: 12px;

	line-height: 20px;

	padding: 20px 0;

}



/* ===================== Top Bar Styles ===================== */

#topBar {

	background-color: #1A1A1A;

	border-bottom: 1px solid #AFAFAF;

	height: 25px;

}



/* ===================== Wrapper Styles ===================== */

#wrapper {

	margin: 0 auto;

	overflow: hidden;

	text-align: left;

	width: 940px;

}



/* ===================== Header Styles ===================== */

#header {

	background: url("common images/underline.jpg") repeat-x bottom left;

	height: 104px;

	overflow: hidden;

	padding-bottom: 2px;

	position: relative;

	width: 940px;

}



#header h1 {

	float: left;

	margin: 40px 0;

	text-indent: -9999px;

}



#header h1 a {

	display: block;

	height: 25px;

	width: 186px;

}



#header #mainNav {

	bottom: 20px;

	height: 13px;

	list-style: none;

	margin-bottom: 0;

	overflow: hidden;

	position: absolute;

	right: 0;

}



#header #mainNav li {

	float: left;

	margin-left: 25px;

	text-indent: -9999px;

}



#header #mainNav li a {

	background: url("common images/menu.jpg") no-repeat;

	display: block;

	height: 13px;

}



#header #mainNav li a[title="Home"] {

	background-position: 0 0;

	width: 35px;

}



#header #mainNav li a[title="Service"] {

	background-position: -58px 0;

	width: 43px;

}



#header #mainNav li a[title="How"] {

	background-position: -148px 0;

	width: 27px;

}



#header #mainNav li a[title="Tour"] {

	background-position: -225px 0;

	width: 29px;

}



#header #mainNav li a[title="Trial"] {

	background-position: -305px 0;

	width: 25px;

}



#header #mainNav li a[title="Price"] {

	background-position: -379px 0;

	width: 41px;

}



#header #mainNav li a[title="Contact"] {

	background-position: -429px 0;

	width: 50px;

}



#header #mainNav li a[title="Home"]:hover, #header #mainNav li.active a[title="Home"] {

	background-position: 0 -13px;

}

#header #mainNav li a[title="Service"]:hover, #header #mainNav li.active a[title="Service"] {

	background-position: -58px -13px;

}

#header #mainNav li a[title="How"]:hover, #header #mainNav li.active a[title="How"] {

	background-position: -148px -13px;

}

#header #mainNav li a[title="Tour"]:hover, #header #mainNav li.active a[title="Tour"] {

	background-position: -225px -13px;

}

#header #mainNav li a[title="Trial"]:hover, #header #mainNav li.active a[title="Trial"] {

	background-position: -305px -13px;

}

#header #mainNav li a[title="Price"]:hover, #header #mainNav li.active a[title="Price"] {

	background-position: -379px -13px;

}

#header #mainNav li a[title="Contact"]:hover, #header #mainNav li.active a[title="Contact"] {

	background-position: -429px -13px;

}



/* ===================== Featured Content Styles ===================== */

#featured {

	border: 1px solid #EEE;

	height: 250px;

	list-style: none;

	list-style-position: outside;

	margin: 30px 0 0 0;

	overflow: hidden;

	padding-left: 30px;

	position: relative;

	width: 908px;

	-moz-border-radius-topleft: 10px;

	-moz-border-radius-topright: 10px;

	-webkit-border-top-left-radius: 10px;

	-webkit-border-top-right-radius: 10px;

	border-top-left-radius: 10px;

	border-top-right-radius: 10px;

}



#featured img {

	border: none;

}



#featured .imageContainer {

	float: right;

	width: 480px;

}



#featured .contentContainer {

	float: left;

	margin-right: 30px;

	width: 398px;

}



#featured h2 {

	margin-top: 32px;

}



#featured .extra {

	background-color: #EEE;

	height: 45px;

	overflow: hidden;

	padding: 0 15px;

	width: 368px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}



#featured .extra p {

	float: left;

	line-height: 45px;

}



#featured .extra a {

	float: right;

	line-height: 45px;

}



#featuredNav {

	background-color: #EEE;

	height: 40px;

	list-style: none;

	margin: 0 0 30px 0;

	overflow: hidden;

	padding: 12px 30px 13px 30px;

	width: 880px;

	-moz-border-radius-bottomleft: 10px;

	-moz-border-radius-bottomright: 10px;

	-webkit-border-bottom-left-radius: 10px;

	-webkit-border-bottom-right-radius: 10px;

	border-bottom-left-radius: 10px;

	border-bottom-right-radius: 10px;

}



#featuredNav li {

	float: left;

	margin: 0 5px 0 0;

}



#featuredNav img {

	border: 1px solid #BBB;

	margin: 0 5px 0 0;

}



#featuredNav img.selected {

	border: 1px solid #555;

}



/* ===================== Location Styles ===================== */

#location {

	background: url("common images/underline.jpg") repeat-x bottom left;

	margin: 0 0 25px 0;

	overflow: hidden;

	padding: 30px 0 25px 0;

	width: 940px;

}



#location h2 {

	float: left;

	margin: -12px 0 0 0;

}



#location .button {

	color: #EEE;

	float: right;

	height: 35px;

	line-height: 34px;

	margin-top: -7px;

	padding: 0 22px;

}





/* ===================== Locationhome Styles ===================== */

#locationhome {

	background: url("common images/underline.jpg") repeat-x bottom left;

	margin: 0 0 25px 0;

	overflow: hidden;

	padding: 5px 0 5px 0;

	width: 940px;

}



#locationhome h2 {

	float: left;

	margin: -12px 0 0 0;

}



#locationhome .button {

	color: #EEE;

	float: right;

	height: 35px;

	line-height: 34px;

	margin-top: -7px;

	padding: 0 22px;

}



/* ===================== Main Content Styles ===================== */

#mainContent {

	float: left;

	overflow: hidden;

	width: 620px;

}



#left_sidebar #mainContent {

	float: right;

}



#full_width #mainContent {

	width: 940px;

}



/* ===================== Sidebar Styles ===================== */

#sidebar {

	float: right;

	margin-left: 20px;

	overflow: hidden;

	width: 300px;

}



#left_sidebar #sidebar {

	float: left;

	margin: 0 20px 0 0;

}



#sidebar ul {

	list-style: none;

	list-style-position: outside;

}



#sidebar .box {

	margin-bottom: 25px;

}







/* ===================== Box Styles ===================== */

.box {

	float: left;

	overflow: hidden;

	width: 300px;

}



.box h3 {

	border-bottom: 1px solid #EEE;

	padding-bottom: 10px;

}



#mainContent .box {

	margin-right: 20px;

}



#mainContent .box.last {

	margin-right: 0;

}



.box img {

	border: 6px solid #CCC;

	float: left;

	margin: 0 10px 15px 0;

}



.box img.last {

	margin: 0;

}



/* ===================== Blog Box Styles ===================== */

.blogBox {

	margin-top: 20px;

	float: left;

	width: 143px;

}



.blogBox h5 {

	color: #555;

	margin-bottom: 10px;

}



.blogBox ul {

	list-style: none;

}



.blogBox ul li {

	line-height: 15px;

	margin-bottom: 10px;

}



/* ===================== Blog Post Styles ===================== */

.blogPost {

	margin-bottom: 30px;

}



.blogPost .date {

	margin-bottom: 0;

}



.blogPost .postInfo {

	border-top: 1px solid #EEE;

	margin-top: 12px;

	padding-top: 12px;

}



/* ===================== Contact Form Styles ===================== */

#contactForm div {

	margin-top: 20px;

}



#contactForm input, #contactForm textarea {

	font-size: 11px;

	padding: 10px;

	width: 300px;

}



#contactForm #submit {

	background-color: #EEE;

	font-size: 12px;

	margin-left: 80px;

	padding: 10px 20px;

	width: auto;

}

/* ===================== News Headlines Styles ===================== */

.news {

	list-style: none;

	margin: 0

}



.news li {

	margin-bottom: 15px;

}



.news li.last {

	margin-bottom: 0;

}



.news li p, .news li h4, .news li a {

	display: block;

	margin-bottom: 5px;

}



.news li a {

	line-height: 14px;

}



.news li.last p.date {

	margin-bottom: 0;

}



/* ===================== Search Form Styles ===================== */

#searchForm div {

	float: left;

}



#searchForm input {

	font-style: italic;

	padding: 10px 5px;

	width: 228px;

}



#searchForm #submit {

	background-color: #EEE;

	border: none;

	font-style: normal;

	padding: 10px 0;

	width: 60px;

}



/* ===================== Social List Styles ===================== */

#socialList {

	list-style: none;

	overflow: hidden;

}



#socialList li {

	float: left;

	margin-right: 5px;

	text-indent: -9999px;

}



#socialList li a {

	background: url("common images/socialicons.jpg") no-repeat top left;

	display: block;

	height: 32px;	

	width: 32px;

} 



#socialList li a[title="Facebook"] {

	background-position: -32px 0;

}



#socialList li a[title="Flickr"] {

	background-position: -64px 0;

}



#socialList li a[title="Linkedin"] {

	background-position: -96px 0;

}



#socialList li a[title="MySpace"] {

	background-position: -128px 0;

}



#socialList li a[title="Twitter"] {

	background-position: -160px;

}



/* ===================== Portfolio Styles ===================== */

#works {

	list-style: none;

	list-style-position: outside;

}



/* ===================== Portfolio Carrousel Styles ===================== */

#buttonsContainer {

	border-bottom: 1px solid #EEE;

	padding-bottom: 8px;

}



#buttonsContainer button {

	background: url("common images/arrow_up.jpg") no-repeat top left;

	border: none;

	height: 20px;

	margin-left: 100px;

	width: 20px;

}



#buttonsContainer button.next {

	background-image: url("common images/arrow_down.jpg");

	margin: 0 100px 0 50px;

}



#carrousel li {

	border-bottom: 1px solid #EEE;

	overflow: hidden;

	padding: 23px 20px;

	width: 260px;

}



#carrousel li.selected {

	background-color: #EEE;

}



#carrousel li img {

	border: none;

	margin: 0 10px 0 0;

	float: left;

}



#carrousel li p, #carrousel li a {

	font-size: 11px;

	line-height: 13px;

	margin: 0;

}



/* ===================== Portfolio Gallery Styles ===================== */

.gallery {

	list-style: none;

	list-style-position: outside;

}



.gallery li {

	float: left;

	margin: 0 16px 0 0;

}



.gallery li.last {

	margin-right: 0;

}



.gallery img {

	border: 5px solid #CCC;

	margin: 0;

}



/* ===================== Latest News Styles ===================== */

.newsHeading {

	margin-bottom: 15px;

}



.newsHeading .date {

	margin-bottom: 0;

}



.newsHeading a {

	color: #888;

	font-size: 18px;

}



.newsHeading a:hover {

	color: #666;

	text-decoration: none;

}



/* ===================== Footer Styles ===================== */

#footer {

	background-color: #EEE;

	border-top: 1px solid #DDD;

	margin-top: 30px;

	text-align: center;

}



#footer div {

	margin: 0 auto;

	overflow: hidden;

	padding: 20px 0;

	text-align: left;

	width: 940px;

}



#footer #secNav {

	float: left;

	list-style: none;

	margin-bottom: 0;

}



#footer #secNav li {

	float: left;

	margin-right: 20px;

}



#footer #secNav li a {

	color: #888;

	font-size: 11px;

	font-weight: bold;

}



#footer #secNav li a:hover {

	color: #777;

	text-decoration: none;

}



#footer p {

	float: right;

	font-size: 11px;

	margin-bottom: 0;

}



#footer a {

	font-size: 11px;

}