/* CSS Document */

html, body {
	margin: 0px;
	padding: 0px;
	background:#000;
	font-family: "Trebuchet MS", "Times New Roman", Georgia;
	font-size: 11px;
	color: #fff;
}

a {
	color: #fff;
	text-decoration: none;
}

.clear { clear: both; }

p { margin: 0px; padding:0px; line-height: 15px; }

#wrapper {
	width: 760px;
	margin: 0 auto;
	padding: 10px;
}

#header {
	width: 760px;
	margin: 0px;
	padding: 0px;
	display: table;
	margin-bottom: 30px;
}

#header .logo {
	width: 262px;
	height: 106px;
	display: table;
	background: url(../images/logo.jpg) top left no-repeat;
	float: left;
}

#nav {
	width: 460px;
	height: 106px;
	display: table;
	float: right;
}

#nav .home a {
	width: 70px;
	height: 65px;
	display: table;
	padding-top: 40px;
	text-align: center;
	background: url(../images/link_home_down.gif) top left no-repeat;
	float: left;
	color: #000;
	text-decoration: none;
}

#nav .home a:hover {
	width: 70px;
	height: 45px;
	padding-top: 60px;
	color: #fff;
	background: url(../images/link_home_up.gif) top left no-repeat;
	text-decoration: none;
}

#nav .intro a {
	width: 76px;
	height: 65px;
	display: table;
	padding-top: 40px;
	text-align: center;
	background: #fff;
	float: left;
	color: #000;
	text-decoration: none;
}

#nav .intro a:hover {
	width: 76px;
	height: 45px;
	padding-top: 60px;
	color: #fff;
	background: url(../images/link_up.gif) top left no-repeat;
	text-decoration: none;
}

#nav .gallery a {
	width: 78px;
	height: 65px;
	display: table;
	padding-top: 40px;
	text-align: center;
	background: #fff;
	float: left;
	color: #000;
	text-decoration: none;
}

#nav .gallery a:hover {
	width: 78px;
	height: 45px;
	padding-top: 60px;
	color: #fff;
	background: url(../images/link_up.gif) top left no-repeat;
	text-decoration: none;
}

#nav .services a {
	width: 78px;
	height: 65px;
	display: table;
	padding-top: 40px;
	text-align: center;
	background: #fff;
	float: left;
	color: #000;
	text-decoration: none;
}

#nav .services a:hover {
	width: 78px;
	height: 45px;
	padding-top: 60px;
	color: #fff;
	background: url(../images/link_up.gif) top left no-repeat;
	text-decoration: none;
}

#nav .projects a {
	width: 78px;
	height: 65px;
	display: table;
	padding-top: 40px;
	text-align: center;
	background: #fff;
	float: left;
	color: #000;
	text-decoration: none;
}

#nav .projects a:hover {
	width: 78px;
	height: 45px;
	padding-top: 60px;
	color: #fff;
	background: url(../images/link_up.gif) top left no-repeat;
	text-decoration: none;
}

#nav .contact a {
	width: 79px;
	height: 65px;
	display: table;
	padding-top: 40px;
	text-align: center;
	background: url(../images/link_contact_down.gif) top left no-repeat;
	float: left;
	color: #000;
	text-decoration: none;
}

#nav .contact a:hover {
	width: 79px;
	height: 45px;
	padding-top: 60px;
	color: #fff;
	background: url(../images/link_contact_up.gif) top left no-repeat;
	text-decoration: none;
}

#photo {
	width: 262px;
	height: 265px;
	margin: 0px;
	padding: 0px;
	display: table;
	float: left;
}

#contentright {
	width: 460px;
	margin: 0px;
	padding: 0px;
	display: table;
	float: right;
}

.pagetitle {
	font-size: 30px;
	color: #999;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
}

#blog {
	width: 226px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: table;
	overflow: hidden;
	margin-top: 30px;
}

#blog .blogtitle {
	width: 226px;
	height: 27px;
	margin: 0px;
	padding: 0px;
	background: url(../images/title_blog.jpg) top left no-repeat;
	margin-bottom: 20px;
}


#blog ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#blog li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 18px;
	border-bottom: 1px solid #CC0000;
	margin-top: 5px;
	padding-bottom: 5px;
}

#blog .postitle {
	color: #cc0000;
	font-size: 10px;
}

#blog .postitle a:link {
	color: #cc0000;
	text-decoration: none;
}

#blog .postitle a:hover {
	color: #FFF;
	text-decoration: none;
}

#blog .postitle a:visited {
	color: #cc0000;
	text-decoration: none;
}

#blogdetail {
	width: 460px;
	display: table;
	margin: 0px;
	padding: 0px;
}
#blogdetail .date {
	color: #cc0000;
	font-size: 10px;
}
#blogdetail .blogtitle {
	color: #CCC;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 2px;
}

#blogdetail .blogtitle a {
	color: #CCC;
	text-decoration: none;
}

#blogdetail .blogtitle a:hover {
	color: #ccffff;
	text-decoration: none;
}

.projtitle {
	color: #CCC;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 2px;
}

.back {
	margin-top: 20px;
}

.back a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

.back a:hover {
	color: #CCffff;
	text-decoration: none;
	text-transform: uppercase;
}

#flickr {
	width: 200px;
	margin: 0px;
	padding: 0px;
	float: right;
	display: table;
	overflow: hidden;
	margin-top: 30px;
}

#flickr .flickrtitle {
	width: 200px;
	height: 27px;
	margin: 0px;
	padding: 0px;
	background: url(../images/title_flickr.jpg) top left no-repeat;
	margin-bottom: 20px;
}

/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:left; width: 200px;}
#flickr_badge_wrapper {padding: 0px 0px 0px 0px;}
.flickr_badge_image {margin: 0px 5px 5px 0px; display: inline; float: left;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right: 5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#000000;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/* flickr style ends here */


/*thumbnails css open */
#thumbnails {
	margin: 0px;
	padding: 0px;
	color: #fff;
}

#thumbnails ul {
	margin: 0xp;
	padding: 0px;
	list-style-type: none;
	margin-left: 0px !important;
	margin-left: -9px;
}

#thumbnails li {
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#thumbnails li a:link, a:visited {
	display: table;
	outline: none;
}

#thumbnails li a:hover {
	display: table;
	outline: none;
}

/*thumbnails css close */

#footer {
	width: 760px;
	height: 53px;
	margin: 0 auto;
	padding: 0px;
	background: url(../images/footer_bg.gif) top left no-repeat;
	margin-top: 30px;
}

#footer .cpright {
	width: 300px;
	display: table;
	margin-left: 20px;
	margin-top: 20px;
	color: #000;
	font-size: 10px;
	float: left;
}

#footer .designby {
	width: 140px;
	display: table;
	float: right;
	margin-right: 20px;
	margin-top: 20px;
	color: #000;
	font-size: 10px;
}

#footer .designby a {
	color: #000;
	text-decoration: none;
	display: inline;
}

#footer .designby a:hover {
	color: #cc0000;
	text-decoration: none;
}

#footer .designby a:visited {
	color: #000;
	text-decoration: none;
}