/* ---------------------------------------------------------a and img */
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}



a  img     {
	border: none;
	outline: none;
	
}
a:active  {
	border: none;
	outline: none;
}
a:visited  {
	border: none;
	outline: none;
}
a:focus {outline: none}


a:focus  {
	border: none;
	outline: none;
}


.clearFloats {
	clear: both;
}

/* ---------------------------------------------------------body and layout */
body {
	background-image: url(../images/background.jpg);
	background-repeat: repeat;
	background-color: #656565;
	background-position: top;
	margin: 0px;
	padding: 0px;
}
#wrapper {
	margin-top: 0px;
	position: relative;
	margin-bottom: 0px;
	width: 1013px;
	margin-right: auto;
	margin-left: auto;
}
#outer_wrapper {
	background-image: url(../images/background_top.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#header {
	background-repeat: no-repeat;
	height: 192px;
	width: 750px;
	display: block;
	float: left;
	position: relative;
}
#header h2 {
	font-size: 6px;
	letter-spacing: 0px;
	line-height: 12px;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif, "Helvetica Neue LT Std 55 Roman";
	color: #6C6C6C;
	position: absolute;
	top: -300px;
}
.devishionLine {
	background-image: url(../images/divishionLine.png);
	background-repeat: no-repeat;
	float: left;
	height: 4px;
	width: 1000px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-position: right;
}
.devishionLine_long {
	background-image: url(../images/divishionLine_long.png);
	background-repeat: no-repeat;
	float: left;
	height: 4px;
	width: 1000px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-position: right;
}

#footer{
	background-repeat: repeat-x;
	background-color: #656565;
	background-position: top;
	margin: 0px;
	padding: 0px;
}
#footer_holder {
	margin-top: 0px;
	position: relative;
	margin-bottom: 0px;
	width: 1013px;
	margin-right: auto;
	margin-left: auto;
}

/* ---------------------------------------------------------menu */
#menu {
	height: 50px;
	width: 600px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif, "Helvetica Neue LT Std 55 Roman";
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	color: #b4b4b4;
	top: 152px;
	left: 275px;
	letter-spacing: -1px;
}
#menu a:hover {
	background-position: bottom;
}
#illustrator_btn {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 40px;
	width: 98px;
}
#illustrator_btn a {
	background-image: url(../images/illustrator_btn.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 40px;
	width: 98px;
}
#piriod {
	background-image: url(../images/piriod.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 7px;
}
#graphic_btn {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 40px;
	width: 93px;
}
#graphic_btn a {
	background-image: url(../images/graphic_btn.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 40px;
	width: 93px;
}
#and {
	background-image: url(../images/and.png);
	background-repeat: no-repeat;
	float: left;
	height: 43px;
	width: 49px;
}
#interactive_btn {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 40px;
	width: 119px;
}
#interactive_btn a {
	background-image: url(../images/interactive_btn.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 40px;
	width: 119px;
}
#designer {
	background-image: url(../images/designer.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 97px;
}
#contact {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 129px;
	width: 109px;
	position: absolute;
	right: -150px;
	top: 48px;
}
#contact a {
	background-image: url(../images/contact_opn.jpg);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 129px;
	width: 109px;
}
#contact a:hover {
	background-image: url(../images/contact_hvr.jpg);
	background-repeat: no-repeat;
}
#resume {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 129px;
	width: 109px;
	position: absolute;
	right: -260px;
	top: 48px;
}
#resume a {
	background-image: url(../images/resume_opn.jpg);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 129px;
	width: 109px;
}
#resume a:hover {
	background-image: url(../images/resume_hvr.jpg);
	background-repeat: no-repeat;
}
.menuCufon {
}
#menu a {
	color: #b4b4b4;
	text-decoration: none;
	font-size: 24px;
	line-height: 24px;
}
/* ---------------------------------------------------------H tags */
h1 {
	font-family: Arial, Helvetica, sans-serif, "Helvetica Neue LT Std 55 Roman";
	font-size: 70px;
	color: #CCC;
	padding: 0px;
	font-weight: normal;
	letter-spacing: -5px;
	margin-top: 30px;
	margin-bottom: 10px;
	float: right;
	margin-right: 25px;
	line-height: 70px;
	text-align: right;
}
h1 .gray {
	color: #656565;
}
h1 .gray a {
	color: #606060;
	text-decoration: none;
}
h1 .gray a:hover {
	color: #585858;
	text-decoration: none;
}
h2.copyright {
	font-family: Arial, Helvetica, sans-serif, "Helvetica Neue LT Std 55 Roman";
	font-size: 10px;
	color: #E5E5E5;
	margin: 5px;
	padding: 0px;
	font-weight: normal;
}
h3 {
	font-family:  Arial, Helvetica, sans-serif, "Helvetica Neue LT Std 55 Roman";
	font-size: 20px;
	font-weight: bold;
	color: #95b1dc;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
h4 {
	font-family:Arial, Helvetica, sans-serif, "Helvetica Neue LT Std 55 Roman";
	font-size: 50px;
	font-weight: normal;
	color: #a6a6a6;
	padding: 0px;
	margin: 0px;
	letter-spacing: -2px;
	line-height: 50px;
}
h5 {
	height: 20px;
	margin: 0px;
	display: block;
	width: 1000px;
	float: left;
}
p {
	font-family: Arial, Helvetica, sans-serif, "Helvetica Neue LT Std 55 Roman";
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 8px;
	font-weight: lighter;
}
p em {
	font-style: italic;
	color: #CCC;
	margin-top: 5px;
	text-align: left;
}
p a {
	color: #CCC;
	text-decoration: underline;
	font-style: italic;
}
p a:hover {
	color: #95b1dc;
	text-decoration: none;
}

/* ---------------------------------------------------------layout */
.image_frame_container {
	float: left;
	margin-left: -10px;
}
.title_box {
	float: left;
	width: 250px;
	text-align: left;
	vertical-align: top;
	margin-top: 10px;
	margin-right: 20px;
}
.title_box_right {
	float: left;
	width: 250px;
	text-align: left;
	vertical-align: top;
	margin-top: 10px;
	margin-left: 10px;
}
.text_box {
	float: left;
	text-align: justify;
	margin-top: 30px;
	text-shadow:0px -1px 0px #5f5e5e;
}
.whiteFrame {
	background-color: #E5E5E5;
	border: 1px solid #ffffff;
	padding: 5px;
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
}
.image_blog {
	background-color: #E5E5E5;
	border: 1px solid #ffffff;
	padding: 5px;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	-moz-box-shadow: 1px 1px 3px #333;
-webkit-box-shadow: 1px 1px 3px #333;
box-shadow: 1px 1px 3px #333;
}
.whiteFrameGallery {
	background-color: #E5E5E5;
	border: 1px solid #ffffff;
	padding: 5px;
	float: left;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: center center;
}
.relative a:hover {
	background-color: #999;
}
.relative a {
	background-color: #E5E5E5;
	padding: 5px;
	background-position: center center;
	border: 1px solid #FFF;
	background-repeat: no-repeat;
	cursor:pointer;
	display: block;
}
.relative {
	position: relative;
}

/* ---------------------------------------------------------corners */
.new {
	background-image: url(../images/new.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 39px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.oneOftwo {
	background-image: url(../images/1of2.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 39px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.oneOfthree {
	background-image: url(../images/1of3.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 39px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.oneOffour {
	background-image: url(../images/1of4.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 39px;
	position: absolute;
	top: 0px;
	right: 0px;
}


.oneOffive {
	background-image: url(../images/1of5.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 39px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.oneOfsix {
	background-image: url(../images/1of6.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 39px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.oneOfseven {
	background-image: url(../images/1of7.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 39px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.oneOfeight{
	background-image: url(../images/1of8.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 39px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.oneOftwo a, .oneOfthree a, .oneOffour a .oneOffive a, .oneOfsix a,  .oneOfseven a, .oneOfeight a  {
	
	height: 37px;
	width: 39px;
	display: block;
	cursor:pointer;
}

/* ---------------------------------------------------------flags */
.launchWebsite {
	background-repeat: no-repeat;
	height: 23px;
	width: 156px;
	position: absolute;
	background-position: top;
	display: block;
	left: -10px;
	bottom: 0px;
}
.launchWebsite a {
	background-image: url(../images/lunchWebsite_btn.png);
	background-repeat: no-repeat;
	height: 23px;
	width: 156px;
	background-position: top;
	display: block;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
}
.launchWebsite a:hover {
	background-color: transparent;
}
.launchWebsiteRight {
	background-repeat: no-repeat;
	height: 23px;
	width: 156px;
	position: absolute;
	display: block;
	bottom: 0px;
	right: -10px;
}
.launchWebsiteRight a {
	background-image: url(../images/lunchWebsite_right.png);
	background-repeat: no-repeat;
	height: 23px;
	width: 156px;
	display: block;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
}
.launchWebsiteRight a:hover {
	background-color: transparent;
}
.launchProject {
	background-repeat: no-repeat;
	height: 23px;
	width: 156px;
	position: absolute;
	background-position: top;
	display: block;
	left: -10px;
	bottom: 0px;
}
.launchProject a {
	background-image: url(../images/lunchProject.png);
	background-repeat: no-repeat;
	height: 23px;
	width: 156px;
	background-position: top;
	display: block;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
}
.launchProject a:hover {
	background-color: transparent;
}
.launchProjectRight {
	background-repeat: no-repeat;
	height: 23px;
	width: 156px;
	position: absolute;
	display: block;
	bottom: 0px;
	right: -10px;
}
.launchProjectRight a {
	background-image: url(../images/lunchProjectLeft.png);
	background-repeat: no-repeat;
	height: 23px;
	width: 156px;
	display: block;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
}
.launchProjectRight a:hover {
	background-color: transparent;
}
.launchProjectSiteRight {
	background-repeat: no-repeat;
	height: 23px;
	width: 156px;
	position: absolute;
	display: block;
	bottom: 0px;
	right: -10px;
}
.launchProjectSiteRight a {
	background-image: url(../images/lunchProjectSiteLeft.png);
	background-repeat: no-repeat;
	height: 23px;
	width: 156px;
	display: block;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
}
.launchProjectSiteRight a:hover {
	background-color: transparent;
}
.launchProjectSite {
	background-repeat: no-repeat;
	height: 23px;
	width: 156px;
	position: absolute;
	background-position: top;
	display: block;
	left: -10px;
	bottom: 0px;
}
.launchProjectSite a {
	background-image: url(../images/lunchProjectSiteRIght.png);
	background-repeat: no-repeat;
	height: 23px;
	width: 156px;
	background-position: top;
	display: block;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
}
.launchProjectSite a:hover {
	background-color: transparent;
}
.title_box_contact {
	float: left;
	width: 250px;
	text-align: left;
	vertical-align: top;
	margin-top: 10px;
	margin-right: 30px;
}