/*
	SEO Wise Design Studio Stylesheet
	--------------------------
	Site: SEO Wise Design Studio 
	Author: Ariel Retes
	URL: www.seowisedesigns.com
	Email:yhengdesigns@gmail.com
*/


/* Font Settings */
p, h1, h2, h3, h4, h5, h6, ul, li { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:normal; }

h1 { font-size:1.8em; color:#336699; } h2 { font-size:1.5em; } h3 { font-size:1.3em; } h4 { font-size:1em; } h5 { font-size:0.90em; } p { font-size:1em; }

/* Main Divs */

#container {
background: #FFF;
height:auto;
width:100%;
}

#header {
height:135px;
}

#logo {
background: url(../images/logo.png) no-repeat;
height:110px;
top:20px;
}

#logo h1 {
text-indent: -9999px;
}


/* Nav Menu Settings */

#nav {
height:110px;
top:70px;
}

#nav ul {
display: block;
}

#nav li a {
border-top: #ccc 1px dashed;
border-bottom: #ccc 1px dashed;
font-weight:bold;
float: left;
padding: 12px;
}

#nav a {color: #7e7e7e; text-decoration: none; }

#nav a:hover { color: #6699ff; }


/* Wrapper Content */

#wrapper {
background: #660066;
border-top: #ebebeb 3px solid;
height: 350px;
position:relative;
}

#slider {
background:url(../images/slidebg.jpg) no-repeat  bottom center ;
height: 350px;
}

#horiz {
	background:#FFF url(../images/brdr-grd.png) top repeat-x;
border-top: #ccc 1px solid;
margin-bottom: 0.75em;
height: 20px;
width: 100%;
position:relative;
}

#body {
position:relative;
}

#footer {
background: #333;
float: left;
height: 90px;
margin-top:2em;
width: 100%;
}

/* Slideshow Styling */
.slide {
	float:left;
}


/* Info Styling */
#content {
	height:130px;
	background:#660066;
}

#info {
	clear:both;
	height:130px;
}

#info h1 { text-align:center; color:#ffcc66; font-size:36px; padding-top:40px; }



/* Modules */

#module1 h1, #module2 h1, #module3 h1 { padding: 0.25em 0px; border-bottom: #ccc 1px dashed; border-top: #ccc 1px dashed; }

#module1 p, #module2 p, #module3 p { color: #555555; padding: 0.90em 0px; line-height: 1.5em; text-align:left; }

#module1 {
height: auto;
}

#module2 {
height: auto;
}

#module3 {
height: auto;
}

#module5 { display:inline;  margin-left:1.2em; position:absolute; float:left; }

#module6 { float:right; clear:both; display:inline; margin-right:1.2em; position:relative; top: 0;  }

#module11 img {
	border-right:#CCC 1px dashed;
	padding-right:1em;
	margin-top:16px;
}

#module12 {
	color:#CCC;
	margin-top:14px;
	margin-left:-16px;
}

#module12 p { font-size:0.70em; font-style:italic; line-height:normal; }

/* About Info page */

#page { display:inline; margin:0 auto;  }

#body { clear:both; }

#about { position:relative; }

.top { background:url(../images/span-top.jpg) center bottom no-repeat; }

#module4 { background:url(../images/span-top.jpg) center bottom no-repeat; }

.aboutinfo { background:url(../images/aboutinfo.jpg)  bottom center repeat-y; padding:1em 1.6em; margin:0 auto; height:auto; position:relative; overflow:inherit; }

.aboutinfo img { position:relative; margin:-10px 0 0 0 ; }

.aboutinfo h4 { margin-bottom:2em; }

.bottom { background:url(../images/span-bottom.jpg) center top repeat-x; height:13px;  }

/* The Team Pages */

#module5 img, #module6 img { float:left; margin-right:12px; position:relative; border:#666 1px solid; padding:4px; }

span.position { text-transform:uppercase; font-size:0.80em; position:relative; display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

span.social { font-size:0.90em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

span.social a { color: #6699FF; }
	
#module5 h3, #module6 h3 { background:#ebebeb;  }

#module5 p, #module6 p { color:#666; font-style:italic; font-size:0.90em;  }

#module5 p.services, #module6 p.services { font-style:normal; color: #555555; }

/* Services page */
#module5 img.services, #module6 img.services { clear:both; display:block; float:left; border:none; overflow:hidden; height:100%; margin:0 auto; }

/* Tooltip Style */
#efx {
	display:none;
	background:transparent url(../images/cloud.png) no-repeat center top;
	font-size:17px;
	font-family:"Comic Sans MS", cursive;
	font-style:italic;
	height:60px;
	width:128px;
	color:#FFC;
	padding:14px;
	margin-top:6px;
	z-index:9999;
	text-align:center;
}

/* Buttons & Slider */

.slide {
	height: 350px; width: 960px; 
}

.slide img {
	background: transparent;
	overflow:hidden;
}


a#prev {
	background:url(../images/prev.png) top no-repeat;
	height:41px;
	float:left;
	width:54px;
	margin-top:-195px;
	z-index:9999;
	position:relative;
	text-indent:-9999px;
}

a#prev:hover {
	background-position:0 -42px;
	height:36px;
}

a#prev:active {
	background-position:0 -79px;
}

a#next {
	background:url(../images/next.png) top no-repeat;
	height:41px;
	float:right;
	width:54px;
	margin-top:155px;
	margin-left:-55px;
	position:absolute;
	text-indent:-9999px;
	z-index:99999;
}

a#next:hover {
	background-position:0 -42px;
	height:36px;
}

a#next:active {
	background-position:0 -79px;
}

/* Contact Form */
.block {
	width:400px;
	margin:0 auto;
	text-align:left;
}
.element * {
	padding:5px; 
	margin:2px; 
	font-family:arial;
	font-size:12px;
}
.element label {
	float:left; 
	width:75px;
	font-weight:700;
}
.element input.text {
	float:left; 
	width:270px;
	padding-left:20px;
}
.element .textarea {
	height:120px; 
	width:270px;
	padding-left:20px;
}
.element .hightlight {
	border:2px solid #9F1319;
	background:url(../images/iconCaution.gif) no-repeat 2px;
}
.element #submit {
	float:right;
	margin-right:10px;
}
.loading {
	float:right; 
	background:url(../images/ajax-loader.gif) no-repeat 1px; 
	height:28px; 
	width:28px; 
	display:none;
}
.done {
	background:url(../images/iconIdea.gif) no-repeat 2px; 
	padding-left:20px;
	font-family:arial;
	font-size:12px; 
	width:70%; 
	margin:20px auto; 
	display:none;
}