html
{
	
}

/*
=========================================================================
	Tags
=========================================================================
*/
* {
	margin: 0;
	padding: 0px;
}

body {
	font-size: 12px;
	line-height: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #003300;
	background: #ecefbb;
}

a { color: #2f83b7; text-decoration: underline; cursor:pointer; }
a:hover { text-decoration: none; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
textarea { overflow: auto; }

#main
{
	text-align:left;
}

#main h4 {
	font-size:18px;
	height:20px;
	line-height:20px;
	color:#003300;
	font-weight:normal;
	text-align:left;	
	padding-left: 20px;
	padding-bottom:10px;
}

#main h2 {
	height:20px;
	line-height:20px;
	color:#7D0000;
	font-weight:normal;
	text-align:left;
	text-decoration:underline;
	padding-left: 20px;
}

#main p {
	padding:5px;
	text-align:justify;
	color:#107E03;
	line-height: 25px;
	font-size: 16px;
}

#main h2.bubble { background:#000 url(images/h2-bubble.gif) left center no-repeat; padding-left:44px; margin-left:-34px; }
#main h2.bubble span { float:left; }

#main h2.eye { background:#000 url(images/h2-eye.gif) left center no-repeat; margin:0 -34px; }
#main h2.eye span { float:left; padding-left:34px; }
#main h2.eye a {
	float:right;
	background:url(images/h2-seeall.gif) right center no-repeat;
	padding-right:43px;
	font-size:10px;
	color:#7D0000;
	text-decoration:none;
}

#main h2 .latest-articles {
	float:right;
	color:#7D0000;
	font-size:10px;
	text-decoration:none;
	padding-right:19px;
	background:url(images/button-rarr.gif) 97px 11px no-repeat;
}



#slider {
	width:450px;
	float:left;
	margin: 5px 0px 0px 0px;
}

#slider h1 { font-size:30px; font-weight:bold; line-height:40px; text-transform:capitalize; text-shadow:#666666 2px -2px 2px;}

#slider h2 { color:#fff; font-size:38px; line-height:40px; font-weight:normal;}

#main h3 {
	font-size:24px;
	line-height:30px;
	color:#000000;
	font-weight:bold;
	font-family:"Monotype Corsiva";
	padding: 5px 0px 5px 20px;
	margin-left: 20px;
}
#main h3.wheels,
#main h3.tic-tac,
#main h3.cup,
#main h3.sync { padding-left:35px; background:url(images/h3-clock.gif) left top no-repeat; line-height:33px; padding-bottom:2px; }

#main h3.wheels { background-image:url(images/h3-wheels.gif); background-position:0 3px; }
#main h3.tic-tac { background-image:url(images/h3-clock.gif); background-position:0 2px; }
#main h3.cup { background-image:url(images/h3-cup.gif); }
#main h3.sync { background-image:url(images/h3-sync.gif); }

h4 { font-size:11px; color:#464646; font-weight:normal; padding:0 0 6px 2px;  }

#footer h5 { font-size:12px; color:#002439; line-height:14px; font-weight:normal; padding-bottom:3px; }

/*
=========================================================================
	Main Classes
=========================================================================
*/

.cl {
	display: block;
	height: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
}
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright {
	float: right;
	display: inline;
	width: 350px;
}

/* Big Stuff */

.shell {
	margin:0 auto;
	position:relative;
	padding:0 10px;
	width: 1000px;
}

.shell1 {
	position:relative;
	width: 450px;
	padding-right: 5px;
}

#main {
}
#main .bg-top {
	width:100%;
}
#footer,
#footer .shell {
}

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

#header .shell {
	height:92px;
	width:960px;
	padding-top:10px;
	font-size: 30px;
	font-weight: bolder;
}


/* Logo */
#logo { position:absolute; top:28px; left:10px;  width:259px; font-size: 0; line-height: 0; }
#logo a { float:left;  text-indent: -4000px; width:259px; height:75px; background:url(images/logo.gif); }


/* Navigation */
#navigation { float:right; display:inline; padding:23px 11px 0 0;  } 
#navigation ul { list-style:none; float:right; }
#navigation ul li { float:left; display:inline; font-family: Arial, Helvetica, Sans-Serif; font-size:14px; font-weight:bold; padding-left:27px; line-height:16px; }
#navigation ul li a {
	color:#000033;
	text-decoration:none;
	letter-spacing: 2px;
}
#navigation ul li a.active,
#navigation ul li a:hover {
	color:#8c9f0f;
}


/* Dropdown */
#navigation .has-dd { padding-right:10px; }
#navigation .dd { display:none; }


/* Socials */
#header .socials { position:absolute; right:74px; bottom:0; }
#header .socials a { position:absolute; bottom:0; width:24px; height:18px; font-size: 0; line-height: 0; text-indent: -4000px; }
#header .socials .socials-facebook { background:#fff url(images/socials-facebook.gif) top no-repeat; right:54px; }
#header .socials .socials-twitter { background:#fff url(images/socials-twitter.gif) top no-repeat; right:24px; }


/*
=========================================================================
	Slider
=========================================================================
*/

#slider .shell {
	padding:0;
	width:400px;
	height: 400px;
}
#slider ul {
	list-style:none;
	position:relative;
}
#slider ul li {
	float:left;
	position:relative;
	padding-left: 60px;
	height: 500px;
}

#slider .jcarousel-container-horizontal { width:400px; }
#slider .jcarousel-clip-horizontal { width:400px; }
#slider .jcarousel-clip { position:relative; height:371px; overflow:hidden;  }

#slider .jcarousel-next,
#slider .jcarousel-prev { position:absolute; top:136px; width:47px; height:80px; z-index:4; cursor:pointer; }

#slider .jcarousel-next { background:url(images/slider-next.png); right:20px; }
#slider .jcarousel-prev { background:url(images/slider-prev.png); left:20px; }

#slider .data { position:relative; display:block; z-index:3; padding:54px 310px 0 111px; width:393px; margin:0 auto; }
#slider .data p { color:#8c8c8c; font-style:italic; padding:8px 0 10px 33px; font-size:13px; text-shadow:#333 1px 1px 0; }


#slider .image {
	position:absolute;
	top:0;
	left:0;
	}
#slider .image img { display:block; margin:0 auto; border:#8c9f0f 3px solid;}

/*
/* =========================================================================
	Main
=========================================================================
*/

#main .shell { padding-top:15px; padding-bottom:4px; }

/* Basic Main Classes */
#main .button 
{ 	
	float:left; 
	height:17px; 
	line-height:17px; 
	padding:0 5px; 
	background-color:#2f83b7; 
	font-size:10px; 
	color:#FFFFFF;
	text-decoration:none;	
	border:none;
}
#main .button:hover 
{
	background-color:#1c5275;
}

#main .comments { background:url(images/button-comments.gif) right center no-repeat; padding-right:16px; }

#main .image img {
	background:#000;
	padding:5px;
} 


/* WElcome */
#welcome { padding:0 0 27px 2px; }
#welcome p { padding:7px 2px 6px 2px; }

/* Latest Projects */
#latest-projects { padding-bottom:28px; }
.latest-projects-list { padding:18px 0 0 0px; }
.latest-projects-list ul { list-style:none;  }
.latest-projects-list ul li { float:left; width:303px; padding-right:15px;  }
.latest-projects-list ul li.last { padding-right:0;  }
.latest-projects-list p {
	
	height:auto;
	height:85px;
	padding-top:3px;
	text-align: justify;
}

.latest-projects-list .image { position:relative; }
.latest-projects-list .image .overlay { position:absolute; top:6px; left:6px; width:291px; height:198px; background:url(images/overlay.png); display:none; cursor:pointer; }

/* Blog */
#blog { float:left; width:628px;}
.blog-posts ul { list-style:none; padding-top:3px;  }
.blog-posts ul li { display:block; border-bottom:1px dotted #999999; padding-bottom:16px; margin-bottom:11px; }
.blog-posts ul li.last { margin-bottom:0; border-bottom:0; }
.blog-posts .image {
	float:left;
	text-align: left;
}
.blog-posts .data {
	float:left;
	width:530px;
	padding-top: 3px;
	padding-right: 42px;
	padding-bottom: 0;
	padding-left: 0;
}
.blog-posts .data p { padding-bottom:20px; }
.blog-posts .data p.last { padding-bottom:0; }
.blog-posts .buttons { padding-left:3px; }

/* Sidebar */
#sidebar { float:right; width:302px; }

.stuff { padding-top:2px; }
.stuff ul { list-style:none; }
.stuff ul li { display:block; padding-bottom:15px; }







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

/* Footer Top */
#footer .top {
	color:#FFF;
	height:291px;
	padding-top:24px;
}
#footer .top a { color:#e3e3e3; }

#footer .button { color:#ebebeb; text-shadow:#666 0 1px 0; text-decoration:none; background:#2f83b7; }
#footer .button { float:right; height:17px; line-height:17px; padding:0 6px; margin-top:5px; font-size:10px; }

#footer h2 { float:left; padding-left:26px; font-size:17px; color:#fff; line-height:28px; height:28px; margin-bottom:16px; font-weight:normal; }

/* Twitter Posts */
#twitter { float:left; width:465px; }
#twitter h2 { background:url(images/twitter.gif) left center no-repeat;  }

.twitter-posts { padding-left:5px; }
.twitter-posts ul { list-style:none; }
.twitter-posts ul li { display:block; padding-bottom:13px; }
.twitter-posts ul li p { padding-bottom:2px; }

/* Flickr Links */
#flickr { float:right; width:430px; }
#flickr h2 { background:url(images/flickr.gif) left center no-repeat; padding-left:36px; margin-bottom:8px; }

.flickr-pics ul { list-style:none; }
.flickr-pics ul li { float:left;  padding:0 4px 5px 0; }
.flickr-pics ul li a {  float:left; padding:2px; background:#fff; border:1px solid #eaeef1; }
.flickr-pics ul li img { display:block; border:1px solid #000; }
.flickr-pics ul li.last { padding-right:0; }

/* Footer Bottom */
#footer .bottom {
	padding:2px 0 2px 0;
	font-size:10px;
	color:#408bb8;
	width: 900px;
}

#footer .bottom a { text-decoration:none; }
#footer .bottom a:hover { text-decoration:underline; color:#fff; text-decoration:none; }

/* Footer Nav */
#footer .navigation {
	padding-top:0px;
	line-height: 30px;
	text-transform: uppercase;
}
#footer .navigation ul { list-style:none; }
#footer .navigation ul li { float:left; border-right:1px solid #194d6c; height:10px; line-height:10px; padding:0 8px 0 7px; }
#footer .navigation ul li.last { border-right:0; }
#footer .navigation ul li a { color:#408bb8;  }
#footer .navigation ul li a:hover {
	color:#003300;
	text-decoration:none;
}

#footer .navigation ul li a.current {
	color:#003300;
	text-decoration:none;
}

/* Copyrights */
#footer .right p { text-align:right; }
#footer a.choco { color:#fff; }
#footer a.choco:hover { text-decoration:underline; }
#header
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	line-height: 60px;
	padding: 10px;
	color: #006600;
}
sup
{
	border-bottom:#009933 solid 2px;
	
}


/*
menu
*/

#menu{
	height:25px;
	margin-bottom: 2px;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:2px;
	float: left;
}
#menu ul{
list-style:none;padding:0px;margin:0px;display:block; font-weight:bold;
}
#menu ul li{
	list-style:none;
	display:inline;
	float:left;
	height:35px;
	line-height:35px;
	font-size:12px;
	background:url(../images/btnBg.png) no-repeat center;
	padding: 2px;
}
#menu ul li a{
	height:35px;
	width:118px;
	float:left;
	color: #000000;
	text-decoration:none;
	text-align:center;
	letter-spacing:-1px;
	text-transform:uppercase;
}
#menu ul li a:hover{
	
	color: #FFFFFF;
}
#menu ul li a.current{
	color: #FFFFFF;
	background:url(../images/btnBg.png) no-repeat center;
}
 hr
 {
	color:#ecefbb;

 }
 
 #about 
 {
	text-align:justify;
 }

marquee
{
	font-size:18px;
	color:#FF0000;
	text-shadow:#999999 1px -1px 1px;
}

#marque
{
	font-size:18px;
	color:#FF0000;
	text-shadow:#999999 1px -1px 1px;
	line-height:30px;
	padding: 5px 0px 5px 0px;
	
}


#marque ul{
padding:0px;margin:0px;display:block; font-weight:bold;
}
#marque ul li{
	display:inline;
	float:left;
	margin-left:100px;
	
}

input
{
	text-align:justify;
	color:#003300;
	line-height: 25px;
	font-size: 16px;
}
select 
{
	text-align:justify;
	color:#003300;
	line-height: 25px;
	font-size: 16px;
}
textarea
{
	text-align:justify;
	color:#003300;
	line-height: 25px;
	font-size: 16px;
}

#table p
{
	text-align:right;
}

.btn
{
	background:none;
	border:#000000 1px outset;
	text-align:center;
	font-size:16px;
	color:#003300;
	cursor:pointer;
	text-transform:capitalize;
	margin-left:40px;
	font-weight:bold;
}
.error_strings {
	color: #CC0000;
}
#main #myform #table #success {
	color: #CC0000;
	width: 400px;
	padding:5px;
	text-align:justify;
	line-height: 25px;
	font-size: 16px;
}
#main .number {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}
.header
{
	background:#FCC;
	color:#030;
	font-size:14px;
}

.subhead
{
	color:#000;
	font-size:12px;
}