/*===== bof Browser Resets =======================================================*/

.clear-both		{clear:both; width:100%; height:1px; margin:0 0 -1px;}
img 			{position:relative;}
li				{list-style-position:inside;}

*, html, body, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{margin:0px; padding:0px;}

/* Removes dotted line when focus */
:focus 				{}

/* Tables still need 'cellspacing="0"' in the markup. */
table 				{border-collapse:separate; border-spacing:0px;}
caption, th, td 	{text-align:left; font-weight:normal;}
table, td, th 		{vertical-align:middle;}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before,
blockquote:after,
q:before, q:after 	{ content: ""; }
blockquote, q 		{quotes:"" "";}

/* Remove annoying border on linked images. */
a img 				{border: none;}
/*===== eof Browser Resets =======================================================*/
a					{color:#D87D07;}

h1, h2, h3, h4, h5, h6	{color:#F2D0A2;}

h1	{font-size:18px;}
h2	{font-size:16px;}
h3	{font-size:14px;}
h4	{font-size:12px;}
h5	{font-size:10px;}
h6	{font-size:8px;}

html, body			{height:100%;}
body				{background:#f3f3f3 url(../images/background.jpg) repeat center center fixed; font-family:Arial,Helvetica,sans-serif; color:#CCC;}
.page-wrapper		{margin:20px auto -100px; width:800px; min-height:100%; height:auto !important; height:100%;}
.push				{height:100px;}


.vertical-side-bar-image	{float:left; width:210px; height:500px;}
.right-side-web				{float:right; width:590px;}


/*===== bof Header =======================================================*/
.header			{background:url(../images/header.png) no-repeat top center; width:580px; height:110px; margin:auto;}
.logo			{background:url(../images/logo.png) top left no-repeat; width:215px; height:90px; position:relative; top:12px; left:10px; float:left; display:block}
.logo h1		{text-indent:-10000px;}
.tagline		{float:right; width:320px; padding:15px 10px 5px 0;}
.tagline h2		{font-size:12px;}
/*===== eof Header =======================================================*/



/*===== bof One Column Template =======================================================*/
.one-column-layout 							{}
.one-column-layout .content					{/*padding:10px;*/ min-height:405px; height:auto !important; height:100%;}
/*===== eof One Column Template =======================================================*/

/*===== bof Two Column Template =======================================================*/
.two-column-layout-left 					{background:#fff;}
.two-column-layout-left .content			{width:720px; padding:10px; float:right; min-height:405px; height:auto !important; height:100%;}
.two-column-layout-left .left-sidebar		{width:240px; padding:10px; float:left;}

.two-column-layout-right 					{background:#fff;}
.two-column-layout-right .content			{width:720px; padding:10px; float:left; min-height:405px; height:auto !important; height:100%;}
.two-column-layout-right .right-sidebar		{width:240px; padding:10px; float:right;}
/*===== eof Two Column Template =======================================================*/

/*===== bof Three Column Template =====================================================*/
.three-column-layout 						{background:#fff;}
.three-column-layout .content 				{}
.three-column-layout .left-sidebar			{float:left;}
.three-column-layout .right-sidebar			{float:right;}
/*===== eof Three Column Template =====================================================*/



/*===== bof Content =============================================================================*/
.title-bar			{background:url(../images/title-bar.png) no-repeat top center; width:590px; height:40px; margin:auto; color:#000;}
.section			{background:url(../images/section_bg.png) repeat-y top center; width:590px; margin:auto;}
.left				{float:left; width:263px; background:#333; padding:5px; border:1px solid #000;}
.right				{float:right; width:263px; background:#333; padding:5px; border:1px solid #000;}
.bottom				{background:url(../images/bottom.png) no-repeat bottom center; width:580px; height:60px; margin:auto;}
.section-marker		{float:left; padding:4px 10px 0 10px;}
.section-title		{text-transform:capitalize; font-size:22px; font-weight:bold; padding:6px 0 0 0;}

/* What I Do */
.what-i-do			{padding:10px 15px;}
.services			{background:#333; padding:10px; border:1px solid #000;}
.request-quote		{}
.services p			{padding:10px 0;}

/*Take a tour of Magento*/
.magento-tour		{padding:10px 15px;}
.frontend			{background:none; border:none;}
.backend			{background:none; border:none;}

/* About Me */
.about				{padding:10px 15px;}
.bio				{}
.social-media		{}
.social-media strong{color:#F2D0A2;}
.social-media ul	{padding:10px 0;}
.social-media li	{list-style:none; padding:5px 0;}
.social-media img	{padding:0 8px 0 0; vertical-align:middle;}
.bio p				{padding:10px 0;}
.bio strong			{color:#F2D0A2;}

/* Featured Work */
.featured			{padding:10px 15px;}
.project			{width:180px; float:left;}
.thumbnail			{width:178px; height:178px; background:#333; border:1px solid #000; overflow:hidden; display:block;}
.visit-site			{font-size:10px; text-align:center;}

.one		{margin-right:10px;}
.two		{}
.three		{margin-left:10px;}

/* Have a Project For Me */
.have-a-project					{padding:10px 15px;}
.request-quote					{background:#333; padding:10px; border:1px solid #000;}
.request-quote li				{list-style:none;}
.request-quote td				{padding:5px 0;}
.request-quote label			{color:#F2D0A2; font-size:14px; font-weight:bold;}
.request-quote .textfield		{width:275px; border-color:#000;}
.request-quote textarea			{width:275px; height:140px; border-color:#000;}
.request-quote button			{width:130px; height:25px; border-color:#000;}

/*===== eof Content =============================================================================*/



/*===== bof Footer =============================================================================*/
.footer				{height:100px; width:800px; margin:auto; text-align:center;}
/*===== eof Footer =============================================================================*/