@charset "UTF-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
	list-style-type: square;
}

a{
	text-decoration:none;
	color: #1796D0;
}
a:hover{text-decoration:underline;}

body {
	
	margin: auto;
	width: 100%;
	
}

/* Top bar above header */

div#topbar{
	width:100%;
	height:50px;
	background: url(images/topbar_shadow.png) repeat-x bottom;
	
}
div#topbar_content{	width:800px;
	margin:0 auto;
	height:50px;
	position:relative;}
#logo{
	position:absolute;
	left: 0px;
	top: 0px;
}
#design_logo{
	position:absolute;
	left: 295px;
	top: 108px;
	}

/* Header Styling */

#off {text-indent:10000px;display:none;}

div#header{
	width: 100%;
	height:100px;
	background: url(images/header.jpg) left top;
	}

div#header_content{
	width:100%;
	
	height:100%;}
/* ending the header styles */

/*starting the shadow style */

div#top_header_shadow{
	width:100%;
	height:20px;
	background: url(images/bottom_shadow.png)repeat-x;
	}
/* header is over ---------------------------------------------- */

/* Navigation starts here */

ul#nav {
	margin:0;
	padding:0;
	width:800px;
	height:160;
	
	
	}
ul#nav li{
	list-style-type: none;
	display:inline;
	float:left;
	padding:0 10px;
	
	clear:right;
	
	}
ul#nav li a{
	color: #1796D0;
	
	font: 2em "MS Serif", "New York", serif;
	text-align:center;
	display:block;
	height:40px;
	width:160px;
	}

ul#nav li a:hover{text-decoration:none;color:#333}
/*

#about{background:color:333;text-decoration:none; }
#about:hover{background:url(images/nav.gif) 0px 200px}
#about:active, #about:focus{background:url(images/nav.gif) 0px 100px}
ul#nav li#about.active{background:url(images/nav.gif) 0px 100px}



#home{background:background:color:333;text-decoration:none;}
#home:hover{background:url(images/nav.gif) 480px 200px }
#home:active, #home:focus{background:url(images/nav.gif) 480px 100px}
ul#nav li#home.active{background:url(images/nav.gif) 480px 100px}

#services{background:background:color:333;text-decoration:none;}
#services:hover{background:url(images/nav.gif)640px 200px }
#services:active, #services:focus{background:url(images/nav.gif)640px 100px}
ul#nav li#services.active{background:url(images/nav.gif) 640px 100px}

#blog{background:background:color:333;text-decoration:none;}
#blog:hover{background:url(images/nav.gif)320px 200px }
#blog:active, #services:focus{background:url(images/nav.gif) 320px 200px}
ul#nav li#blog.active{background:url(images/nav.gif)320px 200px}


*/




/* Navigation ends here */


/* Content starts here */

div#wrapper{
	width:800px;
	clear:both;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}

#content{
	position:relative;
	width:100%;
	-moz-box-shadow: 5px 5px 7px #888;
	-webkit-box-shadow: 0px 5px 7px #888;
	background: #FFF;
	}
	
#tagline{
	font-size:150%;padding-bottom:25px;
	
}
#content h1,#content h2,#content h3,#content h4{
	color: #1796D0;
	padding-left:20px;
	padding-top:20px;
	font: 3em "MS Serif", "New York", serif;
	padding-bottom: 30px;
}
#content  p {
	padding: 0px 10px 10px;
	color: #333;
	font-family: "MS Serif", "New York", serif;
	font-size: 100%;
	line-height: 150%;
}

/* box model for modules */
div#left_mod{
	width:355px;
	height:150px;
	float:left;
	margin:15px 10px;
}
div#right_mod{
	width:355px;
	height:150px;
	float:right;
	
	margin:15px 0px;
	}
/* ending box model for modules */	

/* right box model */
h1#twitter_bg{
	background: url(images/twitter.png) no-repeat;
	display: block;
	height: 60px;
	padding:10px 0 0 0px;	
	text-align:center;
	text-indent:-10000px;
	}
	
p.mods{
	padding: 5px 10px 10px 70px;
	font: 13px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
.mods a {
	color: #1796D0;
	text-decoration: none;
	font-variant: normal;
	letter-spacing: .15em;
	font-family: "MS Serif", "New York", serif;
}
.mods a:hover{
	color: #1796D0;	
}
div#left_mod div{margin:5px 0;}
div#right_mod div{margin:5px 0;}

p.twit{
	font: 100% "MS Serif", "New York", serif;
	color:#1796D0;
	margin:5px 0 5px 65px;
}
.twit a{color:#333;text-decoration:none;}
.twit a:hover{color:#CCC}

/* Left Box Model */

h1#facebook_bg{
	background: url(images/news.png) no-repeat;
	display: block;
	height: 60px;
	padding:10px 0 0 0px;
	text-align:center;
	font-family:"MS Serif", "New York", serif;	
	text-indent:-10000px;
	}
div#left_mod img,div#right_mod img{
	margin: 0 0 0 10px;
	-moz-box-shadow: 5px 5px 7px #888;
	-webkit-box-shadow: 0px 5px 7px #888;
	
}


	
/*ending content */

div#footer_shadow{
	clear:both;
	width:100%;
	height:15px;
	border-bottom:1px groove #ffffff;
	background: url(images/topbar_shadow.png) repeat-x bottom;
	padding-top: 5px;
	}
div#footer{
	background:url(images/footer_bg.jpg) repeat-x bottom;
	height:61px;
	text-align:center;
	color:#FFF;
	}

div#footer p {
	padding:25px 0 0 0;
	text-transform: none;
	font: bold normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/*sliding images */


	
#content ul li {
	padding-top: 4px;
	padding-bottom: 4px;
	
}
#content ul {
	padding-left: 25px;
}
#span_logo{
	color:#333
}
div#subcontent{
	width:100%;
	
	background:black;
	position:relative;
	color: #1796D0;
}

#subcontent #text{position:static;line-height:120%;}
#subcontent img{
	position:absolute;
	left: 430px;
	top: -256px;
}
s
#subcontent h2{
	padding:15px 15px 25px;
	font-size: 2em;
}
#subcontent a{color:#1796D0}
#subcontent a:hover{color:#1796D0;text-decoration:underline;}

#subcontent p {
	color: #FFF;
	padding-left: 35px;
	font-size: 1.50em;
	line-height: 150%;
}
#subcontent #form{
	position:absolute;
	width:180px;
	height:120px;
	top: -69px;
	left: 528px;
}
#subcontent #form #name,#subcontent #form #email
,#subcontent #form #telephone
{width:170px;background:#1E1E1E; border:solid 1px white;height:20px;font-size:18px;padding:4px;-webkit-border-radius:5px;-moz-border-radius:5px;color:white}

#slider{
	margin-left: 50px;
}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:696px;
	height:241px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	}	
#nextBtn{ 
	left:696px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(images/btn_next.gif) no-repeat 0 0;	
	}	
.content_type{
	font-size: 1.5em;
	color: #333;
	padding:0;
	margin:0;
}
#wrapper #content .content_type {
	font-size: 1.5em;
	color: #333;margin:0;padding:0;
}
#wrapper #content .content_p {
	font-family: "MS Serif", "New York", serif;
	font-size: 1em;
	padding-left: 40px;
	padding-top: 0px;
	margin: 0px;
	padding-right: 40px;
	line-height: 160%;
	padding-bottom: 15px;
}

#wrapper #content ul {
	font-size: 1.2em;
}
#wrapper #content #breadcrumbs a {
	color: #1796D0;
}
#wrapper #content #breadcrumbs {
	padding: 10px;
}